在最近一段時(shí)間里面還是比較多的同學(xué)在詢問移動(dòng)適配相關(guān)的問題,主要都集中在怎么做適配,適配成功了,但匹配度不高這一類的問題。這次院長特邀了名醫(yī)匯 運(yùn)營總監(jiān) 陳鉞,為大家分享如何做移動(dòng)適配。
目前移動(dòng)適配的方式有兩種,一個(gè)是“規(guī)則適配”,另一個(gè)是“URL適配”。這兩種適配方式相比起來,“規(guī)則適配”具有簡單,高覆蓋的優(yōu)勢,而“URL適配”顯得更繁瑣,不過當(dāng)正則無法表達(dá)的時(shí)候可以采用這個(gè)進(jìn)行補(bǔ)充;
這次我享的是“規(guī)則適配”的一些技巧;分享之前先曬一個(gè)圖
從圖片可以看到,移動(dòng)適配的紅藍(lán)兩線近乎重合。適配比例是接近99%,除了個(gè)別適配失敗以外。完成整個(gè)適配,一共用了20條規(guī)則;
![](http://wzk.80topic.cn/uploads/allimg/160419/1133402138-0.png)
開始進(jìn)行移動(dòng)適配之前的準(zhǔn)備工作:
1,梳理網(wǎng)站欄目及內(nèi)容在pc和移動(dòng)上面的關(guān)系,可以按照欄目/頻道為單位
2,將pc和移動(dòng)的url表單化,建立excel目錄;
3,對(duì)照http://zhanzhang.baidu.com/college/courseinfo?id=267&page=20#h2_article_title10平臺(tái)給出來正則公式開始寫屬于自己網(wǎng)站關(guān)系
比如:
http://www.xxx.net/guangdongsheng_1_hospitals_2_36.html這是我們某頻道的一個(gè)鏈接,整個(gè)頻道的鏈接規(guī)則都是域名/字母_數(shù)字_固定字母_數(shù)字_數(shù)字.html 這個(gè)的格式,那么對(duì)應(yīng)寫的移動(dòng)視頻規(guī)則就應(yīng)該是
http://www.xxx.net/([a-zA-Z]+)_([0-9]+)_hospitals_([0-9]+)_([0-9]+).html
http://m.xxx.net/${1}_${2}_hospitals_${3}_${4}.html
以此類推對(duì)網(wǎng)站所有欄目不同鏈接類型的都做好規(guī)則匹配。然后將規(guī)則進(jìn)行提交;
做完這個(gè)需要進(jìn)一步再增加整體的移動(dòng)友好度;
到網(wǎng)站head區(qū)添加meta標(biāo)識(shí),禁止百度對(duì)pc網(wǎng)站進(jìn)行轉(zhuǎn)碼代碼如下:
<metahttp-equiv="Cache-Control" content="no-transform " />
整體添加完畢后,等待百度對(duì)規(guī)則的適配處理。
根據(jù)工具后臺(tái)對(duì)規(guī)則的反饋,進(jìn)行調(diào)整和修改。如果發(fā)現(xiàn)自己的適配規(guī)則匹配是正確的,但是整個(gè)適配度過低,很有可能就是你的匹配規(guī)則不夠細(xì),這時(shí)候可以再次分析,把規(guī)則進(jìn)行更細(xì)的處理。