超级蜘蛛池

超级蜘蛛池之网站移动版本优化


        其实很久之前就注意到了,看小说的时候发现很多网址前面有个“m.”,当时就怀疑这是移动端的标志了,还曾经试图去掉“m.”看能不能转为PC端的,移动搜索一般指的是手机搜索。Pad、平板电脑类设备通常被视同PC,因为屏幕尺寸和用户体验更靠近PC。

        

  网页的移动搜索优化分为几种情况:

  1. 有移动版本,并且有专用的与PC版不一样的URL;
  2. 有移动版本,但URL不变,与PC的一样;
  3. 没有移动版本。

   独立URL的移动版本

    在独立的的URL上建立专门为手机优化过的移动版本,移动版与PC版虽然URL不用,页面排版布局页也非常不同,但内容相同,是一一对应的。

   自主适配

      转向,适用于所有搜索引擎。百度建议使用301转向(永久转向),不要使用JS转向;Google表态使用301、302、JS转向都可以,更推荐302(暂时转向)。

      注意:转向要在对应的页面之间进行,不要把所有的页面都转向移动版的首页,会使得搜索引擎无法判断,用户体验也不好。不如不转向,给用户一个排版和体验不怎么样的页面,比给用户一个找不到想要的信息的页面好。

Meta标注

       技术原因不能做转向,可以用meta标签告诉搜索引擎两个版本之间的对应关系。百度和Google使用的标签不同。

       百度要求在PC版页面HTML代码<head>部分加上meta标注:

  1. <meta name="mobile-agent" content="format=html5;url=http://m.domain.com/123.html">view pl

        即通知百度,本PC页(http://www.domain.com/123.html)对应的手机页面在http://m.domain.com/123.html。

Google的要求是,在PC页面标注:

  1. <link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.domain.com/123.html">  

同时在对应的手机页面(http://m.domain.com/123.html)标注:

  1. <link rel="canonical" href="http://www.domain.com/123.html">   view plai

Google要求在PC和手机页面同时都要加meta标注。

对应关系Sitemap

       如果转向、meta都不能做,还可以通过Sitemap通知搜索引擎PC页面和手机页面的对应关系

       百度:登录百度站长平台,在“其他工具”-“开放适配”部分提交对应关系Sitemap,页面对应关系可以是url级别或者pattern级别的。Sitemap制作方法百度有详细说明:http://zhanzhang.baidu.com/wiki/62.

       Google,可以在PC版本的正常Sitemap中加入同样的rel=“alternate”meta标注,手机页面的rel="canonical"标注也要保留。

也可以自主适配、meta标注、Sitemap都做,要注意,转向及标注的URL必须一致。不要出现一个移动页面对应多个PC页面,或一个PC页面对应多个移动页面的情况。

URL不变的移动版本

       没说的,共用一套代码,针对手机浏览器做的优化主要通过CSS控制布局排版、导航的简化,以及JS控制广告、侧栏等的删减。即响应式设计。

       注意:不要禁止搜索引擎抓取CSS、JS及图片文件,不然搜索引擎无法判断页面在手机端是否易用。

       长远来看, URL不变的移动版本最为理想

  1. 网站维护更简单;

  2. 用户分享更方便,信号集中在一个URL;

  3. 不用转向,避免了过程中出错,影响用户体验, 速度也更快。

       如果要使用URL不变的移动版本,目前百度建议在自适应的页面加上这样的meta标注,帮助度娘理解页面适用于PC和手机,会根据屏幕尺寸调整布局和效果

  1. <meta name="applicable-device" content="pc,mobile"> 

         缺点:移动版使用同样的HTML代码,其中有的内容可能在手机上通过CSS隐藏,如导航的简化、减少图片显示、删除侧栏等,然而HTML代码中还存在,浪费了带宽和下载时间。

没有移动版本

         没有移动版本,PC页面在手机上显示效果也不好,百度和Google的处理方法不一样。

         百度会尽量将网站转码,也就是生成一个适合手机浏览的移动页面,供搜索用户访问,虽然在移动搜索结果中显示的URL、标题等是网站的,用户点击搜索结果后看到的也是网站内容,但实际上用户访问的是度娘服务器上的移动页面,没有真正访问网站页面。

         如果站长不希望页面被转码,可以在页面上加这个meta标签:

  1. <meta http-equiv="Cache-Control" content="no-transform">  

        另一折中解决方法是使用百度的PC网站快速移动化工具:SiteApp(注意和Sitemap区分):http://siteapp.baidu.com/。

        站长添加要移动化的站点域名,选择模板,定制导航,SiteApp就生成一个WebApp。站长再选择一个移动版本的子域名,如m.domain.com,将子域名解析到百度服务器,用户就可以通过移动版本访问手机页面,和前面讨论的独立URL的移动版本是一样的。

       优点:SiteApp有多套模板可供选择,提供后台流量统计、优化工具,更重要的是实时同步PC页面内容,站长无需维护,省时省力。

    缺点:较为简陋,体验不太好。

    Google没有转码机制,对没有移动版本的网站,直接返回PC版本。

    百度如果找不到对应的移动版本,转码效果又不好时,也会直接返回PC版本。<span style="outline: 0px; word-break: bre