移動端流量占比早已過半，搜尋引擎也更多以移動端结果作為抓取與索引的參考。如果網站在手机上出現排版错乱、内容被遮挡或加载缓慢，影响的不只是訪客的停留意愿，也會让蜘蛛拿到一份與桌面端差异很大的頁面版本。移動端适配自查並不需要重做網站，只要围绕几個固定检查点逐條過一遍。
為什么值得單獨做移動端自查
桌面端表現正常，不代表移動端没有問题。常见的情况是：桌面端用三栏布局，到了手机上侧栏被挤到内容上方；彈窗、悬浮客服、底部固定广告條占據大半個屏幕；正文被折叠進“展開阅讀全文”。這些問题在用电脑訪問时完全看不到，只有拿真机走一遍才會暴露。
检查点一：视口與基础布局
- 頁面是否声明了 viewport，宽度是否按设备宽度自适應，而不是固定宽度後整体缩放；
- 是否存在横向滚動條，長表格、代碼块、预格式化文本是否單獨做了横向滚動容器；
- 正文字号與行高在手机上是否可讀，是否出現需要双指放大才能看清的段落；
- 图片、视频等媒体是否設定最大宽度，避免撑破容器導致整頁错位。
检查点二：内容可见性與折叠
不少站点為了让移動端首屏好看，把大段正文塞進折叠组件，或者用 display:none 隐藏。隐藏内容仍可能被抓取，但用戶看不到，点击進来後得到的内容與预期不匹配，容易直接跳出。更稳妥的做法是让正文主体直接可见，只把次要信息，比如參數表、相關推荐、附錄，折叠起来。
移動端首屏應该能看清“這是什么頁面、解决什么問题”，而不是先看到三层彈窗。
检查点三：交互元素與遮挡
- 可点击元素的尺寸與間距是否足够，避免誤触相邻連結；
- 彈窗是否有明确的關閉按钮，是否在滚動過程中反复彈出；
- 底部固定栏、悬浮按钮是否遮挡正文末尾或表單提交按钮；
- 表單輸入是否調用了合适的键盘類型，手机号、信箱框是否触發正确键盘。
自查操作步骤
- 用真實手机在同一網絡下訪問首頁、栏目頁、内容頁、站内搜尋頁各若干條，邊看邊截图记錄問题。
- 用浏览器開發者工具的设备模拟做补充，但不要只依赖模拟，模拟無法反映真實触控感受與加载表現。
- 對照抓取日誌中的移動端 User-Agent，抽样比較移動端與桌面端返回的 HTML 是否一致。
- 如果使用獨立移動站或移動专用路径，检查两端是否互相声明對應關系，連結是否能正常指向。
- 把發現的問题按“影响阅讀”“影响点击”“影响加载”三類排序，優先修前两類。
- 修复後再次抽样驗證，並在同一份记錄里标注日期與版本。
移動端與桌面端的内容一致性
同一 URL 在移動端和桌面端返回的内容應当基本一致，差异集中在布局與交互上。如果移動端砍掉了正文主体、只留摘要，或者把结构化資料去掉，就容易让两套版本被视為质量不同的頁面。若确實采用獨立移動站，需要做好双向标注，並保證主要内容和連結關系可以對應上。
把结果记下来
移動端問题往往随着模板改版、组件更新重新出現。建议把上面几類检查点整理成一份固定清單，每次改版或上新模板後過一遍，並保留截图。這样下次排查时不用從零開始，也能判断某個問题是偶發還是長期存在。移動端体驗不是一次性工作，而是日常运营节奏里的一部分。