移动端流量占比早已过半，搜索引擎也更多以移动端结果作为抓取与索引的参考。如果网站在手机上出现排版错乱、内容被遮挡或加载缓慢，影响的不只是访客的停留意愿，也会让蜘蛛拿到一份与桌面端差异很大的页面版本。移动端适配自查并不需要重做网站，只要围绕几个固定检查点逐条过一遍。
为什么值得单独做移动端自查
桌面端表现正常，不代表移动端没有问题。常见的情况是：桌面端用三栏布局，到了手机上侧栏被挤到内容上方；弹窗、悬浮客服、底部固定广告条占据大半个屏幕；正文被折叠进“展开阅读全文”。这些问题在用电脑访问时完全看不到，只有拿真机走一遍才会暴露。
检查点一：视口与基础布局
- 页面是否声明了 viewport，宽度是否按设备宽度自适应，而不是固定宽度后整体缩放；
- 是否存在横向滚动条，长表格、代码块、预格式化文本是否单独做了横向滚动容器；
- 正文字号与行高在手机上是否可读，是否出现需要双指放大才能看清的段落；
- 图片、视频等媒体是否设置最大宽度，避免撑破容器导致整页错位。
检查点二：内容可见性与折叠
不少站点为了让移动端首屏好看，把大段正文塞进折叠组件，或者用 display:none 隐藏。隐藏内容仍可能被抓取，但用户看不到，点击进来后得到的内容与预期不匹配，容易直接跳出。更稳妥的做法是让正文主体直接可见，只把次要信息，比如参数表、相关推荐、附录，折叠起来。
移动端首屏应该能看清“这是什么页面、解决什么问题”，而不是先看到三层弹窗。
检查点三：交互元素与遮挡
- 可点击元素的尺寸与间距是否足够，避免误触相邻链接；
- 弹窗是否有明确的关闭按钮，是否在滚动过程中反复弹出；
- 底部固定栏、悬浮按钮是否遮挡正文末尾或表单提交按钮；
- 表单输入是否调用了合适的键盘类型，手机号、邮箱框是否触发正确键盘。
自查操作步骤
- 用真实手机在同一网络下访问首页、栏目页、内容页、站内搜索页各若干条，边看边截图记录问题。
- 用浏览器开发者工具的设备模拟做补充，但不要只依赖模拟，模拟无法反映真实触控感受与加载表现。
- 对照抓取日志中的移动端 User-Agent，抽样比较移动端与桌面端返回的 HTML 是否一致。
- 如果使用独立移动站或移动专用路径，检查两端是否互相声明对应关系，链接是否能正常指向。
- 把发现的问题按“影响阅读”“影响点击”“影响加载”三类排序，优先修前两类。
- 修复后再次抽样验证，并在同一份记录里标注日期与版本。
移动端与桌面端的内容一致性
同一 URL 在移动端和桌面端返回的内容应当基本一致，差异集中在布局与交互上。如果移动端砍掉了正文主体、只留摘要，或者把结构化数据去掉，就容易让两套版本被视为质量不同的页面。若确实采用独立移动站，需要做好双向标注，并保证主要内容和链接关系可以对应上。
把结果记下来
移动端问题往往随着模板改版、组件更新重新出现。建议把上面几类检查点整理成一份固定清单，每次改版或上新模板后过一遍，并保留截图。这样下次排查时不用从零开始，也能判断某个问题是偶发还是长期存在。移动端体验不是一次性工作，而是日常运营节奏里的一部分。