移动设备适合性测试工具

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

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

 

使用该工具

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

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

如果相应网页无法访问

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

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

如果相应网页无法完全加载(无法加载的资源)

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

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

取消禁止访问重要资源

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

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

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

错误列表

使用了 Flash

大多数移动浏览器无法呈现基于 Flash 的内容。因此,使用移动设备的访问者将无法浏览依赖 Flash 来显示内容/动画或进行导航的网页。我们建议您使用现代网络技术来设计外观和网页动画。请在《网站制作基础资源》指南中详细了解外观

未配置视口

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

视口的宽度已被固定

此报告会指出哪些网页的视口宽度已被固定。为了使非自适应网页能够适合常规的移动设备屏幕大小,部分网站开发人员会将视口定义为固定的像素大小。要修正此类错误,请采用自适应网页设计,将视口设为可根据设备宽度自动进行调整和缩放。请参阅《网站制作基础资源》,了解如何正确设置视口

未按视口调整内容大小

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

字体过小

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

触控元素间距过小

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

后续步骤

现在您已经测试了一个网页,接下来您可通过访问移动设备可用性报告查看我们在您整个网站上检测到的其他移动设备可用性问题。但请注意,您必须先在 Search Console 中验证网站的所有权,然后才能使用移动设备可用性报告。

让您的网页适合移动设备

若想让您的网站适合移动设备,请参阅下面这些资源:

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