站点运营里,移动端适配常被归到前端样式那一栏,实际上它同时也是抓取问题。搜索引擎的抓取与索引现在普遍以移动端用户代理为主,也就是说,蜘蛛大概率是拿着一台手机来看你的页面。桌面端显示正常,并不代表蜘蛛看到的内容完整。
蜘蛛眼里的移动端,和你测试的移动端不一样
你在手机上打开页面,用的是登录态、本地缓存和真实带宽;蜘蛛用的是无登录、无 Cookie、超时有限的请求。差别通常出现在三处:内容被脚本后置渲染、不同 UA 返回不同模板、按设备或地区设置的拦截规则。
所以自查的目标不是页面好不好看,而是同一份内容,在移动端模板下是否依然完整可达。
按顺序检查这几项
1. 视口声明
缺少 viewport 声明时,移动浏览器会按桌面宽度渲染再整体缩放,文字变小、点击区域挤在一起。这不直接阻止抓取,但会让页面被判断为不适合移动端浏览。检查 head 中是否有 width=device-width, initial-scale=1 这类声明,并且没有被模板条件判断漏掉。
2. 内容是否被移动端隐藏
为了移动端简洁,有些站点用 CSS 隐藏正文段落、折叠参数表、去掉相关推荐。如果这些模块在桌面版承担了主要信息量,移动版又完全缺失,两边的页面主题就会出现偏差。需要确认被隐藏的是装饰性模块,而不是正文主体。
3. 遮挡式弹窗与首屏浮层
打开就弹 App 下载、登录引导、优惠券,是移动端最常见的问题。它不只是体验问题,还会让蜘蛛在首屏拿不到有效内容。建议把触发条件改成交互之后或滚动一定距离之后,并保证关闭按钮可被正常点击。
4. 独立移动端地址的对应关系
如果使用 m. 子域名,需要保证移动页的 canonical 指向桌面版,桌面版通过 alternate 指向移动版,且两边主要内容一致。常见错误是移动页 canonical 指向自己,桌面页也指向自己,形成两套互相独立的页面,白白分散权重。
5. 资源与拦截规则
- 检查 robots.txt 是否对移动端 UA 做了误封。
- 检查 CDN、WAF 是否把移动端 UA 判成异常流量并返回 403。
- 检查移动端专用的 JS、CSS 是否被屏蔽,避免蜘蛛渲染时缺少布局信息。
6. 首屏与点击区域
字号过小、按钮过密、横向溢出,会拉低移动端可用性。这类问题不一定直接阻止收录,但在评估移动端体验时是常见扣分项。图片与宽表格加上最大宽度限制和横向滚动容器,通常能解决大部分溢出。
怎么验证
- 用无痕模式在真机打开页面,不带登录态,看首屏能否直接看到正文。
- 用开发者工具的设备模式查看渲染后的 DOM,对比移动端与桌面端的正文文本量。
- 在搜索引擎提供的移动端可用性报告中看看是否存在批量问题。
- 在抓取日志里筛选移动端 UA,确认返回码与桌面端一致,没有大量 403、500。
发现问题后的处理顺序
先处理抓不到和拿到空内容的问题,也就是返回码异常、内容被拦截、弹窗遮挡;再处理两边内容不一致;最后才是字号、间距这类体验细节。顺序反了,容易在细节上耗掉时间,而真正影响抓取的问题还挂在那里。
移动端适配不需要追求满分,但要保证一件事:蜘蛛用移动端 UA 打开同一个地址,能看到和用户差不多的正文。