成都網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)今天來談?wù)剮追N不同的移動(dòng)網(wǎng)頁(yè)適配方式分別有哪些需要注意的點(diǎn)，希望能幫到對(duì)這方面知識(shí)有需求的朋友。

1、跳轉(zhuǎn)適配

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

使用format可以告知百度指定移動(dòng)頁(yè)面采用的是什么語言(現(xiàn)在一般都是用HTML5) .URL的值為對(duì)應(yīng)版本頁(yè)面的URL地址,如果網(wǎng)頁(yè)有多個(gè)版本,此標(biāo)注也可以寫多行。

2）提交適配關(guān)系,生效速度最快的方法。在百度站長(zhǎng)平臺(tái)的“移動(dòng)適配”工具中主動(dòng)提交適配關(guān)系,站長(zhǎng)平臺(tái)支持規(guī)則適配和URL適配。對(duì)于PC版和移動(dòng)版URL有一定應(yīng)關(guān)系的站點(diǎn)可以采用規(guī)則適配;如果較難使用正則表達(dá)式匹配兩版URL之間的的對(duì)應(yīng)關(guān)系,則可以使用"URL適配”。通過此工具,百度可以較快地發(fā)現(xiàn)網(wǎng)站的移動(dòng)適配關(guān)系,從而加快適配處理的速度。這也是移動(dòng)適配生效的最快方式。具體工具的使用,參見百度站長(zhǎng)平臺(tái)的官方工具介紹文檔。建議大家在設(shè)計(jì)移動(dòng)站點(diǎn)URL時(shí),盡可能地保證移動(dòng)內(nèi)容在和PC內(nèi)容一一對(duì)應(yīng)的同時(shí), URL也可以有一定規(guī)則的一一對(duì)應(yīng)。成都網(wǎng)站制作公司

3）另外建議大家在PC版網(wǎng)頁(yè)上,添加指向?qū)?yīng)移動(dòng)版網(wǎng)址的特殊鏈接rel="alternate"標(biāo)記,這有助于百度發(fā)現(xiàn)網(wǎng)站的移動(dòng)版網(wǎng)頁(yè);在移動(dòng)版網(wǎng)頁(yè)上,添加指向?qū)?yīng)PC版網(wǎng)址的鏈接rel="canonical"標(biāo)記。

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

建議大家把以上工作全部做好,以促進(jìn)適配關(guān)系的快速、穩(wěn)定生效。不過切記適配關(guān)系的一致性,不要有沖突,且多個(gè)版本網(wǎng)頁(yè)中的主體內(nèi)容要一致,否則可能會(huì)造成適配失敗。

5）在頁(yè)面head中使用meta標(biāo)簽聲明當(dāng)前頁(yè)面是PC頁(yè)還是移動(dòng)頁(yè)。

如果是PC頁(yè)則使用

如果是移動(dòng)頁(yè)則使用

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

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

2)在給用戶返回的代碼中使用meta標(biāo)注所返回的代碼為PC版還是移動(dòng)版:

如果是PC版則使用

如果是移動(dòng)版則使用

3,響應(yīng)式

1)?在頁(yè)面head中使用meta標(biāo)簽聲明當(dāng)前頁(yè)面適合同時(shí)在PC和移動(dòng)設(shè)備上瀏覽:

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

    技術(shù)在于更多的交流，成都網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)給大家分享，有不對(duì)之處歡迎交流指正。

網(wǎng)頁(yè)標(biāo)題：成都網(wǎng)站建設(shè)：關(guān)于移動(dòng)網(wǎng)頁(yè)的不同適配的問題
URL分享：http://www.kartarina.com/news/7796.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)