湖南拾牛網絡科技有限公司
  • 咨詢熱線:400-8116-098
在線客服 在線QQ 微信咨詢 返回頂部
  • 聯系方式
  • 公司電話:0731-88938682
  • 公司地址: 湖南省長沙市桐梓坡西路麓谷國際工業園C棟8樓

[經驗總結] 拾牛網絡完美解決客戶固特邦網站由于百度轉碼導致的頁面錯位問題
  • 來源: 本站      作者:蔡員外      時間:2017-03-09
  •  
    一、百度轉碼的好處
    前幾年,手機還是諾基亞的天下,由于大部分PC網頁在中低端手機中無法瀏覽,所以百度移動搜索(m.baidu.com)對PC站點原有www頁面進行了轉碼(即transcoder,簡稱TC),以滿足手機用戶瀏覽互聯網的需求。這樣的操作,可以讓網頁能在中低端手機上瀏覽,并通過忽略掉很多不必要的代碼或文件,從而也達到節省了很多屌絲機流量的目的。

    百度認為這樣非常符合用戶體驗,即便出現這樣的提示:“原網頁已由百度轉碼以便在移動設備上查看”的字樣。

    當用戶在用百度搜索時,為了方便閱讀,或者是有的網頁不適合手機查看,百度幫你轉碼后,以你手機能夠顯示的方式呈現給你——前提是你要用百度搜索并從搜索結果里點擊進入。百度轉碼唯一的好處就是通過忽略原網頁上的沉冗代碼,讓用戶訪問沒有WAP版的網頁時,速度更快,流量更省。

    二、無恥的百度和無恥的百度轉碼

    1)從用戶體驗的角度,上述好處的考慮過于片面,其并沒有考慮也無法考慮到轉碼后的頁面,與原網頁表現的初衷。也就是說,百度轉碼可能會省去加載可能的CSS、JS的東西,原網頁上的字體、顏色,以及結構性的元素不能顯示那是自然,更重要的是有些功能都不能用了(比如申請、回復等)。


    2)更可恥的是,百度轉碼后,手機端瀏覽網頁內容錯位,有的還會出現亂碼. 在手機百度中輸入"加固材料",出現如下轉碼頁面

    正常的手機端頁面


    百度轉碼后的頁面


    3)從站長統計的角度,由于網站分析工具(包括百度統計、谷歌分析、CNZZ等)的代碼均是一段js代碼,而經過百度轉碼的網頁基本不加載js代碼,導致該轉碼流量無法被記錄。也就是說,對于僅有pc站、沒有wap站的站長朋友,以及沒有聲明不轉碼的用戶,該情況等于是丟失了移動端的搜索數據。

    4)  百度統計于2013年2月21日進行了升級,對使用百度統計的網頁,即使被百度轉碼也同樣會被統計。這顯然是間接地在頁內人士里推廣自己的產品。

    三、解決方案
    PC端網站和手機端網站同時上線,建立自己的WAP站并做設置,PC端網站做不轉碼聲明。

    1、建立自己的wap站
    建立好自己的Wap站后,使用百度移動標注協議,在PC站點的html頁面中加入百度的標注協議(注釋形式),提升轉碼效果。該協議主要針對采用html規范制作的Web站點,以利于站長自助優化百度無線搜索訪問其站點時的頁面效果。

    2、不轉碼聲明
    共有三種解決方案:
    A. no-transform協議
    TC支持的no-transform協議為如下兩種形式:
    a. HTTP Response中顯式聲明Cache-control為no-transform。
    b. meta標簽中顯式聲明Cache-control為no-tranform,格式為:
    如第三方站點不希望頁面被轉碼,可添加此協議,當用戶進入第三方網站時,先進入中間提示頁,頁面將引導用戶自主選擇跳轉至原網頁。

    B. handheld協議
    頁面通過lt;link>標簽顯式指定WAP網頁,聲明格式如下:
    如第三方站點不希望頁面被轉碼,可添加此協議,告知我們原網頁對應有一個WAP版頁面,當用戶進入第三方網站時,先進入中間提示頁,讓用戶自主選擇跳轉至原網頁或第三方網站自有的wap頁面。

    C. User-Agent相關
    TC抓取頁面時,使用的User-Agent為:
    Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; baidu Transcoder;)

    如第三方站點不希望轉碼HTML頁面,且又可以提供對應的自有WAP頁面,則可以根據這個User-Agent,返回自有WAP頁,同時在HTTP Response顯示聲明:Content-Type為:vnd.wap.xhtml+xml,那么TC將不對這個頁面轉碼,而是直接跳轉至相應的自有WAP頁面。


    3、PC端頁面路徑和手機端頁面路徑必須一致 

    例如: PC端公司介紹頁面  www.a.com/about.html   那么手機端頁面訪問路徑必須是m.a.com/about.html  

    這樣的配置 , 就能保證手機端打開的頁面永遠是定制的手機端頁面.





  
麻将作弊最新遥控器