[译]网页移动端SEO权威指南

    本篇内容分为五个章节：一、为什么必须做移动端优化  二、怎么实现一个在谷歌可排名的移动网站  三、网站怎么做移动端的优化？  四、怎样提高移动端网页的用户体验  五、高级移动SEO建议和实践    包括了所有你想知道的涉及移动端SEO的内容。

一、为什么必须做移动端优化

    1、什么是移动端SEO？

移动端SEO是针对手机端和平板端的用户进行网站优化的操作，包括让你的网站资源对搜索引擎爬虫来说是可爬取的。

    2、为什么移动端SEO这么重要？

移动端搜索 VS 桌面端搜索

    简单的来说，移动端的搜索量呈现爆炸式的增长。从数据来看，目前58%的Goolge用户使用移动端进行搜索。并且移动端搜索的增长非常迅速，比桌面端的搜索量多出了278亿。

移动端搜索

   从数据上可以很明显的看出，未来SEO的重心在移动端，谷歌对算法进行大动作的更新很可能就是为了把重心放在移动端搜索。

    3、现在的“SEO”就是对“移动端SEO”的优化吗？

    如果你的网站是针对Google进行优化，那么答案是“YES”。

    现在有95%的移动端用户在Google上搜索内容。

谷歌移动端搜索

    基于谷歌在搜索市场占据的支配地位，他们当然会修改算法把重心放在移动端搜索的优化上。

    首先，他们推出了移动端友好更新。

移动端友好更新官博截图

    这个更新惩罚了移动端访问不友好的网站，但是如果你的目标用户很多并不是从移动端进行搜索的话，这个更新就无关紧要。直到谷歌让每个搜索都变成移动端搜索，怎么做的？谷歌让他们的算法“移动优先”。

    4、什么是谷歌移动优先索引？

    谷歌移动优先索引使得搜索结果只根据页面的移动端版本进行排名，当然，你从桌面端发起搜索的时候也是一样。

    在这个更新之前，谷歌对这两边的索引是独立的，一个移动端版本和一个桌面端版本。

    用户从iPhone端发起搜索的时候，谷歌从移动端索引返回结果，用户从桌面端发起搜索的时候，他们得到的是桌面端的结果。

早前谷歌搜索结果模型

现在，不管你使用哪种设备进行搜索，谷歌都根据移动索引来返回搜索结果。

现今搜索结果模型-移动优先

 5、谷歌的移动优先索引是否重要？

 如果你的网站已经对移动端进行完美的优化适配，就不用在意。如果没有的话，你会发现谷歌在推出这个策略之后网站排名明显的下降。后续的内容特别介绍了如何针对你的网站进行移动端的优化。

  6、谷歌认为的“移动端”都有哪些？

 对于大多数人来说，移动设备无非就手机或者平板电脑。然而，谷歌表示“当我们说到移动设备的时候，我们并没有把平板电脑包括在内”。对于谷歌来说移动端就是手机；所以，这边给你的建议最好是对任何可以访问你网站的设备都做适配优化。

二、怎么实现一个在谷歌可排名的移动网站

 首先，你的网站在移动设备上至少是可访问的，现在实现一个移动端网站并不难也不复杂，下面会介绍三种实现方式。

 1、分开URL适配

 桌面端访问返回www.website.com地址，移动端访问的时候返回m.website.com地址。换句话说就是，你的网站可以根据访问的设备类型，返回相应的URL地址。这个方法有一个非常大的问题，维护起来很痛苦，相当于一个网站你要维护两份资源，不管是网站的内容、图片、还是样式文件。做SEO优化的时候也很麻烦（试想想你要针对每块内容做双份的URL，还要复杂的“rel=canonical" 和 "rel=alternate"标签），所以这个方法是最不推崇的。

 2、自动化服务

 桌面和移动端使用的是同一个URL地址，只是根据不同的访问设备返回不同的HTML/CSS模版。拿本网站来说

 本网站桌面访问截图

本网站移动端访问截图

要实现上面的效果很简单，搜索Any Mobile Theme Switcher插件，安装之后从左侧菜单设置进入可以见到以下设置项：

 移动主题切换设置插件截图

插件里面的主题选项都必须是已经安装的WordPress主题，但是很多时候并没有专门针对移动端制作的主题，这边提供一个查找合适的移动端主题方法，列出你喜欢的一些博客网站，从移动端输入网址访问看看主题的显示效果，一般访问量较高的个人或公司网站已经对移动端做了完美的适配，直接拿过来用不就得了？怎么知道博客使用的主题是什么？可以使用WhatTheme工具去查找。

WordPress主题查找结果

输入网站域名搜索就得到了搜索结果，主题相关的所有信息一目了然。

    动态服务的方案当然会优于第一种方案，但是它也有问题。你需要为市场上新出现的设备适配不同的版本，当你的网站无法识别一个新设备，在上面的展示效果可能就不理想。有没有更好的办法？看第三种。

3、响应式设计

 使用响应式网站设计，可以根据设备的情况自适应调整显示的内容和图片，响应式网站不需要分开URL的适配或者使用不同的HTML样式文件。

在SEO方面，响应式网站设计更具优越性，单一的URL，方便分享和获取链接，不用重定向，重定向容易导致SEO方面的问题并且拖慢网站的加载速度。想了解更多响应式网站的好处，可以访问谷歌官网建议。

响应式网站显示示例

三、网站怎么做移动端的优化？

1、使用谷歌移动可用性测试

 这个工具在Google Search Console里面，当然首先要先登录你的GSC账号，选择移动设备易用性就可以查看你的网站存在哪些问题。

谷歌移动设备可用性菜单

或者你也可以使用移动设备适合性测试，点击“了解详情”，进入移动可用性测试页面。

谷歌移动可用性测试入口

点击右侧移动设备适合性测试工具，直接输入你的网站URL就可以测试了。

移动设备适用性测试首页

 如果检测出问题先对网站进行优化之后再运行测试，通过测试之后，记得SUBMIT TO GOOGLE进行收录。

移动设备适应性测试结果

    点击左上角提示你的Page loading issues 右侧 VIEW DETAILS 查看存在的加载问题

移动设备适应性测试存在问题

    桌面端爬虫在爬取这些资源的时候是完全OK的，但是移动端爬虫在爬取的时候可能存在问题，针对谷歌推出的移动索引优先的策略，你应该认真的对待这些问题。

2、让谷歌爬取所有内容

 检查你的Robot.txt文件，查看是否屏蔽爬虫爬取JavaScript、CSS或者其他重要内容，除非谷歌完整爬取了你的页面，否则谷歌无法知道你的网站是否是移动适应的。你可以在Google Search Console里面查看robot.txt测试工具，查看谷歌抓取到的Robot.txt文件是否跟网站设置的一致。在Google索引->禁止抓取的资源里面查看有哪些资源抓取有问题，只要没屏蔽网站的重要内容就行。

3、广告弹窗

 作为用户来说都是非常讨厌广告弹窗的，谷歌也是这样，特别是对于移动端的用户来说，谷歌的一个准则就是给用户提供优质的内容，为此谷歌推出了一个更新来识别带有侵入性的弹窗，目的在于简化移动端搜索流程，帮助用户找到他们想要的内容，哪些弹窗是符合规范的？参考帮助移动用户更容易地获取内容。

4、怎么查看响应式网站在不同设备上的显示效果？

 可以使用这个免费的测试工具：http://mattkersley.com/responsive/

5、使用网站版谷歌抓取工具

   这个工具同样在Google Search Console之中，输入文章的URL，选择移动端选项，看看谷歌抓取到的网站内容是什么样的，是否抓取的内容有遗漏。

网站版谷歌抓取工具

6、让移动用户看到所有内容

 在之前，很多人在手机上会屏蔽一些资源的加载，比如文章内容只加载摘要，需要点击更多按钮之后才加载完整内容，或者屏蔽JavaScript的加载。目的是为了更快的加载速度，提升移动端的用户体验。但现在随着谷歌推出移动索引优先策略之后，可能会是个很大的问题，在这个机制下，谷歌认为移动端页面版本是主要版本，如果你在首次加载的时候隐藏内容，谷歌可能不会对内容进行索引或抓取，更有可能会进行降权处理。最近从John Mueller的表态来看，谷歌在移动端内容的处理上并没有很明确，但建议在移动端的显示上把用户所需要的内容一次性展示出来。

更多内容 >> 阅读原文