网页pc移动端适配代码pattern规则写法举例教程

日期:2018-05-29 09:39:25 栏目:编程技术 浏览:

移动互联网时代,您的网站网页做好PC移动端适配代码pattern规则并提交了吗?如果您还没有做好网页PC、移动端的适配规则,下面小编就来教教您,让我们一起学习网络技术知识,把网站做的更好!

为什么要做PC移动端适配?

1、统计数据证明,使用手机等移动设备访问网站搜索网页的人越来越多,手机网购的也越来越多,所以,如果您还没有做PC站(电脑站)对应的数据同步的移动站点,请赶快!

2、由于PC站和移动站搜索引擎做了单独的处理,所以当移动端设备访问搜索引擎搜索网站相关内容的时候,如果您的站点没有做网页pc移动端适配,那么在同行站点中,你的站点排名将会可能导致参与网站排名落后的情况,没有一点竞争力。因为你不注重用户体验嘛,试想下,当用户打开手机访问到的居然是PC站点的网页尺寸,那字体、图片会有多小,用户绝对会说“尼玛,我都看不清楚,还是找找别的网站吧!”,所以,我想你应该明白网页pc移动端适配的重要性了吧!

百度、好搜、搜狗移动适配代码写法举例教程:

本教程主要以电脑我帮您网站的移动适配方案举例,所有搜索引擎移动适配都是使用正则写法,写法大同小异(但是不一样)大家需要灵活学习运用,最好参考官方写法说明。

百度移动适配教程:

http://www.dn580.cn http://m.dn580.cnhttp://www.dn580.cn/(/w+)/ http://m.dn580.cn/${1}/http://www.dn580.cn/(/w+)/(/d+).html http://m.dn580.cn/${1}/${2}.html

1、百度移动适配每行一组,分别是PC站url空格wap(移动端) url

2、使用正则匹配符号(/d+)或者(/w+)表示该路径或参数。(/d+)表示纯数字字符串,(/w+)表示字母数字下划线组成的字符串。

比如我的网站只有一层目录其中一个分类是:http://www.dn580.cn/diannaorumen/ 那么我们写PC分类目录适配移动端适配目录就是:

http://www.dn580.cn/(/w+)/ http://m.dn580.cn/${1}/

文章内容页面适配比如有个网址是:http://www.dn580.cn/wangluozhishi/44.html 那么我们写PC移动端适配就是:

http://www.dn580.cn/(/w+)/(/d+).html http://m.dn580.cn/${1}/${2}.html

有多少级目录就加对应的数字,${1} ${2} ${3}……

3、写好适配规则后直接登录百度站长平台在线提交规则。

好搜PC移动端适配教程:

http://www.dn580.cn http://m.dn580.cnhttp://www.dn580.cn/(/w+)/ http://m.dn580.cn//1/http://www.dn580.cn/(/w+)/(/d+).html http://m.dn580.cn//1//2.html

1、同样使用正则匹配符号(/d+)或者(/w+)表示该路径或参数。(/d+)表示纯数字字符串,(/w+)表示字母数字下划线组成的字符串。

2、但是目录结构写法有点不一样,需要使用:/1 /2 /3 ……这样表示。

3、写好适配规则后保存为.txt文件上传到网站根目录,并登陆好搜站长平台提交规则地址url(也就是保存到网站哪个位置)

网页pc移动端适配pattern规则写法举例教程

移动适配教程

搜狗网页PC移动端适配教程:

我觉得搜狗网页pc移动端适配是个另类,写的比较多

<urlset><url><!--  必填,是具体某个链接的定义入口,每一条数据都要用<url>和</url>包含在其中  --><loc>http://www.dn580.cn</loc><!--  必填,pattern适用的站点频道,长度不得超过256字节  --><data><!--  必填 --><display><!--  必填,所有映射规则和适用版本都要用<display>和</display>包含在其中 --><pc_url_pattern>http://www.dn580.cn/$</pc_url_pattern><!--  必填,填写pc待映射页面的url或urlpattern --><url_pattern>http://m.dn580.cn/</url_pattern><!--  必填,填写映射到的wap站页面的url或urlpattern --><pc_sample>http://www.dn580.cn/</pc_sample><!--  必填,给出1个能适用此映射规则的WEB URL示例 --><wap_sample>http://m.dn580.cn/</wap_sample><!--  必填,给出1个能适用此映射规则的WAP URL示例 --><version>7</version><!--  必填,填写映射规则适合的版本:1只适用于简版,2只适用于彩版  --><!--  5只适用于移动版,6适用于彩版和移动版,7适用于简版、彩版、移动版  --></display></data></url><!--  另一条数据  --><url><loc>http://www.dn580.cn</loc><data><display><pc_url_pattern>http://www.dn580.cn/(/w+)/$</pc_url_pattern><url_pattern>http://m.dn580.cn/${1}/</url_pattern><pc_sample>http://www.dn580.cn/diannaorumen/</pc_sample><wap_sample>http://m.dn580.cn/diannaorumen/</wap_sample><version>7</version></display></data></url><url><loc>http://www.dn580.cn</loc><data><display><pc_url_pattern>http://www.dn580.cn/(/w+)/(/d+).html</pc_url_pattern><url_pattern>http://m.dn580.cn/${1}/${2}.html</url_pattern><pc_sample>http://www.dn580.cn/wangluozhishi/43.html</pc_sample><wap_sample>http://m.dn580.cn/wangluozhishi/43.html</wap_sample><version>7</version></display></data></url><!--  另一条数据  --></urlset>

1、从以上我们可以看出来,还要举例,定义入口,实用版本等……

2、移动适配正则写法和百度移动适配写法基本一样,但是PC页首页和栏目页的pattern后面必须要跟上:$

3、写好适配规则后以.xml文件形式保存并上传到网站根目录,再登录搜狗站长平台提交规则url地址。

温馨提示:写网页pc移动端适配pattern规则,必须要用对应的移动站,并且连接无错误,如果你的是自适应网页,那么请直接登录对应的站长平台参考写法帮助,只要理解正则写法就明白怎么写。提交移动适配如果不会写正则,那么可以用绝对路径的形式单个提交,但是小编不介意使用这个方法做移动适配,因为数据量大了之后会是什么效果,就算大象也会被累死,并且提交数量还会有限制。