如果不做移動適配的話,可能我們本來有的移動網頁和移動端排名因百度無法確認是移動頁面,因此這部分流量都給指向了百度的轉碼頁。可以看自己網站在站羣站長工具裏面,移動端有多少流量是指向了轉碼頁。這部分流量在做完適配後,即可指向我們的移動頁面,避免了自己的流量被百度截流。
上次介紹了百度跳轉適配的相關問題,今天為大家介紹一下移動端網站如何做代碼適配。那麼具體代碼適配站點在開發時要注意哪些內容呢?
代碼適配的開發,百度官方也有詳細的説明,可分為兩部分: Vary HTTP 標頭 和 Meta WordPress APPlicable-device 標籤。 一、 Vary HTTP 標頭 其作用在百度的文件裏解釋得很清楚: 1 、它會向百度傳遞一個訊號,表示説這是個代碼適配的站點,百度就會盡快把網站抓取一遍進行適配; 2 、它可以防止多用户接收到錯誤的網頁快取。這部分是在網站的服務器上進行的,有可能是 Nginx,Apache, IIS 等,需要在服務器的配置裏,設定 Varyheader 為 Vary:Accept-Encoding, User-Agent 比如 Nginx 下,可以在配置檔案中加上:more_set_headers-s 200 “Vary: ” “Accept-Encoding, User-Agent” 注意:開啓這個設定需要 nginx 同時安裝有 ngx_headers_more 模組 在 Apache 下,可以在配置檔案裏寫上:HeaderWordPress APPend Vary User-Agent
二、 Meta WordPress APPlicable-device 標籤 Vary header 加上之後,為了讓百度更好地識別我們的頁面是 PC 還是 Mobile,就需要使用百度自定義的這個 Meta WordPress APPlicable-device 標籤了。注意以下來自百度的信息: Meta WordPress APPlicable-device 標籤,並非是站點必須標註的,現在很多站點沒有標記這個標籤情況也很好。但這個標籤可以幫助百度校驗自己的判斷,並及時進行修正。做這個事情又不麻煩,所以我們建議代碼適配站點為了保證效果,還是加這個標籤。 因此可能有些網站之前的移動流量已經很好了, 不會出現被百度轉碼的情況. 這説明百度已經能很好地識別您的移動頁面了. 但是依然建議加上這個標籤, 一來加這個標籤很容易, 二來可以確保百度能更準確地識別頁面型別. 如果沒有加這個標籤的話, 萬一突然技術做改版, 一些代碼的修改導致百度無法繼續準確識別頁面型別了呢? 這部分是在網站的模板裏新增的。自適應的網站肯定已經有了判斷多用户裝置是 PC 還是 Mobile 的邏輯。利用這個邏輯,在整站的
部分新增一行代碼即可: 如果多用户是 PC 裝置 (注意需要包括 Baiduspider PC UA),則新增