站点运营

站点运营:移動端适配自查,別让蜘蛛在手机版和电脑版之間走错门

移動端适配不只是頁面好看,還關系到蜘蛛能否拿到正确版本。本文從适配方式、URL 對應、canonical、UA 判断、资源加载和日誌检查几個角度,梳理一份可执行的移動端自查清單,帮助站点减少因版本不一致带来的抓取與索引問题。

站点运营

站点运营:移動端适配自查,別让蜘蛛在手机版和电脑版之間走错门

先確認自己用的是哪種移動端方案

移動端适配没有唯一正确答案,但最怕的是“说一套做一套”:代碼里用响應式,服務器又按 UA 跳轉到另一套 URL,或者獨立移動站和电脑站内容長期不一致。蜘蛛在抓取时通常會用移動端 UA 優先查看頁面,如果它拿到的版本和你以為的不一样,後續的索引和展示就可能出問题。

常见方案有三種:响應式设計、動態服務、獨立移動 URL。响應式最省心,同一套 HTML、同一套 URL,CSS 控制布局;動態服務是同一個 URL,服務器根據 UA 返回不同 HTML;獨立移動 URL 則是 m.example.com 或 /m/ 這样的另一套地址。自查第一步,就是把這三種方案對應到自己的站点,別让它們混着用。

URL 和 canonical 要能说清楚谁是谁

如果使用獨立移動 URL,需要在每個移動頁面上用 canonical 指向對應的电脑版頁面,或者按搜尋引擎的建议做双向标注。不要出現移動頁 canonical 指向自己、电脑頁又 canonical 指向移動頁的情况,這會让蜘蛛难以判断主版本。

如果使用响應式或動態服務,URL 通常不變,canonical 保持自指即可。動態服務要注意:同一個 URL 根據 UA 返回不同内容时,應正确設定 Vary 头,至少包含 User-Agent,避免缓存把桌面版頁面發给移動蜘蛛,或者反過来。

  • 检查移動頁和电脑頁是否一一對應,避免移動頁没有對應电脑頁,或电脑頁没有移動版。
  • 检查 canonical 是否指向正确的主版本,是否出現跨版本互指。
  • 检查 Vary 头是否與動態服務方案匹配,CDN 缓存键是否包含 UA 或设备類型。

内容一致性和可讀性別忽略

蜘蛛不關心设計好不好看,但它會讀取頁面上的文字、連結和结构化資料。如果移動版為了加载速度删掉了大量正文、内鏈或结构化資料,蜘蛛可能認為移動版内容质量較低。比較稳妥的做法是:移動版保留核心正文、主要内鏈和關键结构化資料,只對非必要的装饰性资源做减法。

另外,移動端常见的彈窗、浮层、折叠菜單也可能影响抓取。如果主要内容被預設折叠,或者需要点击多次才能展開,蜘蛛不一定能拿到。尽量让正文在 HTML 中直接存在,而不是靠 JS 交互後才注入。

自查时可以用移動端 UA 抓取几個代表頁面,看看返回的 HTML 里有没有正文和連結,而不是只盯着浏览器截图。

资源加载與抓取日誌检查

移動端頁面往往依赖 CSS、JS、字体和图片。如果這些资源被 robots.txt 屏蔽,或者因為路径错誤返回 404,蜘蛛可能無法完整渲染頁面。检查移動端资源是否可訪問,尤其是獨立移動站的静態资源域名是否允许抓取。

最後回到日誌。把移動端蜘蛛的抓取记錄單獨筛出来,看它抓的是哪些 URL、返回狀態碼是什么、抓取频次是否異常。如果大量移動 URL 返回 301 到电脑版,或者返回 404,說明适配配置可能有問题。定期看几眼,比等到流量掉了再排查要轻松得多。

  1. 用移動端 UA 訪問核心頁面,確認返回内容完整、狀態碼正常。
  2. 检查移動资源是否可抓取,robots.txt 和 CDN 規則是否誤伤。
  3. 對比移動端和电脑端的 canonical、hreflang(如涉及多語言)和结构化資料。
  4. 從日誌中筛出移動蜘蛛抓取记錄,观察狀態碼分布和抓取频次。

移動端适配不是一次性任務。模板改版、CDN 調整、栏目新增都可能影响移動版和电脑版的一致性。把上面几項放進例行自查,能减少蜘蛛拿到错誤版本的概率,也让後續的索引和展示更稳定。