很多站点在桌面端看一切正常,换个手机打开就发现正文被折进“展开更多”、导航只剩一个汉堡按钮、图片替换掉了关键文字。用户可能忍一忍,抓取工具却不会替你补全。移动端和桌面端展示的内容如果差太多,站点对外呈现的内容就会变得模糊。
为什么两端内容要对得上
现在抓取主要使用移动端身份访问页面,判断页面讲了什么、有哪些链接,基本以移动端版本看到的为准。如果移动端少了正文段落、少了内链、少了结构化信息,桌面端再完整也补不回来。这不是惩罚与否的问题,而是你交给对方看的版本就是这一版。
常见的几种不一致
用样式隐藏内容
用 display:none 或 visibility:hidden 把内容藏起来,这类做法在移动端尤其常见。如果隐藏的正好是正文主体或内链,等于主动把内容从移动版抹掉。
两套模板各写各的
有的站点桌面和移动用不同模板,甚至不同域名。改版时只更新了一边,另一边还停在半年前。结果是同一个地址在不同设备上内容不同,用户分享出去的链接,别人打开看到的和你看到的不是一回事。
折叠与标签页
把长内容塞进折叠面板或标签页本身没问题,前提是这些内容在 HTML 里已经存在,只是视觉上收起。如果靠点击才异步加载,移动端抓取时可能只拿到一个空壳。
无限滚动与分页
移动端常见的“滑到底自动加载”,如果分页链接只在桌面端输出,列表页后面的内容在移动版就没有入口。建议保留可点击的分页地址,滚动加载只作为附加体验。
导航折叠后内链消失
移动端导航收进抽屉,很多栏目链接只有点开菜单后才渲染。这会削弱内链的可见性。尽量让主导航链接在初始 HTML 里就存在,用 CSS 控制展开收起。
自查清单
- 用移动端身份抓取几个代表性页面,与桌面端输出做对比,看正文长度、内链数量、标题层级是否一致。
- 检查是否有服务端按设备返回不同 HTML,尤其注意老旧的移动适配代码。
- 检查折叠、标签页、下拉菜单里的内容是否出现在初始 HTML 中。
- 检查图片的 alt 和周边文字在移动版是否被删掉。
- 检查列表页分页链接在移动版是否可见、可点。
- 检查弹窗、浮层是否遮挡正文,导致内容被判定为不可见。
- 检查独立移动域名是否与主站内容同步,两层之间是否有明确的对应关系。
- 用不同屏幕宽度打开同一页面,确认断点切换时内容没有丢失。
发现问题后怎么改
- 优先保证内容本体一致,样式差异可以接受。
- 需要折叠的内容,先用 HTML 输出,再用脚本增强交互。
- 移动端导航尽量保留文字链接,不要只留图标。
- 如果确实需要移动专用版本,保证与桌面版内容对等,并做好版本之间的说明。
把移动端当成主版本看待,桌面端只是另一种呈现方式,很多纠结会自然消失。
这类自查不需要复杂工具,一台手机、一个身份切换插件、几张对比截图就够了。每隔一段时间抽查一遍,改动模板或上线新功能后重点检查一次,能省下后面很多解释不清的问题。