黑帽联盟

标题: PC页面301(302)跳转至移动页面规则写法【跳转适配干货】 [打印本页]
作者: 权利的游戏    时间: 2017-7-8 23:23
标题: PC页面301(302)跳转至移动页面规则写法【跳转适配干货】
给大家分享的是PC页面301(302)跳转至移动页面规则写法，这个做法配合跳转适配效果最佳！下面就是绝对的干货了。

PC页面301(302)跳转至移动页面规则

我们知道，对于百度而言，跳转适配可以使用百度站长平台的移动适配工具，里面可以填写适配规则，其实这个规则与301或者是302跳转的规则可以说的上是一致的。

百度跳转适配工具就不多做介绍了。下面我就重点介绍下PC页面301(302)跳转至移动页面规则写法，当你看完这个规则的写法之后，或许就会发现百度适配工具的规则其实就是针对的PC页面301(302)跳转至移动页面。

PC页面想要跳转到针对的移动页面，我们要采用的是针对移动UA(User_Agent)的301(302)跳转，这里我不建议大家使用JS的跳转！判断UA是需要服务器完成，所以我们需要对服务器进行相应设置。这里我以linux下Apache的Web环境做一个介绍。

首选我们要整理一些移动的UA，这边我简单的找了下，找了这些"android|blackberry|googlebot-mobile|iemobile|ipad|iphone|ipod|opera mobile|palmos|webos|UCBrowser|QQBrowser|wap"，更多的大家可自行整理。

找到之后，要做的就是301或者302了。Apache做301很简单，只需要在.htaccess文件中加入相应的规则即可。考虑到看到这篇文章的一些朋友是对这块并不是十分了解，下面我就举例介绍。

大家可以参考我刚做的两个新站：PC www.cnblackhat.com ; 移动 m.cnblackhat.com 。后面我们要做的就是将PC站www.cnblackhat.com的每个页面都能301或者302跳转到相应的移动m.cnblackhat.com页面。

做之前，我们一定要保证PC与移动的网站URL连接结构绝对的相同(这点是在做站的时候就应该考虑的)，什么样的才是绝对的相同？

可以这样理解：
  1. PC首页：www.cnblackhat.com                            ---  移动首页：m.cnblackhat.com
  2. PC单页：www.cnblackhat.com/wlyx.html                  ---  移动单页：m.cnblackhat.com/wlyx.html
  3. PC栏目：www.cnblackhat.com/case/                      ---  移动栏目：m.cnblackhat.com/case/
  4. PC栏目列表分页：www.cnblackhat.com/case/index_2.html  ---  移动栏目列表分页：m.cnblackhat.com/case/index_2.html
  5. PC内容页面：www.cnblackhat.com/case/3.html            ---  移动内容页面：www.cnblackhat.com/case/3.html
复制代码
上面的网站URL连接举例其实也就是www.cnblackhat.com和m.cnblackhat.com的全部的网站URL结构(这两个站非常简单，URL结构不深)。接下老，回到本文的重点，根据上面的两个站的URL进行相应的301或者302跳转。

1、PC首页跳转到移动首页
  1. RewriteEngine on
  2. RewriteCond %{HTTP_USER_AGENT} "android|blackberry|googlebot-mobile|iemobile|ipad|iphone|ipod|opera mobile|palmos|webos|UCBrowser|QQBrowser|wap" [NC]
  3. RewriteRule ^$ http://m.cnblackhat.com/ [R=301,L]
复制代码
2、PC单页跳转到移动单页
  1. RewriteCond %{HTTP_USER_AGENT} "android|blackberry|googlebot-mobile|iemobile|ipad|iphone|ipod|opera mobile|palmos|webos|UCBrowser|QQBrowser|wap" [NC]
  2. RewriteRule ^([a-zA-Z]+).html$ http://m.cnblackhat.com/$1.html [R=301,L]
复制代码
3、PC栏目跳转到移动栏目
  1. RewriteCond %{HTTP_USER_AGENT} "android|blackberry|googlebot-mobile|iemobile|ipad|iphone|ipod|opera mobile|palmos|webos|UCBrowser|QQBrowser|wap" [NC]
  2. RewriteRule ^([a-zA-Z]+)/$ http://m.cnblackhat.com/$1/ [R=301,L]
复制代码
4、PC栏目列表分页跳转到移动栏目列表分页
  1. RewriteCond %{HTTP_USER_AGENT} "android|blackberry|googlebot-mobile|iemobile|ipad|iphone|ipod|opera mobile|palmos|webos|UCBrowser|QQBrowser|wap" [NC]
  2. RewriteRule ^([a-zA-Z]+)/([a-zA-Z]+)_([0-9]+).html$ http://m.cnblackhat.com/$1/$2_$3.html [R=301,L]
复制代码
5、PC内容页面跳转到移动内容页面
  1. RewriteCond %{HTTP_USER_AGENT} "android|blackberry|googlebot-mobile|iemobile|ipad|iphone|ipod|opera mobile|palmos|webos|UCBrowser|QQBrowser|wap" [NC]
  2. RewriteRule ^([a-zA-Z]+)/([0-9]+).html$ http://m.cnblackhat.com/$1/$2.html [R=301,L]
复制代码
规则解释：

RewriteEngine on ：开启伪静态(.htaccess文件中只需写上一次即可)；

RewriteCond %{HTTP_USER_AGENT} "android|blackberry|googlebot-mobile|iemobile|ipad|iphone|ipod|opera mobile|palmos|webos|UCBrowser|QQBrowser|wap" [NC] : 服务判断移动UA；

RewriteRule ^$ http://m.cnblackhat.com/ [R=301,L] ：301跳转规则 。

以上的内容就是PC页面301跳转至移动页面规则写法举例，大家可以参照着做自己的。302跳转的话，只需要将以上规则[R=301,L]中的"301"换成"302"即可。

那么如何判断百度时是否识别我们做的PC页面301跳转至移动页面。这里可以使用百度站长平台的"抓取诊断工具"，看百度移动抓取抓pc站的url的时候是否识别为移动url状态，成功被识别则说明我们的站点在百度眼里已经是正常的跳转了。

我们可以仔细分析上面的跳转规则，用的就是正则表达式，之后替换生成的pattern，这个与使用百度站长平台提交规则时用的是完全一致的正则匹配规则，我们就可以这样理解，百度站长平台的移动适配工具其实就是在间接的帮助你的站点做301或者302跳转。当然，为了保证我们的规则能有效及时的被百度发现，还是要使用适配工具做一下规则适配！

至此，本文也就结束了！以上的内容是我的一点总结





欢迎光临 黑帽联盟 (https://bbs.cnblackhat.com/) Powered by Discuz! X2.5