移动设备适合性测试工具

拥有适合移动设备的网站是提升在线影响力的重要因素。在许多国家/地区,智能手机流量现已超过桌面设备流量。如果您的网站尚不适合移动设备,您应立即进行更改。借助 Search Console 的移动设备适合性测试工具,您可以轻松快速地测试自己网站上的网页是否适合移动设备。

打开移动设备适合性测试工具

 

使用该工具

移动设备适合性测试工具非常易于使用 - 您只需输入要测试的网页的完整网址即可。此网页所执行的任何重定向都会被该测试追踪。整个测试过程通常只需要不到 1 分钟的时间。

测试结果包括以下两个部分:相应网页在移动设备上向 Google 呈现的样貌的屏幕截图,以及该工具发现的所有移动设备可用性问题的列表。与在移动设备上的易用性有关的问题是指会对使用移动(小屏幕)设备访问相应网页的用户造成影响的问题,包括字体过小(在小屏幕上很难看清楚)和使用 Flash(大多数移动设备都不支持 Flash)。

如果相应网页无法访问

如果该工具由于某种原因而无法访问相应网页,则会显示错误消息以说明问题所在。导致该工具无法访问相应网页的问题包括网络连接问题或网站出现故障。

该工具会以 Googlebot 的身份(即以 Google 的身份,而不使用您的凭据)访问网页。这意味着 robots.txt 文件可能会禁止其访问相应网页。
如果相应网页包含无法加载的资源

如果测试无法加载相应网页所用的所有资源,您将会收到警告。资源是指网页包含的外部元素,如图片、CSS 或脚本文件。导致出现该问题的原因可能有以下几种:

  • 相应资源只是在一个合理的时间范围内无法加载。在这种情况下,请尝试再次运行测试。如果仍然无法加载,请考虑在别处托管相应资源,或者尝试找出主机不响应的原因并予以解决。
  • 所列出的位置中没有相应资源(404 错误)。在这种情况下,请修正资源网址。
  • 未登录的用户无法访问相应资源。在这种情况下,测试是以匿名用户的身份访问网页;请确保匿名用户可以访问所有资源。
  • robots.txt 文件禁止 Googlebot 访问相应资源。如果相应资源非常重要(见下文),并且位于您自己的网站上,那么您可能需要取消禁止 Googlebot 访问此资源;如果此资源位于其他网站上,您则可能需要与该网站的网站站长联系,让对方取消禁止访问此资源。

取消禁止访问重要资源

如果禁止访问的资源非常重要,则可能会对 Google 解析网页的方式产生重大影响。例如,如果禁止访问的资源是大型图片,便可能会让本来不适合移动设备的网页貌似适合移动设备;但如果禁止访问的资源是 CSS 文件,则可能会导致系统应用错误的字体样式(例如,在某设备上显示过小的字体)。这既会影响与在移动设备上的易用性有关的得分,也会影响 Google 对相应网页的抓取能力。您应该确保 robots.txt 没有禁止 Googlebot 访问重要资源,并且此类资源通常都是可访问的。

测试结果不可靠/网页加载问题

如果您的网页包含无法加载的资源或者存在其他网页加载问题,则每次运行测试时所得到的结果可能会略有不同。这是因为每次运行测试时所加载的资源集可能会不尽相同。如果每次运行测试时网页的呈现效果都不一样,但您并未做出任何更改,请查看是否有“网页加载问题”警告;如果有,请点击相应警告,以详细了解可能导致网页无法以一致的方式正确呈现的原因。

与在移动设备上的易用性有关的错误

移动设备适合性测试工具能检测出下列可用性错误:

错误列表

使用了不兼容的插件

该网页包含了大多数移动设备浏览器不支持的插件(例如 Flash)。建议您采用广受支持的新型网络技术(例如 HTML5)重新设计您的网页。详细了解网页动画指南。

未设置视口

您的网页未定义 viewport 属性(该属性用于指示浏览器如何根据屏幕尺寸来调整网页大小及缩放网页)。由于网站访问者使用的设备各异且屏幕大小也各不相同(从大型的桌面设备显示器到平板电脑和小型智能手机),因此您应使用标记 meta viewport 为网页指定视口。有关详情,请参阅自适应设计基础知识

视口未设为“设备屏幕宽度”

您网页的 viewport 属性已定义为固定宽度 - 也就是说,该网页无法针对不同的屏幕大小进行调整。要更正此类错误,请为您网站的网页采用自适应设计,并将视口设为能匹配设备宽度且能相应地进行缩放。了解如何正确设置视口

内容宽度超过了屏幕显示范围

此报告会指出访问者在哪些网页上需要横向滚动屏幕才能查看其中的文字和图片。如果网页在 CSS 声明中使用了绝对值,或者网页使用的图片要在特定的浏览器宽度(例如 980 像素)下才能达到最佳显示效果,就会造成这种错误。要修正此类错误,请确保网页为CSS元素使用相对的宽度值和位置值,且图片可以缩放。有关详情,请参阅“调整内容大小,使其适合视口”一节

文字太小,无法阅读

此报告会列出因字体过小而导致内容模糊不清的网页。移动设备用户需要“张合双指进行缩放”,然后才能阅读这些网页上的内容。要修正此类错误,请在为网页指定视口后,将字体大小设为可在视口内适当地进行缩放。请参阅使用清晰可辨的字体大小,详细了解调整字体大小的最佳做法。

可点击元素之间的距离太近

此报告会列出存在下述问题的网址:相应网站上的触控元素(如按钮和导航链接)间距过小,导致移动设备用户在用手指点按所需元素时通常会按到相邻的元素。要修正此类错误,请务必为按钮和导航链接设置适合移动设备访问者使用的大小和间距。有关详情,请参阅适当调整点按目标的尺寸这篇文章。

后续步骤

本文是否对您有帮助?
您有什么改进建议?