如何优化你的网站的移动端SEO（学到了吗）用web做移动端网站，

【小社会福利】关注QQ社会公众号，在QQ社会公众号申明“蔬果”两字词，可赢得CCMO为您精心设计准备的三套网络网络营销蔬果和行业报告。

CCMO资料库项目组   翻译者：马俏美  Damazan：何超

终端网络的采用数目剧增，所以不会减少。终端数据网络流量在过去5年里增长了18倍。到2021年，终端相连设备的数目预计将超过世界人口的116亿。

单凭那些位数，很明显终端是任何网络营销策略的巨大格斗游戏改变者。

终端采用者在终端时动态消费关键信息。然而，许多中文网站结构设计仍然没有考虑到不同的萤幕体积和网页读取天数，这让采用者很懊恼。

关键的是，你的中文网站立刻给她们所需的关键信息，不然她们会离开中文网站，并在其他中文网站找寻类似的关键信息。当这种情况发生时，你不仅是在给你的竞争者带来潜在性的影响，你也在侵害你的中文网站。

那么怎样让你的中文网站对终端端亲善呢?怎样强化终端SEO?

这首诗回答了那些问题。首先，让我们来介绍基本知识。

若想成为两个好的终端中文网站？

用Google的名词来说，两个终端亲善的中文网站是“复本和立刻需用的”。这意味着采用者不须要弱化查阅内容，镜像能较好地终端，所以你的网页须要水平慢速，所以搜索者能快速而随心所欲地从你的终端公交站点赢得她们须要的东西。

网页读取速度也是所有中文网站的两个关键因素，的的终端端。研究表明，即使是读取延时几秒钟，也会吓倒搜索者的路子，造成差劲的采用者新体验。

为了检查和你的公交站点是怎样测度的，采用PageSpeed Insights辅助工具。它还提供更多了一些关于怎样改良终端公交站点的读取天数的命令。

在结构设计方面，Google已经制定了25条原则来辅导您在终端公交站点上提供更多良好的采用者新体验。

1) 网页和公交站点导航系统

维持新浪网联系电话在第一屏和中心位置。

维持辅助工具栏意味深长和简约。

容易回到网页。

不要让打折活动取走网络流量。

2) HotBot

使中文网站搜索可见。

确保公交站点搜索结果是相关的。

实现过滤器以提高公交站点搜索需用性。

引导采用者赢得更好的搜索结果。

3）商务转换

让采用者在提交之前进行探索。

让采用者作为客人购买。

利用现有关键信息最大化便利性。

采用单击调用复杂任务的按钮。

在另两个设备上完成转换很容易。

4) 表单条目

流线关键信息输入。

简化每个任务的输入方法。

提供更多选择日期的可视日历。

采用标记和动态验证避免表单错误。

结构设计有效形式。

需用性和表单因素

5）需用性和表单因素

强化您的整个终端中文网站。

不要让采用者手动缩放。

使产品形象可扩展。

告诉采用者哪个萤幕方向效果最好。

将您的采用者放在两个浏览器窗口中。

避免采用“全公交站点”标签。

明白采用者的点击位置。

怎样判断我的中文网站是否对终端设备亲善?

有几个辅助工具能帮助你评估你的中文网站在终端上的表现：

1）接受Google手机亲善测试。只需输入两个网页URL即可查阅网页在终端设备上的执行情况。

2）检查和终端需用性报告，查阅并修复在您的公交站点上发现的潜在性的终端问题。

3）如果你采用的是像WordPress或Joomla这样的CMS中文网站，请遵循Google关于怎样使CMS主题和模板终端亲善的说明。

在此之前，请考虑以下几点:

在更改或更新之前备份公交站点。如果在更新中发生意外，它能恢复。在云中创建两个本地备份副本和另两个安全层是最好的。

更新CMS到最新版本。它会自动安装安全升级，使你的中文网站在大多数情况下都很亲善。

检查和您采用的CMS支持的论坛，以查阅人们可能与您的中文网站的终端版本的共同问题。什么是终端搜索引擎强化，为什么它是关键的？

Google的终端第一索引

Google逐渐改变了它的搜索算法, 以此来解释终端相连设备的持续增长。在过去的两年里, 它已经重申须要强化终端采用的中文网站, 并公布了怎样使中文网站终端亲善的资源。在2016年，Google开始对终端第一索引进行实验。尽管目前它仍然采用单一的中文网站和应用程序搜索索引，搜索算法最终会将公交站点的终端版本的内容排序到网页上。

虽然Google推动中文网站的终端亲善, 但它仍然抓取电脑版。因此, 您须要确保终端版中的内容和镜像与您的电脑板一致。这是为了确保 Google 能够采用正确的内容, 并以与抓取您的电脑版中文网站时相同的方式来对中文网站进行排名。

如果你的手机和电脑版之间的差异很大，终端索引将影响排名。例如，如果网页的终端版比电脑版的内容少得多，Google将把终端版视为原始版本。

尝试搜索引擎强化策略

作为对Google终端优先索引的回应，网络管理员也把终端搜索引擎强化作为一项优先任务。

两个终端搜索引擎强化策略不仅仅是拥有两个终端响应的中文网站。它包括强化中文网站资源，让Googlebot知道，你确实有两个终端中文网站，在搜索排名中优先排序。

第一步是让Google了解你的中文网站的终端配置。如果您想采用响应性的web签名、动态服务或单独的URL解决方案，这取决于您。

每个终端解决方案都有其优缺点。但只要你设置得当, Google 就能全部理解。

1) 响应结构设计

Google更喜欢这种配置，因为它不须要额外的代码或提示就很容易理解。响应式web结构设计在相同的URL上提供更多相同的HTML代码在所有设备上，但是能以不同的方式呈现显示。

为了向浏览器表明你的网页将会适应所有的设备，Google建议设置viewport并将这个meta标记添加到文档的头部:

<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

2)动态服务

有了动态服务, Google 建议您提供更多两个提示, 即您正在更改基于采用者代理的内容, 因为您这样做并不是很明显。

这种配置会改变HTTP头关键信息，通知Googlebot智能手机抓取终端强化版本的URL。

3)单独的URL

您能在不同的 url 上承载中文网站的终端版本:

终端子域  (m.example.com)

两个完全独立的终端域 (example.mobi)

子文件夹 (example.com/mobile)

只要在桌面和终端版本之间正确地实现 two-way 注释, 那些都是能的。

4) 加速终端网页(AMP)

Google在过去一年左右也一直在推动AMP功能。它是HTML的一种简化格式，所以它读取得更快。然而，在需用性和功能性方面，人们一直在抱怨AMP。

一些出版商说，它的价值不像其他配置那样高。这是因为在没有终端版本的情况下，Google在AMP功能上对桌面版进行了索引。

无论您选择哪种配置，这里都有一些您应该注意的关键点。

• 当两个网页被格式化为终端时，向Google发出信号，帮助Google准确地为终端搜索采用者提供更多搜索结果中的内容。

• 避免那些让终端访问者失望的常见错误:

1) 阻止了 JavaScript、CSS 和图像文件

如果Googlebot没有访问到你的网页的资源，它可能不会发现这个网页是“终端亲善”的，所以不会正确地服务于终端搜索者。

因此, 维持您的资源抓取。不要采用 robots.txt 阻止搜索引擎访问您的中文网站上的关键文件, 帮助渲染网页, 包括广告。

2)播放内容

Google建议采用HTML5标准标签来包含视频或动画，而不是采用专有视频播放器或将内容放在不支持的格式中

对于采用Flash或其他多媒体播放器的动画内容，您能采用Google Web Designer在HTML5中创建动画。

3)重定向错误

如果您有独立的终端URL，则须要将终端采用者重定向到每个桌面URL。这确保了采用者最终在她们所找寻的网页上结束。

4)终端式404s

有些公交站点在电脑端正常读取，但在终端端显示错误。如果你注意到采用者正在用终端设备访问电脑板的中文网站网页，在两个不同的URL上有两个等价的终端网页，将她们重定向到那个URL，而不是提供更多两个404网页。另外，确保终端亲善的网页不是错误网页。

5) 插播式广告

不要干扰采用者完成中文网站上的任务。采用简单的横幅将您的应用程序与网页内容内联。

6) 不相关的交叉镜像

检查和你的镜像，确保她们把采用者引导到正确的网页。

7) 缓慢终端网页

不要让你的访问者等待很长天数才能看到你的内容。目标是在不到一秒的天数内宣传终端网页。

8) 小字体

采用清晰的字体大小来确保字体在不同的设备上能按预期的大小进行缩放。建议采用16个CSS像素的基本字体大小。

9) 相近的触摸元素

为手指结构设计按钮和镜像，以避免意外的点击。

结构设计和内容的协调

采用者访问你的公交站点是为了满足她们的需求，但是她们想要最快得到她们想要的结果。考虑到萤幕体积和带宽等终端设备的局限性，结构设计的重点是更有效地突出内容。

话虽如此，在终端中文网站上说内容超过结构设计，或者结构设计比内容更关键，这是不准确的。这两个元素在所有设备上都是同等关键的。

但与电脑板不同的是，你能将两部分内容并排放在一起，你必须在你的终端公交站点中有两个内容层次结构，这样采用者新体验就会高。最关键的消息总是出现在顶部，例如您的公司名称、徽标和CTA;其次是由上下文和天数敏感性决定的二级和三级内容。

视觉对终端设备的关键性

视觉内容在终端设备上的参与度最高。仅在YouTube上，51%的视频格斗游戏都在终端设备上。终端端在社交媒体网络上的花费也占了近80%的天数，在那些社交媒体上，照片和视频能赢得更多的互动。

当涉及到终端公交站点时，图像和视频的强化是必须的。它们会吸引你的采用者，提升你的终端搜索引擎强化。

怎样强化终端SEO的视频

如果你须要在你的中文网站上发布很多视频，那么最好是采用YouTube视频让你在终端设备上的观看更加顺畅。

根据Google的最佳视频实践，你的视频将会在搜索结果中曾现。

→用schema.org来标记你的视频。

Schema模式标记是一种将机器复本关键信息添加到内容中的语言。添加到您的视频内容中，能更容易让搜索引擎索引。

→向Google提交视频公交站点地图或mRSS提要

Sitemaps是一种较好的方式，能确保Google了解公交站点上的所有内容，包括那些可能无法通过通常的爬行方法发现的内容。

→告诉Google当你从你的中文网站上删除视频

对于任何两个视频被删除或过期的着陆网页，回到404(Not found)HTTP状态代码。除了404响应代码之外，您还能将HTML回到给大多数采用者。

→创建高质量的缩略图

在视频结果的旁边，Google展示了拇指指甲大小的摘要图像。它将根据你的公交站点、公交站点地图或标记中的关键信息，为你的视频网页识别等价的缩略图。

→JavaScript、Flash和标签

在配置视频网页时不要采用过于复杂的JavaScript或Flash设置。如果你这样做，Google可能不会正确地显示你的视频。

→创建两个较好的采用者新体验

为每个视频创建两个独立的着陆网页，并在每个网页上提供更多描述性标题和描述，让采用者更容易识别视频内容。

采用两个突出的嵌入式视频播放器，支持不同的视频格式，让你的视频对采用者更有吸引力，并且更容易让Google索引。

怎样强化终端SEO的图片

在强化图片方面，这里有一些技巧能帮助你赢得搜索排名：

1）描述你的图片

搜索引擎在你的网页上抓取文字和你的图像文件名中的关键字。看看你的中文网站分析，看看你的访客在搜索图片时采用的是什么样的措辞。找到它们采用的最常用的命名模式，并将这种命名应用到您图片的命名过程中。

2）强化你的Alt标签

alt属性为您的公交站点添加了SEO价值。通过在图片中添加适当的alt标签，将关键字与图片相关联，这有助于你的中文网站在搜索引擎中排名更好。

3）减少图片的大小

如果网页中包含了大量图片，网页的读取速度会慢一些。由于网页读取天数是Google的排名算法的两个因素，如果出现这种情况，网页可能会被降权。

为了减少图像的大小，你能在Adobe Photoshop中采用“Save for Web”命令。在将图像调整为可接受的最低文件大小时，确保维持对图像质量的关注。如果你没有Photoshop，你能尝试一些免费的图片编辑器。

4）了解在合适的情况下采用哪种图像文件类型

JPEG、GIF和PNG是三种最常见的图像文件类型。

对于电子商务中文网站来说，JPEG是最好的，因为它们在最小的文件大小中具有最好的质量。

为缩略图和装饰图像采用gif。

PNG 是两个较好的替代 jpeg 和 gif。png 能用作简单的装饰图像, 因为它们的文件大小非常小。如果您只有 PNG 格式的照片, 请尝试采用 PNG-8 多于 PNG-24。

5）采用图片公交站点地图

蜘蛛无法抓取网页源代码中显示的图像。为了让她们知道那些图片，你须要在两个图片公交站点地图中列出她们的位置。

对于图像强化的技术方面，您能参考开发人员对Google图像强化的指南。

结论

越来越多的手机相连设备只显示了采用者对即时满足她们的关键信息需求的热情。你的终端公交站点应该让她们很容易的做她们须要做的事情，而不用太多的烦扰和分心。

【翻译者简介】

马俏美： 一直从事重工机械行业网络网络营销工作，擅长GoogleSEO，内容网络营销，是内容网络营销和SEO的亲身实践者，数据分析爱好者

【Damazan简介】

何超，网络网络营销，搜索引擎网络营销运营出身，CEAC国家关键信息化计算机教育认证：网络网络营销师，SEM搜索引擎网络营销师，SEO工程师，专注网络数据分析运营，现为会点网事业合伙人，运营负责人，贸促会—今日会展会员联盟VIP个人会员，周五咖啡媒体人俱乐部发起合伙人，网络数据官iCDO原创作者，网络网络营销官CMO原创作者。

【关于网络网络营销官CMO】

网络网络营销官CMO是两个公益性组织，致力于打造国内领先的网络网络营销领域人才交流讨论的平台，定位于助力网络网络营销领域的人才互帮互助，共同成长为首席网络网络营销官（Chief Marketing Officer）。为未来的网络网络营销官CMO们提供更多网络网络营销行业最新最前沿的网络营销蔬果和行业资料库、涵盖网络网络营销领域的SEO、SEM、PPC、网盟网络营销、EDM网络营销、红人网络营销、大数据网络营销、场景网络营销、O2O网络营销、事件网络营销、病毒网络营销、口碑网络营销等众多网络网络营销方法和手段。

网络网络营销官CMO目前正在发展壮大，欢迎对网络感兴趣的小伙伴们加入这个温暖有爱的大家庭，欲了解报名请戳：网络网络营销官CMO招聘志愿者