在百度公開的三種移動(dòng)化技術(shù)選型中，代碼適配可在網(wǎng)上尋找到的內(nèi)容并不多，那么具體代碼適配站點(diǎn)在開發(fā)時(shí)要注意哪些內(nèi)容呢？

文/TripAdvisor貓途鷹SEO負(fù)責(zé)人張洺乾

百度的移動(dòng)適配目前分為三種情況：跳轉(zhuǎn)適配，代碼適配和自適應(yīng)。跳轉(zhuǎn)適配目前百度的站長(zhǎng)平臺(tái)里有完整的適配工具，可以在平臺(tái)里提交適配規(guī)則即可。但是代碼適配則需要我們?cè)诰W(wǎng)站里做一些配置，才能讓百度準(zhǔn)確識(shí)別我們的網(wǎng)頁適配關(guān)系。下面就詳細(xì)介紹下我們做代碼適配的過程。

流量潛力

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

開發(fā)

代碼適配的開發(fā)，百度官方也有詳細(xì)的說明（詳情見關(guān)于代碼適配部分內(nèi)容），可分為兩部分：VaryHTTP標(biāo)頭和Metaapplicable-device標(biāo)簽。

【VaryHTTP標(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-s200"Vary:""Accept-Encoding,User-Agent"

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

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

【Metaapplicable-device標(biāo)簽】

Varyheader加上之后，為了讓百度更好地識(shí)別我們的頁面是PC還是Mobile，就需要使用百度自定義的這個(gè)Metaapplicable-device標(biāo)簽了。注意以下來自百度的消息:Metaapplicable-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è)備(注意需要包括BaiduspiderPCUA)，則添加

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

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

驗(yàn)收上線

開發(fā)完成后，需要先在測(cè)試機(jī)上驗(yàn)收。可以用Google瀏覽器來模擬Baiduspider來檢查是否添加正確,如圖所示,是檢查BaiduspiderMobileUA的效果的

在測(cè)試機(jī)上驗(yàn)收完成后就可以上線了。上線后，盡量再用站長(zhǎng)平臺(tái)的抓取診斷工具測(cè)試幾個(gè)頁面，以免到線上后出現(xiàn)與測(cè)試機(jī)不一致的情況。比如下面是抓取PC頁面來檢查的線上結(jié)果。

跟蹤

上線后就可以持續(xù)跟蹤百度移動(dòng)的SEO流量數(shù)據(jù)了。要追蹤的主要是網(wǎng)站自己的統(tǒng)計(jì)工具統(tǒng)計(jì)的流量數(shù)據(jù)和百度站長(zhǎng)平臺(tái)的移動(dòng)端轉(zhuǎn)碼頁流量數(shù)據(jù)。上線后一到兩周，移動(dòng)端的流量應(yīng)該就會(huì)有明顯的增長(zhǎng)，而百度轉(zhuǎn)碼頁的流量則會(huì)下降。這個(gè)此消彼長(zhǎng)的過程會(huì)持續(xù)一段時(shí)間。直到轉(zhuǎn)碼頁的流量基本為0，都轉(zhuǎn)為移動(dòng)頁的流量。

關(guān)于代碼適配

為了使百度能夠知道當(dāng)您的頁面發(fā)生變化時(shí)，同時(shí)需要用其他的ua重新抓取一遍，請(qǐng)您添加VaryHTTP標(biāo)頭。VaryHTTP標(biāo)頭具有以下兩個(gè)非常重要且實(shí)用的作用：

a)它會(huì)向ISP和其他位置使用的緩存服務(wù)器表明：在決定是否通過緩存來提供網(wǎng)頁時(shí)它們應(yīng)考慮用戶代理。如果您沒有使用VaryHTTP標(biāo)頭，緩存可能會(huì)錯(cuò)誤地向移動(dòng)設(shè)備用戶提供pc版HTML網(wǎng)頁的緩存（反之亦然）。

b)它有助于百度spdier更快速地發(fā)現(xiàn)針對(duì)移動(dòng)設(shè)備進(jìn)行優(yōu)化的內(nèi)容，這是因?yàn)槲覀冊(cè)谧ト♂槍?duì)移動(dòng)內(nèi)容進(jìn)行過優(yōu)化的網(wǎng)址時(shí)，會(huì)將有效的VaryHTTP標(biāo)頭作為抓取信號(hào)之一，我們會(huì)提高用其他ua抓取此網(wǎng)頁的優(yōu)先級(jí)。