移动端称王，响应式网站建设是适合手机访问的最好选择
2020-12-30
今天，移动设备占据了世界的主导。大多数用户使用搜索引擎在移动设备上进行搜索。在移动设备上，桌面版网站的浏览和使用可能不那么容易。所以拥有一个适合手机的网站是提升网络影响力的一个重要因素。实际上，从2016年末开始，搜索引擎就开始尝试主要使用移动版内容42网站中的排名、结构化数据分析和摘要生成。
一、响应式网站建设首先要理解设备的不同之处：
Smartphone：在本文档中，Mobile或Mobile设备是指智能手机，比如运行Android系统的手机，iPhone或者WindowsPhone。尽管移动设备的屏幕更小，并且在大多数情况下，默认的屏幕方向是纵向，但是移动浏览器和桌面浏览器一样，能够呈现各种HTML5规格的网页。
Tablet：我们把Tablet作为一种独立的设备分类，所以当提到移动设备的时候，它通常不会被提到。相对来说，平板电脑的屏幕更大。也就是说，如果你不能为平板电脑提供最优的内容，那么当用户在平板电脑上浏览网站时，他们还是希望看到桌面浏览器而不是智能手机浏览器的显示。
多媒体电话：这种电话所使用的浏览器可以呈现出符合XHTML编码标准的网页；支持HTML5标签，支持JavaScript/ECMAscript，但是可能不支持某些扩展API，因为它们是HTML5标准。它通常指的是那些拥有3G功能的非智能手机浏览器。
功能性移动电话：这类手机所采用的浏览器不能呈现用标准HTML编码的标准桌面版网页，包括那些只用诸如cHTML(iMode)、WML、XHTML-MPF等语言编码的网页。
虽然我们的建议主要针对智能手机，但是即使是针对多媒体手机和非智能手机的网站，我们也鼓励网站所有者在适当的时候予以采纳。
二、选取恰当的网站建设策略：
使你的网站适合移动设备的方法很多，而且搜索引擎也支持不同的实现方式：
适应性设计43(推荐)
即时内容44。
独立网址45。
当你完成了一个适合移动设备的站点创建，你可以通过搜索引擎的移动设备适应性测试46来检查你的站点上的网页是否满足在搜索引擎搜索结果页面上标记为“适合移动设备”的条件。你也可以看一下SearchConsole的“移动设备易用性”报告47，它修正了一些问题，这些问题会影响你的网站在移动设备上的易用性。
假如你的网站有很多静态内容(比如博文或者商品登陆页面)，那么考虑使用AMP48(AcceleratedMobilePages)来实现这些静态内容。AMP是一种特殊的HTML，它保证了你的站点保持快速和方便的用户使用，并且可以通过各种平台(包括搜索引擎搜索)得到进一步的加速。
将移动网站配置为精确地对其进行索引。
不管你选择什么配置来设置你的移动站点，你都要注意以下几点：
若你使用动态提供内容，或当网页采用适合移动设备的格式时，如果你拥有独立的移动网站(或当网页使用适合移动设备的格式时)，请告诉搜索引擎。这样可以帮助搜索引擎将内容精确的提供给移动设备搜索用户。
如果使用自适应设计，那么可以使用metaname="viewport"标签来告诉浏览器如何调整内容。在使用动态提供内容的情况下，使用VaryHTTP头，根据用户代理程序指示所做的更改。若使用独立网址，则使用带有rel='canonical'和rel='alternate'元素的标记来表示两个网址之间的关系。
保证资源的可获取性。封锁网页资源会使搜索引擎无法全面地了解你的网站。这通常发生在robots.txt文件阻止访问部分或全部网页资源时。假如搜索引擎bot不能访问某个网页的资源(比如CSS,JavaScript，或者图片)，那么我们就不能检测到这个网页是为在移动设备上正常显示和运行而构建的。这就是说，我们可能不能检测到这是一个“适合移动设备的”网页，因此不能以合适的方式将此网页提供给移动设备的搜索用户。
不要犯一些会影响移动设备访问者使用体验的常见错误，如存在不能播放的视频(如将Flash视频作为重要网页)。
若手机网页不能提供令人满意的搜索体验，则手机搜索结果的排名就会下降，或者出现在手机搜索结果中的警告信息。这种情况包括但不限于，移动设备上的全页面插页广告49会影响用户体验。
提供所有设备上的所有功能。手机用户想要网站在移动设备(如发表评论、浏览)和内容上提供相同的功能。除文字内容外，确保所有重要图片和视频都嵌入了手机版本，用户可以通过手机设备访问。对搜索引擎来说，所有结构化数据和其他元数据(例如标题、描述、链接元素和其他元标签)都可以在网页的所有版本中使用。
保证手机网站上也有桌面版网站上的结构化数据，图片，视频和元数据。
三、网站性能实践：
用手机适合性测试50测试你的手机版网页，看搜索引擎是否认为你的网站适合于在手机上浏览。
假如你的移动版网页有一个独立的网址，一定要测试一下移动版和桌面版的网址，以确保搜索引擎能够识别和获取相关的重定向。
