同一篇内容,手机端看到的是完整正文,桌面端打開的却是被折叠的摘要;或者两套頁面的标题、正文長度、内鏈结构都不一样。搜尋引擎抓取时會同时看到這两種版本,處理不当就容易出現内容重复、正文识別错位,甚至只索引了信息更少的那一版。移動端适配不只是前端体驗問题,也是站点运营需要定期核對的基础項。
先搞清楚站点用的是哪套方案
不同方案的風險点不一样,自查的重点也不同。
响應式布局
同一套 HTML 與 URL,靠 CSS 适配屏幕。這是最省心的方案,蜘蛛只抓一次,内容天然一致。需要留意的是:不要在窄屏下用 CSS 直接隐藏正文段落或導航,尤其是為了“手机端更简洁”而整块隐藏的内容。蜘蛛看到的仍是 HTML 里的完整文本,用戶却看不到,容易造成内容與体驗脱节。
獨立移動站
移動端使用獨立域名或子目錄时,两個版本要通過正确的對應關系互相声明,並把其中一個作為規范版本。重点是確認:正文、标题、结构化資料在两邊是否一致;移動站有没有被誤设成完全不可抓取;桌面端跳轉過去用的是 302 還是 301,跳轉逻辑會不會形成环路。
動態服務與自适應
同一個 URL,根據 UA 返回不同 HTML。這種方案最容易出問题:如果服務端對蜘蛛返回桌面版、對手机返回移動版,而两邊内容差异較大,蜘蛛只能看到其中一套,另一套内容等于白做。使用时要在响應头里明确声明,並保證正文核心内容两邊一致,差异只放在样式和布局上。
自查清單
- 随机抽 10~20 個有代表性的頁面,分別用桌面 UA 和移動 UA 抓取,比對标题、正文首段、正文長度、主要内鏈。
- 检查移動端的“加载更多”、折叠块、懒加载图片,確認主要正文不是点击後才渲染出来。
- 核對两套版本的 canonical 指向是否统一,避免互相指向或都指向自己。
- 確認移動站没有被 robots.txt 整站屏蔽,也没有被错誤加上 noindex。
- 检查移動端跳轉鏈路,看是否存在 A 跳 B、B 又跳回 A 的情况。
- 图片與附件在移動端是否被占位图替換成假地址,避免蜘蛛抓到空連結。
- 广告位與推荐模块在移動端占比是否過大,把正文挤到很靠後的位置。
發現不一致之後怎么處理
- 先確認希望被索引的主力版本是哪一個,其余版本向它收敛。
- 把差异拆成两類:影响内容理解的(标题、正文、關键資料)必须统一;只影响排版的可以保留。
- 修正跳轉與声明關系,改完後用抓取工具重新驗證一次。
- 把這次检查項寫進上线驗收清單,新模板上线前先跑一遍。
移動端與桌面端的關系,本质上是同一份内容的两種呈現。判断标准很简單:把两邊的 HTML 正文提取出来,如果讀起来像两篇不同的文章,就该動手改了。
小结
這項自查不需要复杂工具,一次抓取比對就能發現大部分問题。建议按季度做一次抽查,模板改版、上线移動站、更換 CDN 之後追加一次。把内容一致性当成栏目的固定检查項,比事後补救省事得多。