移动端适配检测
检查页面的 viewport、响应式设计信号和基本的移动端可用性。
关于移动端适配检测
Google 采用移动优先索引:它抓取并排名的是页面的移动版本。在手机上难以使用的页面——文字太小、需要横向滚动、桌面布局被缩小——会流失访客和排名。
本工具以智能手机身份获取页面,检查决定移动可用性的信号:viewport 标签、响应式 CSS 媒体查询、导致横向滚动的固定宽度元素、浏览器插件、过小的字号以及响应式图片。Google 已于 2023 年下线了自己的移动设备友好性测试,因此此类检查加上 Chrome DevTools 中的 Lighthouse,成为验证移动端就绪程度的方式。
常见问题
什么是移动优先索引?
Google 主要使用页面的移动版本进行索引和排名。如果移动版缺少内容或链接,Google 可能根本看不到它们。
应该使用什么 viewport 标签?
<meta name="viewport" content="width=device-width, initial-scale=1">——并且不要禁用缩放。
点击目标应该多大?
至少 48 × 48 CSS 像素,并留出一定间距,让按钮和链接容易点中而不误触相邻元素。