构建适合移动设备的网站

当今世界由移动设备主宰。绝大多数人都是在移动设备上使用 Google 进行搜索。桌面版网站在移动设备上可能不太容易浏览及使用。因此，拥有适合移动设备的网站是提升在线影响力的重要因素。事实上，从 2016 年年底起，Google 已经开始尝试主要使用移动版网站内容42进行排名、解析结构化数据及生成摘要。

相关阅读：

2018年谷歌SEO网站结构优化入门指南

2018年谷歌SEO页面内容优化入门指南
 

了解设备之间的差异智能手机：在本文档中，“移动”或“移动设备”指智能手机，例如运行 Android系统的手机、iPhone 或 Windows    Phone。虽然移动设备的屏幕尺寸较小，且在几乎所有情况下，其默认屏幕方向为纵向，但移动浏览器与桌面浏览器类似，都可以呈现各种 HTML5 规格的网页。

平板电脑：我们将平板电脑视为一个单独的设备类别，因此在提及移动设备时，通常不包括平板电脑。相对而言，平板电脑的屏幕要大一些。这意味着，除非您提供针对平板电脑进行了优化的内容，否则用户通过平板电脑浏览网站时，还是希望看到桌面浏览器的显示方式，而非智能手机浏览器的显示方式。

多媒体手机：这类手机采用的浏览器可呈现符合 XHTML 编码标准的网页；支持 HTML5 标记、JavaScript/ECMAscript，但可能不支持某些采用 HTML5 标准的扩展程序 API。这通常指的是大多数带有 3G 功能的手机（非智能手机）中的浏览器。

功能手机：这类手机采用的浏览器无法呈现使用标准 HTML 进行编码的标准桌面版网页，其中包括仅呈现使用 cHTML (iMode)、WML、XHTML-MPF 等语言进行编码的网页的浏览器。

我们的建议主要针对智能手机，但我们鼓励多媒体版和功能手机版网站的所有者在认为合适时也遵循这些建议。

选择移动策略有多种方法可以让您的网站适合移动设备，并且 Google 也支持不同的实现方法：自适应设计（推荐） 动态提供内容 单独的网址

创建了适合移动设备的网站后，您可以使用 Google 的移动设备适合性测试来检验您网站上的网页是否满足在 Google 搜索结果页面上被标记为适合移动设备的标准。您还可以查看 Search Console 在移动设备上的易用性报告47，对影响您网站的移动设备易用性问题加以修复。

如果您的网站在多个网页上提供大量静态内容（如博文或商品着陆页），请考虑使用 AMP48 (Accelerated Mobile Pages) 来实施静态内容。AMP 是一种特殊的 HTML，可确保您的网站保持较快速度并方便用户使用，并可以通过各种平台（包括 Google 搜索）进一步加速。

配置移动网站，以便网站被准确编入索引无论您选择哪种配置来设置您的移动网站，都需要注意以下几点：

如果您使用动态提供内容或拥有单独的移动网站，当网页采用适合移动设备的格式时（或当网页拥有所用格式适合移动设备的对等网页时），请告知 Google。这有助于 Google 在搜索结果中准确地向移动设备搜索用户提供内容。
 

如果您使用自适应设计，请使用meta name="viewport"标记告诉浏览器如何调整内容。如果您使用动态提供内容，请使用Vary HTTP 标头，根据用户代理来指示您所做的更改。如果您使用单独的网址，rel =“canonical” 和 rel =“alternate” 元素的
 

标记来表示两个网址之间的关系。确保资源可供抓取。屏蔽网页资源会致使 Google 无法了解您网站的全貌。当您的 robots.txt文件阻止对某些或所有网页资源进行访问时，通常会发生这种情况。如果 Googlebot 无法访问某个网页的资源（如 CSS、JavaScript 或图片），那么我们可能无法检测出该网页是专门为了在移动设备浏览器中正常显示和运行而构建的。也就是说，我们可能无法检测出这是适合移动设备的网页，因而无法以适当的方式向移动设备搜索用户提供该网页。

避免出现会阻碍移动设备访问者访问网页的常见错误，比如存在无法播放的视频（在将 Flash 视频作为网页的重要内容时就会出现这种情况）。

如果移动版网页无法提供令人满意的搜索体验，那么在移动搜索结果中的排名便会下降，或是在移动搜索结果中显示时伴有警告。这类情况包括但不限于，移动设备上会降低用户体验的全页插页式元素。