• 歡迎來到常州網絡公司, 提供常州網站建設、常州SEO優化、網站推廣等網絡營銷服務!
    咨詢熱線:13969896329當前位置: 常州網絡公司 > SEO技術 > 網站優化知識 >
    網站優化知識
    網站優化知識
    SEO優化服務

    聯系我們

    電話咨詢:13969896329
    E-mail:2979889271@qq.com
    主營業務:網站建設、SEO優化、網絡推廣

    百度pc與wap適配:Meta聲明、html5最新跳轉適配方案

    作者:劉代碼   來源:劉代碼   發布時間:2021-03-02

    meta標簽name="mobile-agent"屬性主要用于百度移動搜索,有利于搜索引擎將PC端的網站適配到手機移動端的網站,提高手機移動端訪問和瀏覽網頁的用戶體驗性!

    定義說明:

    百度官方對<meta>標簽name="mobile-agent"屬性的聲明定義:

    “站點如果自行適配有困難,可以在PC頁面中做簡單改造,百度協助實現適配效果。即:站長在站點PC頁的源代碼頭部嵌入一行或多行Meta信息,由Meta信息來指明該PC頁對應的手機頁的URL,以及該URL對應頁面的格式,百度將根據用戶終端類型選擇最適合展示的頁面。”

    如果你的站點沒有對應關系的PC頁面,則無需添加該Meta標簽name="mobile-agent"屬性;添加完該標簽后,百度一般在7天左右生效,老舊頁面可能會有延遲,但百度不保證一定能在移動搜索結果中按照您提交的對應關系進行替換。

    meta標簽的name="mobile-agent"屬性定義不僅限于百度移動搜索,當用戶通過手動輸入網址,或者其他移動搜索引擎、導航站等渠道訪問站點時,適配同樣有效。
     

    書寫格式:

    在pc端的html頁面中的head頭部區域添加meta標簽聲明:

    <meta name="mobile-agent" content="format=文檔類型;url=手機移動頁URL">

    content屬性中url等號后“手機移動頁url”的值,代表當前PC頁所對應的手機移動頁url,兩者必須是一一對應關系,且只支持絕對路徑。

    content屬性中format等號后“文檔類型”的值,根據手機移動網頁使用的協議語言,選擇以下對應的一種類型:

    wml:是WAP協議在無線客戶端上展示網頁內容;

    xhtml:是以XML格式編寫的HTML,是可擴展超文本標記語言;

    html5:是html超文本標記語言,數字5代表html的版本號;
     

    用法舉例:

    當PC端的網頁對應的手機移動端的網頁URL是:m.abc.com,根據手機移動端的網頁文檔類型有以下三種情況:

    如果對應的手機移動端網頁文檔類型是html5編寫的,那么在PC端網頁中加入如下代碼:

    <meta name="mobile-agent" content="format=html5;url=http://m.abc.com/">

    如果對應的手機移動端網頁文檔類型是WML編寫的,那么在PC端網頁中加入如下代碼:

    <meta name="mobile-agent" content="format=wml;url=http://m.abc.com/">

    如果對應的手機移動端網頁文檔類型是xhtml編寫的,那么在PC端網頁中加入如下代碼:

    <meta name="mobile-agent" content="format=xhtml;url=http://m.abc.com/">

    當對應的手機移動端的網頁有兩版本(比如對應有wml和html5兩個手機移動版本的網頁),且對應的網址均是m.a.com,那么,可以在pc端頁面添加以下代碼:

    <meta name="mobile-agent" content="format=xhtml; url=http://m.abc.com/">  

    <meta name="mobile-agent" content="format=html5; url=http://m.abc.com/">
     

    擴展學習(最新跳轉適配方案)

    上文學習了使用<meta>標簽name="mobile-agent"屬性標記是讓PC版網頁跳轉適配手機移動端網頁,且適合于wml、xhtml、html5三種文檔類型的手機移動版頁面;

    另外,百度還專門針對html5語言制作的手機移動頁面推出了最新跳轉適配方案,方案內容如下:

    假設PC端的網頁www.abc.com對應的手機移動端的網頁m.abc.com時,

    1、在pc版網頁(www.abc.com)上,添加指向對應手機移動版網址的<link>標簽rel="alternate"屬性標記,可以幫助百度搜索引擎發現網站的移動版網頁所在的位置,代碼如下;

    <link rel="alternate" media="only screen and(max-width: 640px)" href="http://m.abc.com/" >

    2、在手機移動版網頁(www.abc.com)上,添加指向對應pc版網址的<link>標簽rel="canonical"屬性標記,可以幫助百度搜索引擎發現網站的PC版網頁所在的位置,代碼如下;

    <link rel="canonical"  href="http://www.abc.com/" >

    根據百度官方公告說明,之前的Meta標簽name="mobile-agent"屬性會繼續沿用,但百度推薦使用HTML5語言制作的手機移動頁面使用最新跳轉適配方案,其它如xhtml、wml語言的手機移動頁跳轉適配,仍然需要繼續使用的meta標簽name="mobile-agent"屬性的方式。

    關于織夢移動適配方法可以看這篇文章:織夢移動化適配:百度跳轉適配之代碼適配


    本文標簽:
    溫馨提示:【標注原創的文章,轉載請注明出處!本站部分素材取自網絡,若文章涉及版權請發至郵箱:2979889271@qq.com,我們會及時與您聯系】
    特大黑人娇小亚洲女,学长错一道题c一下视频,angelababy自慰AI网站,国产精品情侣呻吟对白视频