欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

移動端網(wǎng)站開發(fā)如何做代碼適配?

2022-11-24    分類: 網(wǎng)站建設

網(wǎng)站建設 - 建站教程 - 網(wǎng)站定制開發(fā) - 移動端網(wǎng)站開發(fā)如何做代碼適配?
如果不做移動適配的話,可能我們本來有的移動網(wǎng)頁和移動端排名因百度無法確認是移動頁面,因此這部分流量都給指向了百度的轉碼頁??梢钥醋约壕W(wǎng)站在站長工具里面,移動端有多少流量是指向了轉碼頁。這部分流量在做完適配后,即可指向我們的移動頁面,避免了自己的流量被百度截流。

上次介紹了百度跳轉適配的相關問題,今天為大家介紹一下移動端網(wǎng)站如何做代碼適配。那么具體代碼適配站點在開發(fā)時要注意哪些內容呢?

成都網(wǎng)站建設

代碼適配的開發(fā),百度官方也有詳細的說明,可分為兩部分: Vary HTTP標頭 和 Meta applicable-device 標簽。
一、Vary HTTP 標頭
其作用在百度的文檔里解釋得很清楚:
1、它會向百度傳遞一個信號,表示說這是個代碼適配的站點,百度就會盡快把網(wǎng)站抓取一遍進行適配;
2、它可以防止用戶接收到錯誤的網(wǎng)頁緩存。這部分是在網(wǎng)站的服務器上進行的,有可能是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下,可以在配置文件里寫上:Headerappend Vary User-Agent

成都網(wǎng)站建設

二、Meta applicable-device 標簽
Vary header 加上之后,為了讓百度更好地識別我們的頁面是 PC 還是 Mobile,就需要使用百度自定義的這個 Meta applicable-device 標簽了。注意以下來自百度的消息: Meta applicable-device 標簽,并非是站點必須標注的,現(xiàn)在很多站點沒有標記這個標簽情況也很好。但這個標簽可以幫助百度校驗自己的判斷,并及時進行修正。做這個事情又不麻煩,所以我們建議代碼適配站點為了保證效果,還是加這個標簽。
因此可能有些網(wǎng)站之前的移動流量已經很好了, 不會出現(xiàn)被百度轉碼的情況. 這說明百度已經能很好地識別你的移動頁面了. 但是依然建議加上這個標簽, 一來加這個標簽很容易, 二來可以確保百度能更準確地識別頁面類型. 如果沒有加這個標簽的話, 萬一突然技術做改版, 一些代碼的修改導致百度無法繼續(xù)準確識別頁面類型了呢?
這部分是在網(wǎng)站的模板里添加的。自適應的網(wǎng)站肯定已經有了判斷用戶設備是 PC還是 Mobile的邏輯。利用這個邏輯,在整站的 部分添加一行代碼即可:
如果用戶是PC設備(注意需要包括Baiduspider PC UA),則添加
如果用戶是移動設備(包括Baiduspider Mobile UA),則添加
注:關于BAIDUSPIDER,移動和PC其實都是Baiduspider,并沒有區(qū)分,只是UA進行了區(qū)分。新移動UA請見百度官方文檔。
以上是成都網(wǎng)站建設創(chuàng)新互聯(lián)為大家總結的一點經驗,希望對大家在移動端網(wǎng)站制作的思路上有所幫助,如需獲得咨詢及方案,歡迎聯(lián)系咨詢我們獲取。

新聞名稱:移動端網(wǎng)站開發(fā)如何做代碼適配?
分享路徑:http://chinadenli.net/news/216374.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供靜態(tài)網(wǎng)站網(wǎng)站營銷、軟件開發(fā)域名注冊、動態(tài)網(wǎng)站品牌網(wǎng)站設計

廣告

聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

h5響應式網(wǎng)站建設