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 分钟移动端友好性检查
下面这套流程可以替代过去一键式的测试:
- 先看一眼。 用手机视图分别在 360px 和 430px 宽度下打开页面。DevTools 设备模式可以,Mobile View Extension 这样的一键插件也可以,它还会用移动 User Agent 重新加载页面,让你看到针对设备的特定版本。检查是否有横向滚动、过小的文字和挤在一起的按钮。
- 以移动模式运行 Lighthouse。 在 DevTools 中打开 Lighthouse 面板,选择 Mobile,勾选需要的类别后开始分析。重点看 Performance 下关于 viewport 的提示、SEO 类别中的索引基础项,以及 Accessibility 中的点击区域和对比度问题。分步教程:Lighthouse 移动端审计。
- 查看真实用户的速度。 在 PageSpeed Insights 中输入网址,如果页面流量足够,先看实测数据部分。详见移动端页面速度测试指南。
- 问问 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 也会单独统计移动端数据。即使不再有“通过/不通过”的标签,在手机上难以使用的页面依然处于劣势。