关于移动建站及适配的学习心得

很多新手朋友对于网站的移动化和移动适配不是很熟悉，站长学院的教程多了，反而有时候看的一头雾水，这里我根据自己的理解，大致的总结一下自己的学习心得：
【1】 网站如何移动化
1.1 百度siteapp——网站移动化最简单的方法，就是使用百度siteapp工具，这个不需要自己维护，只要绑定一个域名就行了。当然这个工具的使用有很多局限性，样式模板太少，无法投放自定义广告，所以如果想要更灵活，一般还是推荐大家自建独立的移动站。
1.2 自建移动站——多数站长采用的方法是，新建一个站点作为移动站并绑定二级域名，而这个站与原PC站共用一个数据库以及图片数据，这样的话，移动站的内容会随着PC站同步更新，目前有的开源建站程序已经自带移动站的功能（如帝国CMS），如果加以运用的话，也可很方便的完成移动站。此外，有些朋友因为程序或技术等原因，将移动版网站放在PC站的某个子目录里，这种方式百度方面已经多次强调，不建议这么做，其实如果实在只能这样的话，站长大可用二级域名绑定该子目录，亦可实现独立移动站的展现，在建设移动站的时候，注意其URL路径应该与PC站保持一致。1.3 自适应设计——其实自适应的方式对于用户体验很好，虽然目前百度方面建议大家优先考虑独立的移动站，但不得不说未来自适应设计是大趋势，因为不能改变网站的URL和源代码，只需要通过判断屏幕的尺寸即可向用户展现更适合的页面，在技术方面，自适应也很简单，只要会CSS语言，基本上就没什么问题。例如网页上写入<link rel="stylesheet" type="text/css" href="/style/wap.css" media="screen and (max-device-width: 640px)" />，则表示当屏幕宽度小于640像素的时候，则加载为移动版专门设计的wap.css样式。1.4 使用JS适配工具——目前有一种技术是，在PC网站中加入一段js代码，即可实现网站的移动化（如下图2），用户通过手机访问该站的时候则会以更好的版式来呈现。提供这类服务的工具有“云适配”、“CNZZ微适配”和“搜狐快站快适配”等，很多高校网站和政企网站（如www .gov .cn）就采用了这种方式，这种方式对于用户体验很不错，但是百度方面似乎不太建议这么做，因为搜索引擎目前不能更好的抓取js中的内容，因此无法准确的做出网站是否移动化的判断。
【2】移动站做好后，如何让百度识别
1.1 在站长平台设置好站点类型——站长工具中的站点属性设置，站点类型包括：PC站、移动站、PC/移动站，选择不同类型有可能会影响到百度对你的展现。如果你做好的移动站，在站长平台验证后，建议根据自己的移动化方式，设置好站点类型，比如我们采用自建移动站的方式的话，则选择“有对应PC站的移动站”这个选项（如下图3）。
1.2 移动适配工具——通过该工具告知百度移动站和PC站的对应关系，在提交规则方面，很多新手朋友觉得很复杂，实际上如果冷静分析自己的URL地址后，其实并不是很难，一般的网页地址类似于www. xxx.com/news/class_1/9988.htm，而我们一般自建的移动站为了方便，都会保持与PC站同样的目录结构，也就是wap. xxx.com/news/class/9988.htm这样，像这样的URL如果写成规则的话，应该是www. xxx.com/([a-zA-Z]+)/(\w+) /(\d+).htm，而该URL中有三个变量，所以对应的移动URL应该是wap. xxx.com/${1}/${2} /${3}.htm，然后网站其他的一些不在规则中的页面则可以通过提交URL对的方式提交。补充说明：百度的移动适配规则同样也适用于搜狗和好搜，所以大家写好了规则后，不妨也提交到其他支持的搜索引擎，将移动适配工作做的更精致。（下图4）1.3 增加移动站的特征——这个在站长学院有文章介绍，如果在移动站里标明手机版、触屏版等字样的时候，会帮助百度识别网站属性，移动站专用的代码viewport也是一个重要的依据，同时使用meta中的applicable-device属性标明自己的网站适合移动浏览。
1.4 做好PC站和移动站的对应关系——站长学院中有介绍，在pc版网页(www. example.com/page1)中添加：<link rel="alternate" media="only screen and (max-width: 640px)" href="http: //m.example.com/page1" />，而在移动版网页(http: //m.example.com/page1) 上，对应的注释上<link rel="canonical" href="http: //www. example.com/page1" />有助于布局两者之间的关系，这个大家可以将代码放置于网站模版的header中，做好对应的设置。
【3】如何让用户访问到你的移动站
如果是自适应或跳转适配的站点，用户在手机端输入网址后即可访问对应的手机版，而如果是独立建设的移动站，则需要做一个跳转，便于用户在手机端输入网址后跳到手机版。百度siteapp工具采用的js跳转代码，当然站长学院中并不建议采用，如果有技术条件的话，可以在服务器端设置识别浏览器的UA来做相应的301/302跳转，如果不方便做301/302的话，采用js也无不可，毕竟用户方面能浏览到手机版的网站才是我们的目的。此外有朋友发现，在百度云加速中有PC站跳转移动站的功能（如下图5），这个在DNS的层面进行跳转，应该比js要反映迅速一些，有使用百度云加速的站长可以试试。此外，在PC版的网站首页上，应该放上移动版的链接，也有细心的站长放上了移动站对应的二维码，这样用户可以方便的访问到移动站。