移動(dòng)端網(wǎng)站開發(fā)如何做代碼適配？
2022-11-24 分類： 網(wǎng)站建設(shè)
上次介紹了百度跳轉(zhuǎn)適配的相關(guān)問題，今天為大家介紹一下移動(dòng)端網(wǎng)站如何做代碼適配。那么具體代碼適配站點(diǎn)在開發(fā)時(shí)要注意哪些內(nèi)容呢？
一、Vary HTTP 標(biāo)頭
其作用在百度的文檔里解釋得很清楚：
1、它會(huì)向百度傳遞一個(gè)信號(hào)，表示說這是個(gè)代碼適配的站點(diǎn)，百度就會(huì)盡快把網(wǎng)站抓取一遍進(jìn)行適配；
2、它可以防止用戶接收到錯(cuò)誤的網(wǎng)頁(yè)緩存。這部分是在網(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
Vary header 加上之后，為了讓百度更好地識(shí)別我們的頁(yè)面是 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)頁(yè)面了. 但是依然建議加上這個(gè)標(biāo)簽, 一來加這個(gè)標(biāo)簽很容易, 二來可以確保百度能更準(zhǔn)確地識(shí)別頁(yè)面類型. 如果沒有加這個(gè)標(biāo)簽的話, 萬(wàn)一突然技術(shù)做改版, 一些代碼的修改導(dǎo)致百度無(wú)法繼續(xù)準(zhǔn)確識(shí)別頁(yè)面類型了呢?
這部分是在網(wǎng)站的模板里添加的。自適應(yīng)的網(wǎng)站肯定已經(jīng)有了判斷用戶設(shè)備是 PC還是 Mobile的邏輯。利用這個(gè)邏輯，在整站的<head></head> 部分添加一行代碼即可：
如果用戶是PC設(shè)備(注意需要包括Baiduspider PC UA)，則添加<metaname="applicable-device" content="pc">
如果用戶是移動(dòng)設(shè)備(包括Baiduspider Mobile UA)，則添加<metaname="applicable-device" content="mobile">
注：關(guān)于BAIDUSPIDER，移動(dòng)和PC其實(shí)都是Baiduspider，并沒有區(qū)分，只是UA進(jìn)行了區(qū)分。新移動(dòng)UA請(qǐng)見百度官方文檔。
以上是成都網(wǎng)站建設(shè)創(chuàng)新互聯(lián)為大家總結(jié)的一點(diǎn)經(jīng)驗(yàn)，希望對(duì)大家在移動(dòng)端網(wǎng)站制作的思路上有所幫助，如需獲得咨詢及方案，歡迎聯(lián)系咨詢我們獲取。
網(wǎng)頁(yè)題目：移動(dòng)端網(wǎng)站開發(fā)如何做代碼適配？
標(biāo)題來源：http://aaarwkj.com/news24/216374.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、網(wǎng)站制作、定制開發(fā)、小程序開發(fā)、面包屑導(dǎo)航、網(wǎng)頁(yè)設(shè)計(jì)公司
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 網(wǎng)站優(yōu)化之關(guān)鍵詞的部屬技巧 2022-11-24
- 外貿(mào)網(wǎng)站建設(shè)的四大技巧的淺析 2022-11-24
- 哪些情況會(huì)影響企業(yè)網(wǎng)站的優(yōu)化效果 2022-11-24
- 一個(gè)已經(jīng)做好的新網(wǎng)站該如何優(yōu)化！ 2022-11-24
- 常見網(wǎng)站設(shè)計(jì)布局分享 2022-11-24
- 傳統(tǒng)電腦網(wǎng)站和手機(jī)網(wǎng)站的不同 2022-11-24
- 怎么用微信發(fā)廣告,用微信發(fā)廣告怎么能不被屏蔽 2022-11-24
- 網(wǎng)絡(luò)營(yíng)銷有哪些營(yíng)銷規(guī)律 2022-11-24
- 網(wǎng)絡(luò)營(yíng)銷的多種基本方法 2022-11-24
- 外貿(mào)網(wǎng)建設(shè)三大要點(diǎn) 2022-11-24
- 走進(jìn)SEO搜索引擎 2022-11-24
- 中小型企業(yè)走網(wǎng)絡(luò)營(yíng)銷更需要精準(zhǔn) 2022-11-24
- 佛山網(wǎng)站制作中關(guān)于備案和不備案的區(qū)別問題大全 2022-11-24
- 網(wǎng)站建設(shè)氣質(zhì)決定了網(wǎng)站轉(zhuǎn)化率 2022-11-24
- 沒有網(wǎng)站的企業(yè)，它會(huì)損失些什么？ 2022-11-24
- 如何根據(jù)搜索引擎工作原理來進(jìn)行網(wǎng)站優(yōu)化 2022-11-24
- 網(wǎng)站SEO優(yōu)化對(duì)網(wǎng)站有什么好處! 2022-11-24
- 企業(yè)新媒體運(yùn)營(yíng) 2022-11-24
- 迅速提升網(wǎng)站著陸頁(yè)的轉(zhuǎn)化率 2022-11-24