移動端流量占比高已经是常態，但不少站点在电脑上看没問题，一到手机上就出現横向滚動、按钮点不着、彈窗盖住正文的情况。這類問题不只影响訪客，也會影响蜘蛛對頁面的判断——現在搜尋引擎普遍以移動端版本作為主要抓取對象，手机上呈現的内容，往往就是它看到的全部。
先明确一個前提：移動端頁面就是主頁面
不少人仍然把手机版当成“简化版”，桌面端有的内容在移動端被折叠、隐藏甚至直接不輸出。如果被隐藏的正文、内鏈、结构化資料在移動端並不存在，蜘蛛很可能就抓不到。自查时不要只比“看起来像不像”，而要比“DOM 里有没有”。
逐項自查清單
1. viewport 與基准字号
- 頁面 head 里是否有 viewport 声明，是否誤寫了禁止缩放之類的參數；
- 去掉缩放後正文是否小到需要放大才能讀，基准字号建议不低于 16px；
- 是否用 px 固定宽度寫死容器，導致小屏被撑破。
2. 点击目标與間距
- 導航、翻頁、關閉按钮的實际可点区域是否够大，一般建议不小于 44×44 像素；
- 相邻連結之間是否挨得太近，容易誤触；
- 下拉菜單在触屏上是否只能靠悬停触發。
3. 横向滚動與溢出
- 在 320px、375px、414px 等宽度下確認是否出現左右滑動；
- 定位常见来源：固定宽度的图片、宽表格、長英文串、代碼块、内嵌 iframe；
- 表格類内容可考虑放進横向滚動容器，而不是硬压成两行。
4. 彈窗與遮挡
- 首屏是否被 App 下载引導、cookie 提示、订阅彈窗占满；
- 彈窗能否關閉，關閉後是否真的消失；
- 是否有元素用 position: fixed 挡住了底部導航或正文。
5. 图片與媒体
- 图片有没有設定 max-width: 100%，小屏下是否溢出；
- 是否按屏幕宽度提供合适尺寸的图，別让手机下载桌面大图；
- 视频、地图等第三方嵌入是否自适應。
桌面與移動端内容一致性
常见的坑包括：移動端把正文後半段省略成“展開阅讀”却点不開、分頁被替換成無限滚動而地址不變、结构化資料和面包屑只在桌面端輸出。自查时可以在两個尺寸下分別查看頁面源碼，重点核對正文段落數、主要内鏈、canonical 與 h1 是否一致。
一份可执行的检查流程
- 挑出訪問量最高的 20 個頁面和最近發布的 20 個頁面，作為首批样本；
- 在開發者工具里切到移動设备模式逐個尺寸過一遍，再用真机复核；
- 把問题记進表格：頁面地址、問题類型、影响范围、修复人、修复時間；
- 修复後回归驗證，並從抓取日誌里看這些頁面的移動端抓取是否正常返回；
- 把最容易反复出現的問题寫進前端規范，避免新頁面重蹈覆辙。
提醒：移動端改動往往會牵動頁面缓存和 CDN，改完样式後先確認更新是否已经生效，不要拿舊版本頁面下结论。
移動端适配不必一次做到完美，但需要固定节奏去查。把上面這些項目纳入版本上线的检查清單，比等到訪客投诉、抓取異常再回头排查要省事得多。