當前位置: 首頁 » 新聞資訊 » 企業建站 » 建站資訊 » 正文

移動適配之代碼適配配置詳細教程

放大字體  縮小字體 發布日期:2016-08-28  瀏覽次數:690
核心提示:  本篇文章迷路的小爬蟲主要圍繞代碼適配從相關官方使用文檔中整理了一份利于站長開發使用的詳細教程,希望能夠對站長朋友們的
  本篇文章“迷路的小爬蟲”主要圍繞“代碼適配”從相關官方使用文檔中整理了一份利于站長開發使用的詳細教程,希望能夠對站長朋友們的移動化之路有所幫助。
 

 
  一、代碼適配方法簡介
 
  該方法使用相同的網址(不考慮用戶所使用的設備),但會根據服務器對用戶所用瀏覽器的了解(ua),針對不同設備類型生成不同版本的HTML。
 
  二、為什么要做代碼適配
 
  這主要是看重移動端的流量潛力,如果不做移動適配的話,可能我們本來有的移動網頁和移動端排名因百度無法確認是移動頁面,因此這部分流量都給指向了百度的轉碼頁。可以看自己網站在站長工具里面,移動端有多少流量是指向了轉碼頁。這部分流量在做完適配后,即可指向我們的移動頁面,避免了自己的流量被百度截流。
 
  三、代碼適配配置方法
 
  主要分為三部分:Vary HTTP標頭、meta applicable-device標簽和sitemapXML輔助推送。
 
  1、添加Vary HTTP表頭配置
 
  Vary HTTP 標頭的作用在百度的文檔里解釋得很清楚:
 
  1)它會向百度傳遞一個信號,表示說這是個代碼適配的站點,百度就會盡快把網站抓取一遍進行適配;
 
  2) 它可以防止用戶接收到錯誤的網頁緩存。這部分是在網站的服務器上進行的,有可能是Nginx、Apache或者IIS 等, 需要在服務器的配置里,設置 Varyheader 為 Vary:Accept-Encoding, User-Agent。
 
  具體配置如下:
 
  Nginx:在配置文件中加上:more_set_headers-s 200 "Vary: " "Accept-Encoding, User-Agent"(注意:打開這個設置需要nginx同時安裝有ngx_headers_more模塊)
 
  Apache:在配置文件里寫上:Headerappend Vary User-Agent
 
  2、meta applicable-device 標簽
 
  Vary header 加上之后,為了讓百度更好地識別我們的頁面是 PC 還是 Mobile,就需要使用百度自定義的這個 meta applicable-device 標簽了。注意以下來自百度的消息:meta applicable-device 標簽,并非是站點必須標注的,現在很多站點沒有標記這個標簽情況也很好。但這個標簽可以幫助百度校驗自己的判斷,并及時進行修正。做這個事情又不麻煩,所以我們建議代碼適配站點為了保證效果,還是加這個標簽。
 
  這部分是在網站的模板里添加的。自適應的網站肯定已經有了判斷用戶設備是 PC 還是 Mobile 的邏輯。利用這個邏輯,在整站的 部分添加一行代碼即可:
 
  1)如果用戶是PC設備(注意需要包括Baiduspider PC UA),則添加
 
  2)如果用戶是移動設備(包括 Baiduspider Mobile UA),則添加
 
  需要先在測試機上驗收。可以用 Google 瀏覽器來模擬 Baiduspider 來檢查是否添加正確, 如圖下圖所示:
 
  在測試機上驗收完成后就可以上線了。上線后,盡量再用站長平臺的抓取診斷工具測試幾個頁面,以免到線上后出現與測試機不一致的情況。比如下面是抓取 PC 頁面來檢查的線上結果。
 
  3、sitemapXML文件輔助推送
 
  在做了meta applicable-device配置之后,最好要改造一下sitemapXML文件,站長后臺實時推送,可以加快讓搜索引擎對你的pc站和移動站進行識別。
 
  示例如下圖:
 
  四、效果跟蹤
 
  上線后就可以持續跟蹤百度移動的SEO流量數據了。要追蹤的主要是網站自己的統計工具統計的流量數據和百度站長平臺的移動端轉碼頁流量數據。上線后一到兩周,移動端的流量應該就會有明顯的增長,而百度轉碼頁的流量則會下降。這個此消彼長的過程會持續一段時間。直到轉碼頁的流量基本為0,都轉為移動頁的流量。
 
  總結:代碼適配相比跳轉適配復雜程度要更高,這取決于網站的復雜程度和您需要創建的代碼庫數量。代碼適配所需的開發時間可能更長,且要求服務器端編程;在性能上更高。可以簡化為只包含為相應設備優化的內容,以實現最佳性能;維護需求上如果人工維護,將需要大量的資源。許多網站使用內容管理系統來避免這一問題,并自動在所有模板上發布內容。設備上要求單獨的文件和服務器端代碼可以提供依設備而定的體驗;同時支持擴展至新平臺(例如智能電視)。
 
 
[ 新聞資訊搜索 ]  [ 加入收藏 ]  [ 告訴好友 ]  [ 打印本文 ]  [ 違規舉報 ]  [ 關閉窗口 ]

 
0條 [查看全部]  相關評論

 
推薦圖文
推薦新聞資訊
點擊排行
 
广西11选5基本走势跨度走势图