移動端網(wǎng)站開發(fā)如何做代碼適配？
2022-07-14 分類： 網(wǎng)站建設(shè)
如果不做移動適配的話，可能我們本來有的移動網(wǎng)頁和移動端排名因百度無法確認是移動頁面，因此這部分流量都給指向了百度的轉(zhuǎn)碼頁。可以看自己網(wǎng)站在站長工具里面，移動端有多少流量是指向了轉(zhuǎn)碼頁。這部分流量在做完適配后，即可指向我們的移動頁面，避免了自己的流量被百度截流。
上次介紹了百度跳轉(zhuǎn)適配的相關(guān)問題，今天為大家介紹一下移動端網(wǎng)站如何做代碼適配。那么具體代碼適配站點在開發(fā)時要注意哪些內(nèi)容呢？
代碼適配的開發(fā)，百度官方也有詳細的說明，可分為兩部分： Vary HTTp標頭 和 Meta applicable-device 標簽。
一、Vary HTTp 標頭
其作用在百度的文檔里解釋得很清楚：
1、它會向百度傳遞一個信號，表示說這是個代碼適配的站點，百度就會盡快把網(wǎng)站抓取一遍進行適配；
2、它可以防止用戶接收到錯誤的網(wǎng)頁緩存。這部分是在網(wǎng)站的服務器上進行的，有可能是Nginx,Apache, IIS 等，需要在服務器的配置里，設(shè)置Varyheader 為Vary:Accept-Encoding, User-Agent
比如Nginx 下，可以在配置文件中加上：more_set_headers-s 200 "Vary: " "Accept-Encoding, User-Agent"
注意：打開這個設(shè)置需要nginx同時安裝有ngx_headers_more模塊
在Apache下，可以在配置文件里寫上：Headerappend Vary User-Agent
二、Meta applicable-device 標簽
Vary header 加上之后，為了讓百度更好地識別我們的頁面是 pC 還是 Mobile，就需要使用百度自定義的這個 Meta applicable-device 標簽了。注意以下來自百度的消息: Meta applicable-device 標簽，并非是站點必須標注的，現(xiàn)在很多站點沒有標記這個標簽情況也很好。但這個標簽可以幫助百度校驗自己的判斷，并及時進行修正。做這個事情又不麻煩，所以我們建議代碼適配站點為了保證效果，還是加這個標簽。
因此可能有些網(wǎng)站之前的移動流量已經(jīng)很好了, 不會出現(xiàn)被百度轉(zhuǎn)碼的情況. 這說明百度已經(jīng)能很好地識別你的移動頁面了. 但是依然建議加上這個標簽, 一來加這個標簽很容易, 二來可以確保百度能更準確地識別頁面類型. 如果沒有加這個標簽的話, 萬一突然技術(shù)做改版, 一些代碼的修改導致百度無法繼續(xù)準確識別頁面類型了呢?
這部分是在網(wǎng)站的模板里添加的。自適應的網(wǎng)站肯定已經(jīng)有了判斷用戶設(shè)備是 pC還是 Mobile的邏輯。利用這個邏輯，在整站的<head></head> 部分添加一行代碼即可：
如果用戶是pC設(shè)備(注意需要包括Baiduspider pC UA)，則添加<metaname="applicable-device" content="pc">
如果用戶是移動設(shè)備(包括Baiduspider Mobile UA)，則添加<metaname="applicable-device" content="mobile">
注：關(guān)于BAIDUSpIDER，移動和pC其實都是Baiduspider，并沒有區(qū)分，只是UA進行了區(qū)分。新移動UA請見百度官方文檔。
以上是網(wǎng)站建設(shè)創(chuàng)新互聯(lián)為大家總結(jié)的一點經(jīng)驗，希望對大家在移動端網(wǎng)站制作的思路上有所幫助，如需獲得咨詢及方案，歡迎聯(lián)系咨詢我們獲取。
當前名稱：移動端網(wǎng)站開發(fā)如何做代碼適配？
地址分享：http://www.rwnh.cn/news48/177948.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、網(wǎng)站維護、面包屑導航、ChatGPT、網(wǎng)頁設(shè)計公司、網(wǎng)站收錄
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- php空間在哪里購買比較好 2022-07-14
- 成都創(chuàng)新互聯(lián)科技：網(wǎng)絡(luò)推廣形式是怎樣的 2022-07-14
- 簡談論壇如何讓做好推廣 2022-07-14
- 優(yōu)秀的成都網(wǎng)站建設(shè)對成都網(wǎng)站營銷來說非常重要 2022-07-14
- SEO網(wǎng)站優(yōu)化影響抓取的幾個重要原因 2022-07-14
- 服務器挑選時要考慮的因素 2022-07-14
- 武漢網(wǎng)站建設(shè)的必要性！竟然這么齊全到位！ 2022-07-14
- 驚人的 CSS3 動畫示例 2022-07-14
- 武漢網(wǎng)站建設(shè)不收錄原因及解決方法 2022-07-14
- 如何縮短電商類成都定制app周期？ 2022-07-14
- [關(guān)鍵詞排名優(yōu)化]影響站點權(quán)重的因素有哪些 2022-07-14
- 浙江創(chuàng)新互聯(lián)：網(wǎng)站的主色調(diào) 2022-07-14
- 成都小程序開發(fā)各方式需要的費用分別是多少？ 2022-07-14
- 教你如何讓人不反感的打廣告！ 2022-07-14
- 成都網(wǎng)站制作公司哪家好？建一個網(wǎng)站需要花多少錢？ 2022-07-14
- 如果你的網(wǎng)站還是這樣，看完這篇文章希望你能改掉 2022-07-14
- 網(wǎng)站建設(shè)留不住客戶的原因 2022-07-14
- 新網(wǎng)站針對SEO必須要做的那些事兒 2022-07-14
- 教你如何寫一篇公眾號里愿意被分享的文章 2022-07-13