网站实现移动适配之Meta标注、移动跳转.docx

必须申明的是，本文的所有做法仅适合非响应式网站，并且需要一个额外的移动站，比如：创建移动站点后，我们再通过一个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;url=/ /!--谷歌、雅虎等移动META申明--link href=/ rel=alternate media=only screen and (max-width: 1000px) /footer部分：a title=移动版 href=/#mobile rel=nofollow移动版/a?????? ②、在移动站点部署代码：head部分：!-- 载入UA判断的js --script src=/wp-content/themes/MobilePack/uaredirect.js type=text/javascript/script!--非移动端访问将跳转至PC页--script type=text/javascriptuaredirect();/script!--谷歌、雅虎等移动META反向申明--link href= rel=canonical /footer部分：a title=电脑版 href=/#mobile电脑版/a以上则为首页的移动适配+跳转的完整代码，但一个网站有N多页面，所以我们必须做成动态代码，实现每个网页的移动适配及跳转！????? 二、动态部署代码要做动态部署代码，就得考虑建站程序所用语言，目前最流行的建站语言主要是php和asp。php以wordpress为主，其次有emlog、typecho等，asp则主要是ZBlog。以往张戈博客的文章分享的适配全部都是wordpress专用的，而且代码繁杂，通用性很差！最近，张戈在给博客的标签页做移动适配的时候，突来灵感，找到了一个最简单通用的方法，可以应用到所有建站程序！核心思想很简单：既然是每个页面都要做移动适配，那么先动态获得当前页面地址，然后进行规则替换即可！?????? ①、Wordpress专用我们先将如下代码加到header.php?php global $wp;!-- 获取当前页面地址 --$current_url = home_url(add_query_arg(array(),$wp-request));!-- 将地址中的http://替换为http://m. --$target_url = str_replace(http://,http://m.,$current_url);?然后继续添加如下代码，就能完成所有页面的PC站点的移动跳转和移动适配：script src=?php bloginfo(template_directory); ?/js/uaredirect.js type=text/javascript/scriptscript type=text/javascriptuaredirect(?php echo $target_url; ?);/scriptmeta name=mobile-agent content=format=xhtml;url=?php echo $target_url; ? /link href=?php echo $target_url; ? rel=alternate media=only screen and (max-width: 1000px) /至于移动站的适配，依葫芦画瓢，把进行替换的那句中的http://和http://m. 换一个位置即可！这还要多简单？？????? ②、PHP通用I、PC站点：在PC站