网站实现移动适配之Meta标注-移动跳转.docxVIP

必须申明的是，本文的所有做法仅适合非响应式网站，并且需要一个额外的移动站，比如：创建移动站点后，我们再通过一个js来判断访问者的UA信息，实现自动跳转功能。所以，移动站点的创建主要是为了弥补PC站在移动小屏设备下显示不佳的缺憾。然而，搜索引擎却会将他们视为不同的站点，从而影响SEO。为了解决这个问题，我们就必须遵循搜索引擎的移动适配原则，对2个站点进行移动适配。?????? 目前几个搜索引擎的移动适配做法如下：百度：xml对应关系适配、Meta标注适配（特有）；谷歌：Meta标注适配 （同样适合雅虎、必应等国外搜索引擎）；360：txt对应关系适配。下面主要分享下META标注和移动跳转的部署方法：????? 一、完整代码示例以首页举例，实现移动适配META标注、移动站跳转的做法如下：?????? ①、在PC站点部署代码：head部分：!-- 载入UA判断的js --script src=/wp-content/themes/HotNewspro/js/uaredirect.js type=text/javascript/script!--移动端访问首页跳转到移动首页--script type=text/javascriptuaredirect(/);/script!--百度移动适配META申明--meta name=mobile-agent content=format=xhtml