超级蜘-蛛-池之网站移动版本优化-源码资源库

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

超级蜘-蛛-池之网站移动版本优化插图源码资源库

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

　 独立ＵＲＬ的移动版本

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

　 自主适配

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

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

Meta标注

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

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

<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页面标注：

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

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

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不变的移动版本最为理想：

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

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

没有移动版本

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

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

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

另一折中解决方法是使用百度的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