深圳網站建設公司貫天下今天來談談幾種不同的移動網頁適配方式分別有哪些需要注意的點，希望能幫到對這方面知識有需求的朋友。

1、跳轉適配

1）meta標注,生效速度第二快的方法。在頁面head中增加一行meta標注,來告知百度前頁面對應的移動版頁面的URL是什么以及采用的聲明語言,格式如下

使用format可以告知百度指定移動頁面采用的是什么語言(現在一般都是用HTML5) .URL的值為對應版本頁面的URL地址,如果網頁有多個版本,此標注也可以寫多行。

2）提交適配關系,生效速度最快的方法。在百度站長平臺的“移動適配”工具中主動提交適配關系,站長平臺支持規則適配和URL適配。對于PC版和移動版URL有一定應關系的站點可以采用規則適配;如果較難使用正則表達式匹配兩版URL之間的的對應關系,則可以使用"URL適配”。通過此工具,百度可以較快地發現網站的移動適配關系,從而加快適配處理的速度。這也是移動適配生效的最快方式。具體工具的使用,參見百度站長平臺的官方工具介紹文檔。建議大家在設計移動站點URL時,盡可能地保證移動內容在和PC內容一一對應的同時, URL也可以有一定規則的一一對應。深圳網站制作公司

3）另外建議大家在PC版網頁上,添加指向對應移動版網址的特殊鏈接rel="alternate"標記,這有助于百度發現網站的移動版網頁;在移動版網頁上,添加指向對應PC版網址的鏈接rel="canonical"標記。

4)自主適配,生效速度最慢的方法。使用301或302跳轉,不要使用JS判斷UA再跳轉由于客戶端會先加載網頁然后再解析Js,所以如果使用JS判斷UA,用戶則會感覺較強的頓挫感;同樣蜘蛛需要渲染JS之后才能獲取信息,也會加大搜索引擎蜘蛛的抓取難度。深圳網站制作公司

建議大家把以上工作全部做好,以促進適配關系的快速、穩定生效。不過切記適配關系的一致性,不要有沖突,且多個版本網頁中的主體內容要一致,否則可能會造成適配失敗。

5）在頁面head中使用meta標簽聲明當前頁面是PC頁還是移動頁。

如果是PC頁則使用

如果是移動頁則使用

2. 代碼適配

1）為了使百度能夠知道當頁面發生變化時,同時需要用其他的UA重新抓取一遍,需要添加Vary HTTP標頭,如"Vary: Accept-Encoding, User-Agent" . Vary HTTP標頭具有以下兩個非常重要且實用的作用。

它會向ISP和其他位置使用的緩存服務器表明:在決定是否通過緩存來提供網頁時它們應考慮用戶代理。如果沒有使用Vary HTTP標頭,緩存可能會錯誤地向移動設備用戶提供PC版HTML網頁的緩存(反之亦然)

它有助于百度Spider更快速地發現針對移動設備進行優化的內容,這是因為百度在抓取針對移動內容進行過優化的網址時,會將有效的Vary HTTP標頭作為抓取信號之一,百度會提高用其他UA抓取此網頁的優先級。

2)在給用戶返回的代碼中使用meta標注所返回的代碼為PC版還是移動版:

如果是PC版則使用<meta name="applicable-device" content="pc""

如果是移動版則使用

3,響應式

1)?在頁面head中使用meta標簽聲明當前頁面適合同時在PC和移動設備上瀏覽:

2）在head中添加以下代碼并且使用元素處理自適應圖片:

<meta name="viewport" content="width-device-width, initial-scale-1.0"

    技術在于更多的交流，深圳網站建設公司貫天下給大家分享，有不對之處歡迎交流指正。