什么是移动优先？设计原则和移动优先索引

移动优先是什么意思？

移动优先（Mobile First）是一种设计和开发网站、App 的方法：从最小的屏幕、最受限的条件（触屏输入、有限的带宽、容易被打断的注意力）开始，再为更大的屏幕增加布局和功能。这个说法由 Luke Wroblewski 在 2009 年推广开来，随着移动端流量超过电脑端，成为标准做法。

这个词在 SEO 里还有一层意思：移动优先索引，即 Google 用页面的移动版内容来做索引和排名。

移动优先的设计原则

在 CSS 里，移动优先通常意味着先为小屏幕写基础样式，再用 min-width 媒体查询为大屏幕补充。

移动优先索引

Google 已经在网页上全面完成了移动优先索引：Googlebot 主要用智能手机的用户代理来抓取和索引页面。实际影响：

• 移动版的内容、标题、结构化数据和内链必须和电脑版一致。
• 在移动版上隐藏或缺失的内容，可能不会被索引。
• 移动端的页面速度和可用性会影响页面表现。
• 懒加载的内容必须在不需要用户操作的情况下加载，因为 Googlebot 不会去点击。

移动优先、响应式和自适应

怎样衡量移动优先有没有做好

对比移动端和电脑端的：流量占比、漏斗每一步的转化率、第 75 百分位的 Core Web Vitals、跳出率和错误。某一步移动端差距很大，说明有移动端特有的问题。

TapCub 里的移动优先

任何报表都可以按设备类型、浏览器和系统拆分；在 性能 里看移动端真实用户的 Core Web Vitals；对比移动端和电脑端的漏斗。见查看 Core Web Vitals 和移动端 CRO。

相关术语：Core Web Vitals、页面体验、可索引性。

参考资料

• Wroblewski, L.（2011）：《Mobile First》，A Book Apart
• Google 搜索中心：移动优先索引较好做法
• W3C：WCAG 2.2：目标尺寸（最小）