移动站点适配:基于搜索引擎蜘蛛的适配

2014-12-09
  • 1051
  • 0
        由于目前国内电商网站在使用HTML5制作手机站时,因为用户体验及加载速度的考虑,触屏版手机网站会大量采用JS来制作交互效果及加载页面内容,所以导致搜索引擎无法抓取页面。但是如果要对现有网站进行修改,会耗费大量人力物力,所以基于这种现状,我们需要引入简版网站来解决蜘蛛抓取问题与用户体验的平衡。
       策略的核心思路是给用户看的还是触屏版,保留用户体验;而给搜索引擎看到的是简版的页面,方便蜘蛛抓取。当用户通过搜索引擎访问简版页面的时候,需要判断user-agent,当判断是移动终端访问时会跳转到触屏版。但是针对这一操作,国美目前还在技术排期中,所以现在手机访问简版还没有跳转。
      为了实施这一策略,首先涉及到的便是蜘蛛的适配,本文主要讲解基于搜索引擎蜘蛛访问的适配:
1. 百度适配标注
作用:
指引搜索引擎蜘蛛爬行和抓取PC页面对应的简版移动站点页面;在站点PC页的源代码头部嵌入一行或多行Meta信息,由Meta信息来指明该PC页对应的简版移动站点页面的URL,以及该URL对应页面的格式,百度将根据用户终端类型选择相应的简版移动站点页面。(无对应关系的PC页面无需添加Meta )
表现形式:
1.1 Meta声明格式:
<meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=url">

Meta声明示例:
<meta name="mobile-agent" content="format=html5;url=http://3g.sina.com.cn/">
<meta name="mobile-agent" content="format=xhtml;url=http://sina.cn/">    
1.2 需要将Meta声明放在网站PC首页源代码内部,如下:
<head>
<meta name="mobile-agent" content="format=html5;url=http://m.example.com/">
……
</head>
备注:”format=html5”可根据移动站点页面的真实协议语言进行标记;
生效情况:
标注Meta声明这一适配方案仅在百度移动搜索中生效,即只有当用户通过百度移动搜索访问站点时,适配才会生效,通过其他渠道则不生效。在标注准确对应关系无误的情况下,大约需要七天左右的时间生效,老旧页面会有延迟。但百度不保证一定能在移动搜索结果中按照您标注的对应关系进行替换。
2. 谷歌适配标注
为了帮助谷歌蜘蛛了解网站上的配置,我们建议使用以下注释:
  • 在PC页面上,添加指向相应简版移动站点页面的特殊链接rel="alternate"标记。这有助于谷歌bot发现网站的移动版网页所在的位置。
       
  • 在简版移动站点页面上,添加指向相应桌面版网址的链接rel="canonical"标记。
例如,假设桌面版网址为http://example.com/page-1且相应的简版移动站点页面网址为http://m.example.com/page-1。那么此示例中的注释如下所示:
  1. 在PC页面上,添加以下代码:

备注:代码中的像素为最大宽度,其宽度可视情况调整;
  • 在简版移动站点页面上,所需的注释应为:
       
备注:此简版移动站点页面中指向PC页面的rel="canonical"标记是必需的。