← 全部文章

Google 移动设备友好性测试已下线:现在用什么替代

Google 已于 2023 年 12 月下线移动设备友好性测试。本文介绍可以替代它的免费工具,以及一套 10 分钟的页面检查流程。

2023 年 12 月初,Google 关闭了移动设备友好性测试(Mobile-Friendly Test)工具、对应的 API,以及 Search Console 中的“移动设备易用性”报告。Google 建议的替代品是 Chrome 内置的 Lighthouse。如今要检查一个页面是否适合移动端,可以把三样东西结合起来:Lighthouse 移动端审计、在手机视图中目测,以及 Search Console 的网址检查工具,用来查看 Googlebot 看到的页面。

Google 移动设备友好性测试怎么了

Google 在 2023 年宣布下线,并于 2023 年 12 月 4 日移除了这些工具,Search Engine Land 对此做了报道。理由是现在已经有更好的移动端易用性工具,其中最主要的就是 Lighthouse。旧的测试地址现在会跳转到 Lighthouse。

移动端友好并没有因此变得不重要。Google 对几乎所有网站都采用移动设备优先索引,也就是说,手机拿到的页面就是 Google 用来排名的页面。旧工具只给出“通过/不通过”的结论,现在则要用能展示更多细节的工具拼出同样的判断。

旧测试检查的是什么

旧测试会标出几类问题,它们依然是很好的起点:

  • 没有 viewport meta 标签,或使用固定宽度的 viewport
  • 内容宽度超出屏幕
  • 文字太小,难以阅读
  • 可点击元素之间距离太近
  • 使用移动浏览器不支持的插件(现在已基本绝迹)

下面每个工具都能覆盖其中一项或几项检查。

替代工具及各自的检查内容

工具 费用 能告诉你什么 最适合
Lighthouse(Chrome DevTools 内) 免费 在移动端模拟下审计性能、无障碍、最佳实践和 SEO,包括 viewport 和点击区域检查 单个页面的详细报告
PageSpeed Insights 免费 Lighthouse 实验室数据,以及(如有)Chrome 真实用户的速度数据 公开网址的速度和 Core Web Vitals
Search Console 网址检查 免费(已验证的网站) 页面是否被索引、渲染后的 HTML,以及智能手机版 Googlebot 的截图 确认 Google 看到了什么
Search Console 核心网页指标报告 免费(已验证的网站) 移动端真实用户速度良好或较差的网址分组 全站速度问题
Chrome 中的手机视图 免费 使用移动 User Agent、以手机尺寸显示时页面的样子 快速目测大量页面
真机或模拟器 免费到付费不等 真实的渲染、触摸和键盘行为 最终检查

10 分钟移动端友好性检查

下面这套流程可以替代过去一键式的测试:

  1. 先看一眼。 用手机视图分别在 360px 和 430px 宽度下打开页面。DevTools 设备模式可以,Mobile View Extension 这样的一键插件也可以,它还会用移动 User Agent 重新加载页面,让你看到针对设备的特定版本。检查是否有横向滚动、过小的文字和挤在一起的按钮。
  2. 以移动模式运行 Lighthouse。 在 DevTools 中打开 Lighthouse 面板,选择 Mobile,勾选需要的类别后开始分析。重点看 Performance 下关于 viewport 的提示、SEO 类别中的索引基础项,以及 Accessibility 中的点击区域和对比度问题。分步教程:Lighthouse 移动端审计。
  3. 查看真实用户的速度。 在 PageSpeed Insights 中输入网址,如果页面流量足够,先看实测数据部分。详见移动端页面速度测试指南。
  4. 问问 Google。 在 Search Console 中使用网址检查,然后点击测试实际网址和查看已测试的网页,查看智能手机版 Googlebot 获取到的截图和 HTML。

如果四项都没问题,那么无论按哪种合理标准,这个页面都算是移动端友好。

第三方“移动端适配检测”网站

现在很多网站提供“移动友好性测试”:输入网址,返回一个分数。有些用来快速截图还不错,但要记住两点局限:

  • 它们从自己的服务器加载你的页面,所以无法测试 localhost、需要登录的测试环境,或会拦截陌生爬虫的页面。
  • 它们的评分是自己的规则,不是 Google 的规则。第三方检测给出绿色标记,并不代表 Google 看到的也一样。

凡是要据此采取行动的结论,都请用 Lighthouse 和网址检查再确认一遍。

修复检查中发现的问题

上面的检查告诉你哪里有问题。至于怎么修(viewport 标签、流式布局、字号、点击区域、图片),请参考网站移动端适配指南。如果网站基于 WordPress,请看 WordPress 专项指南。

常见问题

Google 移动设备友好性测试还能用吗?

不能。Google 已于 2023 年 12 月下线该工具、其 API 以及 Search Console 的移动设备易用性报告。

Google 推荐用什么替代移动设备友好性测试?

Google 推荐的是 Chrome 中的 Lighthouse。运行 Lighthouse 并补充真实用户数据的 PageSpeed Insights,以及 Search Console 的网址检查工具,可以覆盖其余部分。

移动端友好性还会影响 Google 排名吗?

Google 索引的是网站的移动版本,Core Web Vitals 也会单独统计移动端数据。即使不再有“通过/不通过”的标签,在手机上难以使用的页面依然处于劣势。

用手机视图查看你的下一个网站。

添加扩展,在你正在使用的标签页中直接打开设备预览。