移動優先索引已经不是新话题,但不少站点的移動端体驗仍停留在「能打開就行」。蜘蛛在多數场景下拿到的就是手机版頁面,手机版里讀不到、点不到、被遮挡的内容,桌面上做得再漂亮也没用。下面這份清單不能解决所有問题,但能帮你先把最影响阅讀和抓取的几項排掉。
先確認三個前提
- 内容是否一致:同一個網址下,手机版和桌面版给出的正文是否基本一致。如果手机版删掉了大段正文、規格參數或常见問题,蜘蛛很可能只看到精简版。
- 内容是否可直讀:手机版是否需要登入、是否被彈窗挡住、是否必须点击「展開全文」才渲染出主体内容。這些都會增加抓取的不确定性。
- 是否被額外拦截:检查有没有针對移動 UA 的限制、單獨的 robots.txt,或者在移動域名上誤屏蔽了该抓的目錄。
一、viewport 與預設缩放
缺少 viewport 声明时,手机會按桌面宽度渲染,正文被缩成一條细线;而在 viewport 里寫死禁止缩放,對小字号正文同样不友好。检查方式很简單:用手机打開頁面,看是否需要横向滑動才能讀完整行,看双指放大是否被禁用。合理的寫法是让頁面宽度跟随设备,同时保留用戶缩放的權利。
二、彈窗、浮层與吸底條
首屏大彈窗、强制關注的遮罩、占掉半屏的吸底广告條,都會挤占正文的可视区域。更麻烦的是,有些實現無论訪客還是抓取程序都會触發彈窗。建议把首屏彈窗延迟触發、提供明顯的關閉入口,並確認它不會盖住正文首段。
三、字号、行高與点击区域
正文字号偏小、行高過密,阅讀成本會明顯上升;導航連結和按钮挨得太近,容易出現誤点。自查时可以看两点:正文段落能否在常见手机宽度下自然分行為十几到二十来個字;主要連結和按钮之間是否留有足够間距。這两項不需要复杂工具,真机上手走一遍就够。
四、移動版與桌面版的内容差异
手机端隐藏次要模块本身是正常做法,但要区分「次要」和「主体」。折叠掉相關推荐、侧栏、广告位,通常没有影响;折叠掉正文後半段、參數表、常见問题、分頁入口,就要留意了。特別提醒检查分頁:不少列表頁在手机上把頁碼藏進「加载更多」,若這個按钮依赖脚本又没做好,翻頁内容可能一直進不来。
五、图片與资源体积
被 CSS 隐藏的大图,未必就不會被請求。检查是否使用了响應式图片、是否按展示尺寸给图、非首屏图片是否做了延迟加载。移動網絡下加载缓慢,容易让抓取程序提前放弃,也會拉高跳出率。
六、獨立移動域名與動態服務
如果用的是 m. 開头的子域或獨立移動站,需要逐項確認:两個版本之間有明确的對應關系;移動版没有被 robots 文件整站屏蔽;同一篇内容在手机和桌面之間跳轉时不會来回重定向;移動版上的站内連結不會把用戶又甩回桌面版。
把检查做完的四個步骤
- 用真机把主要路径走一遍:首頁、栏目頁、内容頁、搜尋頁,记錄哪里需要缩放、哪里被遮挡。
- 用抓取工具切換成移動 UA,抓取几十個代表性頁面,看返回内容與手机實际看到的差异。
- 把移動版和桌面版的正文文本抽出来做對比,重点看字符數差距較大的頁面。
- 把問题按「影响抓取」和「影响阅讀」分開记錄,先改前者。
常见誤区
- 把响應式当成适配完成的终点,不再做真机驗證。
- 只测首頁,栏目頁和詳情頁的問题一直留着。
- 為了「让手机版更干净」直接删掉正文内容,等于主動放弃這部分内容的可见性。
- 只看截图不看代碼,忽略隐藏元素仍然會被請求的情况。
移動端自查的目的不是把手机版做得和桌面版一模一样,而是保證主体内容在两個版本里都能被讀到、被点到、被抓到。
小结
這份清單不复杂,难点在于持續做。建议把它固定成改版或模板調整後的一個例行环节,顺手记下每次發現的問题和修复時間。移動端体驗是長期的细活,改一項就少一項風險,比等收錄出問题再回头排查要省事得多。