MIP爱好者带你玩转网站移动适配

移动适配的重要性
在几乎人手一部智能手机的当下,网站除了优化在PC端展现外,移动端的良好体验也至关重要。
如果网站没有通过适配的方式,将PC页面的url指定到一个移动页面url上,那么这些通过360移动搜索访问打开后的页面,将可能会是以PC页面或转码页的方式展现,展现效果往往很差,影响网站在移动搜索下的用户体验。360站长平台提供的移动适配功能,就是为了帮助站更好的解决该问题。


提交地址

360:http://zhanzhang.so.com/?m=Urlmap&a=index

百度http://zhanzhang.baidu.com/mobile/index?site=http://www.haomip.com/

提交方式
1、按url对提交
即将每一个pc页面与移动页面的url一一对应。该方法适用于建站之初或url数量较少的网站,也适用于某些网站不能用正则通配的无规律的url对。
站长提供一个txt文档,文档中数据为两列,中间用tab键隔开,第一列为PC版URL ,第二列为PC页面对应的移动版页面。
例如
http://www.abc1.com/ http://m.abc1.com/
http://www.abc3.com/ http://m.abc3.com/
http://www.abc3.com/1234567 http://m.abc3.com/1234567
http://www.abc2.com/abcde/abcde http://m.abc2.com/12345

2、正则对应
该方式适用于url有统一的规律可询,且网站url数量较多的大中型网站。
提供一个txt文档,文档中数据为两列,中间用tab键隔开,第一列为PC版URLpattern,第二列为PC页面对应的移动版URL pattern。
PC版URL pattern: 表示PC页pattern,在PC页url的基础上,首先确定url中哪些路径或参数是可替换的。然后根据其类型,使用正则匹配符号(\d+)或者(\w+)表示该路径或参数。(\d+)表示“纯数字”字符串,(\w+)可以表示“数字”或“字母”以及“下划线”,也可以表示数字与字母形式混合组成的字符串。
移动版URL pattern:表示移动版式的手机页pattern,在手机页url的基础上,根据可替换参数在对应的PC页pattern中出现的顺序,依次用\1,\2,……表示该参数。
Eg:
http://www.test.cn/question/(\d+).aspx http://m.test.cn/question/\1.aspx
http://www.test.cn/lawyer/(\w+)/http://m.test.cn/lawyer/\1/
http://www.test.cn/case/add.aspx?toguid=(\w+)-(\w+)-(\w+)-(\w+)-(\w+)/http://m.test.cn/findlawyer/add.aspx?guid=\1-\2-\3-\4-\5/


【注意事项】
提交pattern需要注意的要点:
1、提交时,请务必注意规则pattern的正确性,一定要避免出现适配规则错误!
2、PC站点和移动站点的主域名最好一致。
3、建议优先选择正则规则适配的方式进行提交,一次提交之后,后续新增生成的url也能生效,简单方便,也利于站长维护和发现问题。
4、提交的pattern不建议做模糊匹配,尽量使用最精确的匹配限定粒度来表示,这样可以避免出现错误。
5、注意保证链接的活性,不可以出现移动端链接死链的问题。


适配举例
url对的适配,仅需要将PC URL和移动URL,一一相对,中间用tab键隔开,一行一个PC URL+移动URL即可,这里我们主要看一下正则pattern的对应:
以适配PC URL:http://www.abc.com/news/2017/02/01/sports01/19002_news.html,和移动URL:http://m.abc.com/news/2017/02/01/sports01/19002_news.html,为例:
1、首先我们要确定的是链接中各个可以替换的参数部分和类型
从URL已知:参数分别为:news,2017,02,01,sports01,19002_news,其中,news为纯字母,sports01为字母和数字的混合,19002_news为字母+数字+下划线的混合,其余的几个参数为数字

2、根据上面分析得到的参数和类型,结合360搜索的移动适配规则,得出链接的表达式pattern
规则为:(\d+)表示“纯数字”字符串,(\w+)可以表示“数字”或“字母”以及“下划线”,也可以表示这几个形式混合组成的字符串。
所以:可以得到http://www.abc.com/news/2017/02/01/sports01/19002_news.html的规则为:http://www.abc.com/(\w+)/(\d+)/(\d+)/(\d+)/(\w+)/(\w+).html

3、得出PC URL的pattern规则之后,我们根据替换结构的顺序,依次用\1、\2,在移动pattern中表示这个替换参数的相对位置。
所以,可以得到http://m.abc.com/news/2017/02/01/sports01/19002_news.html的规则为:http://www.abc.com/\1/\2/\3/\4/\5/\6.html

最后我们得出了规则:
http://www.abc.com/(\w+)/(\d+)/(\d+)/(\d+)/(\w+)/(\w+).html
http://www.abc.com/\1/\2/\3/\4/\5/\6.html


修改方式
站长提交的移动适配pattern中若发现数据有误,或想更新旧的适配关系,可以重新提交新的适配数据予以覆盖。

常见问题
1、 我的网站被转码了,我不想被转码。
对于不想被转码的网站,其解决办法是提交移动适配。

360提交地址:http://zhanzhang.so.com/?m=Urlmap&a=index

百度提交地址:http://zhanzhang.baidu.com/mobile/index?site=http://www.haomip.com/

2、 我的网站是自适应的,不需要转码。
自适应的网站,也可提交移动适配,只需自身网站url或pattern对应到自身即可。
Eg:www.abc.com  就对应到 www.abc.com
3、 我的网站本身就是移动站,不需要被转码。
该情况和自适应类的站点一样(参看第2个问题)
4、 提交之后多久可以生效
提交数据后会在3个工作日内生效
5、我选择的是 pc url pattern与wap url pattern的对应,在本地txt文本弄好了适配规则之后,这个文档命名为什么呢?上传到哪里?最后怎么提交给360呢?
命没有限制,但建议命名成英文比较好,如:shipei.txt、360shipei.txt(这块可以按照你们的需求发挥
上传到网站服务器根目录,咱们通过域名去访问这个文件,不就有了一个url了吗,比如:http://www.example.com/shipei.txt。把这个url提交到这个窗口(见下图)就行。
MIP爱好者带你玩转网站移动适配 站长新闻

6、移动适配是不是需要把网站所有生成出来的url(包括:首页、栏目页、文章列表页、封面页)都做适配对应提?网站新生成出来的url都需要做移动适配提交吗?
如果是pattern的,最好全部都适配,后面生成的url,如果符合原来已经提交的适配规则,不用再提交,如果后面生成的url,提交的规则不能覆盖,请提交新的。
7、关于站点验证的问题,移动站点:m.xxx.com是否也需要添加验证呢?还是说直接在已验证的PC站点下添加二级站呢?或者说直接点击提交移动站呢?

可以直接添加二级站


喜欢本站站长资讯的朋友记得收藏本站哦!