名醫匯如何進行高精準的移動適配
編輯
分享
評論
贊0
在最近一段時間里面還是比較多的同學在詢問移動適配相關的問題，主要都集中在怎么做適配，適配成功了，但匹配度不高這一類的問題。這次院長特邀了名醫匯 運營總監 陳鉞，為大家分享如何做移動適配。
目前移動適配的方式有兩種，一個是“規則適配”，另一個是“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 " />
整體添加完畢后，等待百度對規則的適配處理。
根據工具后臺對規則的反饋，進行調整和修改。如果發現自己的適配規則匹配是正確的，但是整個適配度過低，很有可能就是你的匹配規則不夠細，這時候可以再次分析，把規則進行更細的處理。
猜你喜歡