移動端網站(zhàn)開(kāi)發如(rú)何做(zuò)代碼适配？_網站(zhàn)優化(huà)_資訊

移動端網站(zhàn)開(kāi)發如(rú)何做( zuò)代碼适配？

分(fēn)享

返回列表

熱(rè)門(mén)标簽

三好(hǎo)網絡

如(rú)果不(bù)做(zuò)移動适配的(de)話↕γ(huà)，可(kě)能(néng)我們本來(l‌↕ái)有(yǒu)的(de)移動網頁和(hé)移動端排名因百度無法确認‌♥γ是(shì)移動頁面，因此這(zhè)部≠←↔↓分(fēn)流量都(dōu)給指向了(le)百度的(de)δ∑®→轉碼頁。可(kě)以看(kàn)自(zì)己網'₹δ站(zhàn)在站(zhàn)長(cháng)工(gōng)具裡(lλ≈± ǐ)面，移動端有(yǒu)多(duō)少(shǎo)流量是(s ∑hì)指向了(le)轉碼頁。這(zhè)部分(fπ₩‌ēn)流量在做(zuò)完适配後，即可(kě)指™✔≈π向我們的(de)移動頁面，避免了(le)自(zì)己的(de)流量被百度$δ↑∏截流。

上(shàng)次介紹了(le)百度跳(ti∑ ào)轉适配的(de)相(xiàng)關問(wèn)↑∞題，今天為(wèi)大(dà)家(jiā)介紹∏α一(yī)下(xià)移動端網站(zhàn)如(rú)何做(zuò)代碼适配₽© 。那(nà)麽具體(tǐ)代碼适配站(zhàn)點在開(kāi)•π₩₽發時(shí)要(yào)注意哪些(xiē)內(nèi✘♠)容呢(ne)？

網站(zhàn)制(zhì)作(zuò)

代碼适配的(de)開(kāi)發，百度官方也(yě)有(yǒu)詳細的(deδπ↔)說(shuō)明(míng)，可(kě)分(fēn)為(wèi)兩部分(fē•♦<'n)： Vary HTTP标頭和(hé) Meta applicabδ<≤∞le-device 标簽。

一(yī)、Vary HTTP 标頭

其作(zuò)用(yòng)在百度的(de)文(wβ©¶én)檔裡(lǐ)解釋得(de)很(hěn)清楚：

1、它會(huì)向百度傳遞一(yī)個(gè)信号，表β↓•&示說(shuō)這(zhè)是(shì)個(gè)代碼适α←配的(de)站(zhàn)點，百度就(jiù)會(huì)盡快(kuλ>★ài)把網站(zhàn)抓取一(yī)遍進行(xíng)适配；®

2、它可(kě)以防止用(yòng)戶接收到(dào)錯(c₩>uò)誤的(de)網頁緩存。這(zhè)部分(fēn)φ>‌↔是(shì)在網站(zhàn)的(de)服務器(qì)上(s₹←hàng)進行(xíng)的(de)，有(y ǒu)可(kě)能(néng)是(shì)Nginx,Apa<↑α"che, IIS 等，需要(yào)在服務器(<εqì)的(de)配置裡(lǐ)，設置Varyβ§→★header 為(wèi)Vary:Accept-Encodin&β¥g, User-Agent

比如(rú)Nginx 下(xià)，可(kě)以在™₩•₹配置文(wén)件(jiàn)中加上(shàng)：↓λ↕$more_set_headers-s 200 "Vary: " "A¶✘ccept-Encoding, User-Agent"

注意：打開(kāi)這(zhè)個(gè)設置需要(>✔'☆yào)nginx同時(shí)安裝有(yǒu)ngx_head₹←≠♥ers_more模塊

在Apache下(xià)，可(kě)以在配置文(★ε≠wén)件(jiàn)裡(lǐ)寫上(sh‌✘εàng)：Headerappend Vary User-Agent

網站(zhàn)制(zhì)作(zuò)

二、Meta applicable-devi€♥ce 标簽

Vary header 加上(shàng)之後，為(wèγγi)了(le)讓百度更好(hǎo)地(dì)識别我們的(de)頁面是(shì)σ‌✘ PC 還(hái)是(shì) Mobile，就≈×(jiù)需要(yào)使用(yòng)百度自(zì)定義的(de)這Ω★♦≥(zhè)個(gè) Meta applica♣π©ble-device 标簽了(le)。注意以下(xià×™)來(lái)自(zì)百度的(de)消息♠←↓∞: Meta applicable-device 标簽，并非是(shì)站(zγ hàn)點必須标注的(de)，現(xiàn)在很(hěn)多(du↔←✔ō)站(zhàn)點沒有(yǒu)标記這(zhè♦φ)個(gè)标簽情況也(yě)很(hěn)™ ™π好(hǎo)。但(dàn)這(zhè)個(gè)标簽可(kě)以幫助百≠≤度校(xiào)驗自(zì)己的(de)判斷，并及時(shí)進行λ α(xíng)修正。做(zuò)這(zhè)個(g$±è)事(shì)情又(yòu)不(bù)麻煩，所以我們建議(yì)代碼适配φ≤™↔站(zhàn)點為(wèi)了(le)保證效果，還(≤π'∏hái)是(shì)加這(zhè)個(g££§è)标簽。

因此可(kě)能(néng)有(yǒu)些(xiē)網站(λΩ∞÷zhàn)之前的(de)移動流量已經很(hěn)好(hǎo)了(le★✘), 不(bù)會(huì)出現(xiàn)被百度轉碼£β★→的(de)情況. 這(zhè)說(shuō) ÷♦∑明(míng)百度已經能(néng)很(hěn)好(hǎo)地(dì)識‍ ₩☆别你(nǐ)的(de)移動頁面了(le). 但(dàn)是(sh₽φ∑‍ì)依然建議(yì)加上(shàng)這(zhè)個(gè)标簽,↑&€ 一(yī)來(lái)加這(zhè)個(gè)标簽很>δ×∑(hěn)容易, 二來(lái)可(kě)以确保百度能(né£↕₽ng)更準确地(dì)識别頁面類型. 如(rú)™↔♣果沒有(yǒu)加這(zhè)個(gè)标簽的(de)話(huà), 萬一(♠∏yī)突然技(jì)術(shù)做(zuò)改版, 一σ÷(yī)些(xiē)代碼的(de)修改導緻百度無法繼續準确識别頁面類型了(l≥₽'e)呢(ne)?

這(zhè)部分(fēn)是(shì)在網站(zhàn)™→✔α的(de)模闆裡(lǐ)添加的(de)。自(zì)适應的(de)網站(zhà£βδn)肯定已經有(yǒu)了(le)判斷用 α(yòng)戶設備是(shì) PC還(✘€γ≈hái)是(shì) Mobile的(de)邏輯。利用(yòng)♥‌♠這(zhè)個(gè)邏輯，在整站(zhàn)的(de) 部分(fēn)添加一(yī)行(xíng)代碼即可(kě)：

如(rú)果用(yòng)戶是(shì)PC設備(注意需要(yào)包括Bai§£duspider PC UA)，則添加

如(rú)果用(yòng)戶是(shì)移動設備(®π包括Baiduspider Mobile UA)，則添加

注：關于BAIDUSPIDER，移動和(↓↔hé)PC其實都(dōu)是(shì)Baiduspider，并沒有(yǒ<∑u)區(qū)分(fēn)，隻是(shì)UA進σ≤δ行(xíng)了(le)區(qū)分(fēn)。新移‌α↑∑動UA請(qǐng)見(jiàn)百度官方文(wén)檔。

以上(shàng)是(shì)網站(zhàn)建設三好₹ ∏₹(hǎo)網絡為(wèi)大(dà)家(jiā)總結的(de)一(yδ∏ ÷ī)點經驗，希望對(duì)大(dà)家(jiā)在移動端網站(zhàn)制↑φ(zhì)作(zuò)的(de)思路(l₹‍₹ù)上(shàng)有(yǒu)所幫助，如(rú)需≥ ↑獲得(de)咨詢及方案，歡迎聯系咨詢我們獲取。

相(xiàng)關文(wén)章(zhā™₽¶ng)推薦：《手機(jī)網站(zhàn)建設中百度移動适®×配操做(zuò)使用(yòng)方法》http://www.szweb.cn/SeoN←≤ews/6645.html

TAG：

上(shàng)一(yī)篇：2018快(kuài)速提升網站(zhàn)排名和(hé)收錄↔"‌的(de)方法下(xià)一(yī)篇：移動端網站(zhàn)開(kāi)發如(rú)何做"±Ω(zuò)代碼适配？

一(yī)體(tǐ)化(huà)解決方案

移動端網站(zhàn)開(kāi)發如(rú)何做( zuò)代碼适配？