或者

名医汇如何进行高精准的移动适配

作者:飞鸟海搏 浏览:134 发布时间:2018-01-16
分享 评论 0

2016-10-20 16:49   点击:


在最近一段时间里面还是比较多的同学在询问移动适配相关的问题,主要都集中在怎么做适配,适配成功了,但匹配度不高这一类的问题.这次院长特邀了名医汇 运营总监,为大家分享如何做移动适配. 


目前移动适配的方式有两种,一个是"规则适配",另一个是"URL适配".这两种适配方式相比起来,"规则适配"具有简单,高覆盖的优势,而"URL适配"显得更繁琐,不过当正则无法表达的时候可以采用这个进行补充;


这次分享的是"规则适配"的一些技巧;分享之前先晒一个图


从图片可以看到,移动适配的红蓝两线近乎重合.适配比例是接近99%,除了个别适配失败以外.完成整个适配,一共用了20条规则;


开始进行移动适配之前的准备工作:


1,梳理网站栏目及内容在pc和移动上面的关系,可以按照栏目/频道为单位


       2,将pc和移动的url表单化,建立excel目录;


       3,对照http://zhanzhang.baidu.com/college/courseinfo?id=267&page=20#h2_article_title10平台给出来正则公式开始写属于自己网站关系 


比如:


http://www.mingyihui.net/guangdongsheng_1_hospitals_2_36.html这是我们某频道的一个链接,整个频道的链接规则都是域名/字母_数字_固定字母_数字_数字.html 这个的格式,那么对应写的移动视频规则就应该是


       http://www.mingyihui.net/([a-zA-Z]+)_([0-9]+)_hospitals_([0-9]+)_([0-9]+).html


       http://m.mingyihui.net/${1}_${2}_hospitals_${3}_${4}.html


以此类推对网站所有栏目不同链接类型的都做好规则匹配.然后将规则进行提交; 


       做完这个需要进一步再增加整体的移动友好度;


       到网站head区添加meta标识,禁止百度对pc网站进行转码代码如下: 


       <metahttp-equiv="Cache-Control" content="no-transform " /> 


       整体添加完毕后,等待百度对规则的适配处理.


根据工具后台对规则的反馈,进行调整和修改.如果发现自己的适配规则匹配是正确的,但是整个适配度过低,很有可能就是你的匹配规则不够细,这时候可以再次分析,把规则进行更细的处理.