案例分享：代碼適配移動站點怎樣對百度友好？
2019-03-26 來源：站長學(xué)院
在百度公開的三種移動化技術(shù)選型中，代碼適配可在網(wǎng)上尋找到的內(nèi)容并不多，那么具體代碼適配站點在開發(fā)時要注意哪些內(nèi)容呢？
文/TripAdvisor 貓途鷹SEO負(fù)責(zé)人張洺乾
百度的移動適配目前分為三種情況：跳轉(zhuǎn)適配，代碼適配和自適應(yīng)。跳轉(zhuǎn)適配目前百度的站長平臺里有完整的適配工具，可以在平臺里提交適配規(guī)則即可。但是代碼適配則需要我們在網(wǎng)站里做一些配置，才能讓百度準(zhǔn)確識別我們的網(wǎng)頁適配關(guān)系。下面就詳細(xì)介紹下我們做代碼適配的過程。
流量潛力
如果不做移動適配的話，可能我們本來有的移動網(wǎng)頁和移動端排名因百度無法確認(rèn)是移動頁面，因此這部分流量都給指向了百度的轉(zhuǎn)碼頁�？梢钥醋约壕W(wǎng)站在站長工具里面，移動端有多少流量是指向了轉(zhuǎn)碼頁。這部分流量在做完適配后，即可指向我們的移動頁面，避免了自己的流量被百度截流。
開發(fā)
代碼適配的開發(fā)，百度官方也有詳細(xì)的說明（詳情見關(guān)于代碼適配部分內(nèi)容），可分為兩部分： Vary HTTP標(biāo)頭 和 Meta applicable-device 標(biāo)簽。
【Vary HTTP 標(biāo)頭】
其作用在百度的文檔里解釋得很清楚：
1、它會向百度傳遞一個信號，表示說這是個代碼適配的站點，百度就會盡快把網(wǎng)站抓取一遍進(jìn)行適配；
2、它可以防止用戶接收到錯誤的網(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"
注意：打開這個設(shè)置需要nginx同時安裝有ngx_headers_more模塊
在Apache下，可以在配置文件里寫上：Headerappend Vary User-Agent
【Meta applicable-device 標(biāo)簽】
Vary header 加上之后，為了讓百度更好地識別我們的頁面是 PC 還是 Mobile，就需要使用百度自定義的這個 Meta applicable-device 標(biāo)簽了。注意以下來自百度的消息: Meta applicable-device 標(biāo)簽，并非是站點必須標(biāo)注的，現(xiàn)在很多站點沒有標(biāo)記這個標(biāo)簽情況也很好。但這個標(biāo)簽可以幫助百度校驗自己的判斷，并及時進(jìn)行修正。做這個事情又不麻煩，所以我們建議代碼適配站點為了保證效果，還是加這個標(biāo)簽。
因此可能有些網(wǎng)站之前的移動流量已經(jīng)很好了, 不會出現(xiàn)被百度轉(zhuǎn)碼的情況. 這說明百度已經(jīng)能很好地識別你的移動頁面了. 但是依然建議加上這個標(biāo)簽, 一來加這個標(biāo)簽很容易, 二來可以確保百度能更準(zhǔn)確地識別頁面類型. 如果沒有加這個標(biāo)簽的話, 萬一突然技術(shù)做改版, 一些代碼的修改導(dǎo)致百度無法繼續(xù)準(zhǔn)確識別頁面類型了呢?
這部分是在網(wǎng)站的模板里添加的。自適應(yī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進(jìn)行了區(qū)分。最新移動UA請見百度官方文檔。
驗收上線
開發(fā)完成后，需要先在測試機(jī)上驗收�？梢杂� Google 瀏覽器來模擬 Baiduspider 來檢查是否添加正確, 如圖所示, 是檢查 Baiduspider Mobile UA 的效果的
在測試機(jī)上驗收完成后就可以上線了。上線后，盡量再用站長平臺的抓取診斷工具測試幾個頁面，以免到線上后出現(xiàn)與測試機(jī)不一致的情況。比如下面是抓取 PC 頁面來檢查的線上結(jié)果。
跟蹤
上線后就可以持續(xù)跟蹤百度移動的SEO流量數(shù)據(jù)了。要追蹤的主要是網(wǎng)站自己的統(tǒng)計工具統(tǒng)計的流量數(shù)據(jù)和百度站長平臺的移動端轉(zhuǎn)碼頁流量數(shù)據(jù)。上線后一到兩周，移動端的流量應(yīng)該就會有明顯的增長，而百度轉(zhuǎn)碼頁的流量則會下降。這個此消彼長的過程會持續(xù)一段時間。直到轉(zhuǎn)碼頁的流量基本為0，都轉(zhuǎn)為移動頁的流量。
關(guān)于代碼適配
為了使百度能夠知道當(dāng)您的頁面發(fā)生變化時，同時需要用其他的ua重新抓取一遍，請您添加Vary HTTP標(biāo)頭。Vary HTTP 標(biāo)頭具有以下兩個非常重要且實用的作用：
a)它會向 ISP 和其他位置使用的緩存服務(wù)器表明：在決定是否通過緩存來提供網(wǎng)頁時它們應(yīng)考慮用戶代理。如果您沒有使用 Vary HTTP 標(biāo)頭，緩存可能會錯誤地向移動設(shè)備用戶提供pc版 HTML 網(wǎng)頁的緩存（反之亦然）。
b)它有助于 百度spdier 更快速地發(fā)現(xiàn)針對移動設(shè)備進(jìn)行優(yōu)化的內(nèi)容，這是因為我們在抓取針對移動內(nèi)容進(jìn)行過優(yōu)化的網(wǎng)址時，會將有效的 Vary HTTP 標(biāo)頭作為抓取信號之一，我們會提高用其他ua抓取此網(wǎng)頁的優(yōu)先級。
示例：
并且在pc的響應(yīng)的head中添加
- <meta name="applicable-device" content="pc">
在移動的響應(yīng)的包頭中添加
- <meta name="applicable-device" content="mobile">
延伸閱讀：
- 移動站點之殤：如何移動化、如何優(yōu)化？
標(biāo)簽： 代碼適配 移動站點優(yōu)化 網(wǎng)站優(yōu)化
版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。
