2016-10-20 16:49   點擊:

在最近一段時間里面還是比較多的同學(xué)在詢問移動適配相關(guān)的問題,主要都集中在怎么做適配,適配成功了,但匹配度不高這一類的問題.這次院長特邀了名醫(yī)匯 運營總監(jiān),為大家分享如何做移動適配. 

目前移動適配的方式有兩種,一個是"規(guī)則適配",另一個是"URL適配".這兩種適配方式相比起來,"規(guī)則適配"具有簡單,高覆蓋的優(yōu)勢,而"URL適配"顯得更繁瑣,不過當(dāng)正則無法表達的時候可以采用這個進行補充;

這次分享的是"規(guī)則適配"的一些技巧;分享之前先曬一個圖

從圖片可以看到,移動適配的紅藍兩線近乎重合.適配比例是接近99%,除了個別適配失敗以外.完成整個適配,一共用了20條規(guī)則;

開始進行移動適配之前的準(zhǔn)備工作:

1,梳理網(wǎng)站欄目及內(nèi)容在pc和移動上面的關(guān)系,可以按照欄目/頻道為單位

       2,將pc和移動的url表單化,建立excel目錄;

       3,對照http://zhanzhang.baidu.com/college/courseinfo?id=267&page=20#h2_article_title10平臺給出來正則公式開始寫屬于自己網(wǎng)站關(guān)系 

比如:

http://www.mingyihui.net/guangdongsheng_1_hospitals_2_36.html這是我們某頻道的一個鏈接,整個頻道的鏈接規(guī)則都是域名/字母_數(shù)字_固定字母_數(shù)字_數(shù)字.html 這個的格式,那么對應(yīng)寫的移動視頻規(guī)則就應(yīng)該是

       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

以此類推對網(wǎng)站所有欄目不同鏈接類型的都做好規(guī)則匹配.然后將規(guī)則進行提交; 

       做完這個需要進一步再增加整體的移動友好度;

       到網(wǎng)站head區(qū)添加meta標(biāo)識,禁止百度對pc網(wǎng)站進行轉(zhuǎn)碼代碼如下: 

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

       整體添加完畢后,等待百度對規(guī)則的適配處理.

根據(jù)工具后臺對規(guī)則的反饋,進行調(diào)整和修改.如果發(fā)現(xiàn)自己的適配規(guī)則匹配是正確的,但是整個適配度過低,很有可能就是你的匹配規(guī)則不夠細,這時候可以再次分析,把規(guī)則進行更細的處理.