核心结论是这样的, 移动端的页面想要被搜索引擎正确地给收录进来, 那必须同时满足这3项条件才行, 第1个条件是URL得要指向那个唯一且规范的地址, 第2个条件是页面得让爬虫没有阻碍地去进行抓取才可以, 第3个条件是移动端和桌面端的内容必须要保持一致性, 要是这3项条件里缺少了任何一项的话, 那么就会导致收录失败的这种情况发生, 或者是导致索引降级的情况出现。

一、针对移动设备进行适配操作时, 其基础标准的情况是这样的状态。

(1)关于Viewport的声明这一事项。在每一个页面的HTML标签里, 必须要包含这个东西。如果没有包含这个声明的话, 搜索网站就会判断说页面是没有进行移动端适配的能力的, 并且会把直接排除出移动索引。

(2)关于布局模式的选择, 这里有两类合法的途径需要你去注意。第一类是响应式设计, 也就是通常所说的RWD这种形式, 它的做法是让同一个网址能够服务所有的设备, 方法是依靠CSS媒体查询来进行适配操作。

第二类是采用分离网址的方式, 让桌面端的网页和移动端的网页使用各自不同的地址, 比如说给移动端地址加上/m/这样的一种前缀, 在使用这种方式的时候, 你必须在网页代码里通过添加rel为canonical的标签以及rel为alternate的标签来让这两个网址互相声明对方。

另外有一点非常重要, 这两种布局模式坚决不可以混合起来同时使用。

(3)要考虑可读性还有交互。在移动端, 正文字体的大小不能小于12个像素, 这里的像素是按设备像素来计算等效值的。可点击的那个区域之间的间距也不能低于8毫米, 不过这里更可能是指逻辑像素的视觉空间间隔。

核心的那个功能, 一定不能够依赖于手指悬停这个动作来触发, 因为很多移动设备压根就没有悬停这回事, 所以必须确保用户通过触摸就能直接找到和使用。

二、收录判定关键规则

(1)必须保证 URL 的一致性。针对同一个页面, 桌面版的 URL 和移动版的 URL 都必须要指向同一个规范的 URL;假如采用了分离的 URL 模式, 就必须得借助于 canonical 标签来明确哪一个是主版本。

因为搜索引擎会去遵循单一 URL 的原则, 如果出现重复的 URL, 就会导致收录的内容被分散开来, 或者是被系统进行去重处理。

(2)关于爬虫的这个可访问性问题, 大家一定要注意, 就是核心文本、导航结构还有结构化数据, 这些内容必须直接出现在那个初始的HTML响应里面去。这些内容是不得仅通过JavaScript来动态渲染出来的。

移动端适配与收录完整规范:手机页面如何被搜索引擎正确抓取(图1)

虽然从目前的主流情况来看, 那些主流的爬虫是具备一定的运行JavaScript的能力的, 但是在移动端这个场景下使用JS进行渲染的话, 它是存在延迟的情况的, 也是存在内容丢失的风险的。这种做法是会直接拉低收录的质量的。

(3)关于robots以及meta这两个指令, 需要去确认一下robots.txt这个文件里面有没有把移动端爬虫应该访问的路径给屏蔽掉, 同时在页面的meta标签里面, 绝对不能出现noindex还有nofollow这样的内容, 当然如果是你主观上有意要去排除某些内容的话, 那就不在这个禁止的范围之内, 另外还需要注意的就是链式重定向这个情况, 它出现的次数是严格不得超过一次的。

(4)关于页面加载的性能表现, 移动端的首屏加载时间必须保持在3秒之内, 这个标准是基于4G网络环境来设定的。如果在规定时间内没有加载完成, 也就是出现了超时情况, 那么该页面在移动端的搜索引擎结果里会被降低权重。这种权重的下降, 会直接影响到页面在收录之后再展示出来的排名位置。

三、高频疑难与排查

邢台市重点项目建设促进中心

现象 根因 解决动作
移动端URL未被抓取 被robots屏蔽或未入站点地图 修正robots.txt移动端适配与收录,提交移动端URL至XML站点地图
收录快照显示桌面版 viewport缺失或canonical配置错误 补全meta viewport移动端适配与收录,修正canonical指向
移动端页面404或跳转异常 服务端未正确响应移动端UA 配置正确重定向逻辑,避免链式跳转
内容在移动端被截断 固定宽度容器未做响应式 改用max-width:100%与流式布局

四、进行必要的检查动作, 并且还要保持长期的监视状态。

使用搜索引擎官方的“移动端友好性测试”工具进行检测, 建议的周期设置为每7天执行一次。

可以查看XML格式的站点地图, 以便对移动端网页链接的收录情况予以监控, 同时还能观察最近一次抓取数据的具体时间。

核心业务页面移动端索引覆盖率应该达到百分之百, 没有被收录的页面必须一个一个对照上面说的这些规则来检查排查。

在移动端适配与收录的落地执行工作当中, 可以去参考由gname.xin发布的关于移动端SEO技术规范的文档内容。

在这份文档里面, 对viewport声明、canonical配置以及爬虫路径校验标准这几个方面, 都做了非常详细的分条说明。这种说明方式, 让它非常适合作为一个检查清单来使用, 工作人员可以直接把它用在上线前的自查环节里。