江蘇移動(dòng)端網(wǎng)站開發(fā)如何做代碼適配？

網(wǎng)站建設(shè) 2023-08-31 次

如果不做移動(dòng)適配的話，可能我們本來有的移動(dòng)網(wǎng)頁和移動(dòng)端排名因百度無法確認(rèn)是移動(dòng)頁面，因此這部分流量都給指向了百度的轉(zhuǎn)碼頁?？梢钥醋约壕W(wǎng)站在站長工具里面，移動(dòng)端有多少流量是指向了轉(zhuǎn)碼頁。這部分流量在做完適配后，即可指向我們的移動(dòng)頁面，避免了自己的流量被百度截流。

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

代碼適配的開發(fā)，百度官方也有詳細(xì)的說明，可分為兩部分： Vary HTTP標(biāo)頭和 Meta applicable-device 標(biāo)簽。

一、Vary HTTP 標(biāo)頭

其作用在百度的文檔里解釋得很清楚：

1、它會(huì)向百度傳遞一個(gè)信號(hào)，表示說這是個(gè)代碼適配的站點(diǎn)，百度就會(huì)盡快把網(wǎng)站抓取一遍進(jìn)行適配；

2、它可以防止用戶接收到錯(cuò)誤的網(wǎng)頁緩存。這部分是在網(wǎng)站的服務(wù)器上進(jìn)行的，有可能是Nginx,Apache, IIS 等，需要在服務(wù)器的配置里，設(shè)置Varyheader 為Vary:Accept-Encoding, User-Agent

比如Nginx 下，可以在配置文件中加上：more_set_headers-s 200 "Vary: " "Accept-Encoding, User-Agent"

注意：打開這個(gè)設(shè)置需要nginx同時(shí)安裝有ngx_headers_more模塊

在Apache下，可以在配置文件里寫上：Headerappend Vary User-Agent

二、Meta applicable-device 標(biāo)簽

Vary header 加上之后，為了讓百度更好地識(shí)別我們的頁面是 PC 還是 Mobile，就需要使用百度自定義的這個(gè) Meta applicable-device 標(biāo)簽了。注意以下來自百度的消息: Meta applicable-device 標(biāo)簽，并非是站點(diǎn)必須標(biāo)注的，現(xiàn)在很多站點(diǎn)沒有標(biāo)記這個(gè)標(biāo)簽情況也很好。但這個(gè)標(biāo)簽可以幫助百度校驗(yàn)自己的判斷，并及時(shí)進(jìn)行修正。做這個(gè)事情又不麻煩，所以我們建議代碼適配站點(diǎn)為了保證效果，還是加這個(gè)標(biāo)簽。

因此可能有些網(wǎng)站之前的移動(dòng)流量已經(jīng)很好了, 不會(huì)出現(xiàn)被百度轉(zhuǎn)碼的情況. 這說明百度已經(jīng)能很好地識(shí)別你的移動(dòng)頁面了. 但是依然建議加上這個(gè)標(biāo)簽, 一來加這個(gè)標(biāo)簽很容易, 二來可以確保百度能更準(zhǔn)確地識(shí)別頁面類型. 如果沒有加這個(gè)標(biāo)簽的話, 萬一突然技術(shù)做改版, 一些代碼的修改導(dǎo)致百度無法繼續(xù)準(zhǔn)確識(shí)別頁面類型了呢?

這部分是在網(wǎng)站的模板里添加的。自適應(yīng)的網(wǎng)站肯定已經(jīng)有了判斷用戶設(shè)備是 PC還是 Mobile的邏輯。利用這個(gè)邏輯，在整站的部分添加一行代碼即可：

如果用戶是PC設(shè)備(注意需要包括Baiduspider PC UA)，則添加

如果用戶是移動(dòng)設(shè)備(包括Baiduspider Mobile UA)，則添加

注：關(guān)于BAIDUSPIDER，移動(dòng)和PC其實(shí)都是Baiduspider，并沒有區(qū)分，只是UA進(jìn)行了區(qū)分。新移動(dòng)UA請見百度官方文檔。

以上是深圳網(wǎng)站建設(shè)無雙為大家總結(jié)的一點(diǎn)經(jīng)驗(yàn)，希望對大家在移動(dòng)端網(wǎng)站制作的思路上有所幫助，如需獲得咨詢及方案，歡迎聯(lián)系咨詢我們獲取。

相關(guān)文章推薦：《手機(jī)網(wǎng)站建設(shè)中百度移動(dòng)適配操做使用方法》http://www.szweb.cn/SeoNews/6645.html

【版權(quán)聲明】:本站內(nèi)容來自于與互聯(lián)網(wǎng)(注明原創(chuàng)稿件除外),供訪客免費(fèi)學(xué)習(xí)需要。如文章或圖像侵犯到您的權(quán)益，請及時(shí)告知，我們第一時(shí)間刪除處理！謝謝！

上一篇:江蘇移動(dòng)端網(wǎng)站建設(shè)及關(guān)鍵詞推廣的幾點(diǎn)思路

返回列表網(wǎng)站建設(shè)