網(wǎng)站案例網(wǎng)站套餐網(wǎng)站功能網(wǎng)站SEO優(yōu)化南昌網(wǎng)站建設(shè)九江網(wǎng)站建設(shè)萍鄉(xiāng)網(wǎng)站建設(shè)景德鎮(zhèn)網(wǎng)站建設(shè)新余網(wǎng)站建設(shè)鷹潭網(wǎng)站建設(shè)贛州網(wǎng)站建設(shè)吉安網(wǎng)站建設(shè)宜春網(wǎng)站建設(shè)撫州網(wǎng)站建設(shè)上饒網(wǎng)站建設(shè)樂(lè)平網(wǎng)站建設(shè)瑞昌網(wǎng)站建設(shè)共青城網(wǎng)站建設(shè)廬山網(wǎng)站建設(shè)貴溪網(wǎng)站建設(shè)南京網(wǎng)站建設(shè)沈陽(yáng)網(wǎng)站建設(shè)石家莊網(wǎng)站建設(shè)哈爾濱網(wǎng)站建設(shè)杭州網(wǎng)站建設(shè)長(zhǎng)沙網(wǎng)站建設(shè)濟(jì)南網(wǎng)站建設(shè)煙臺(tái)網(wǎng)站建設(shè)廣州網(wǎng)站建設(shè)武漢網(wǎng)站建設(shè)成都網(wǎng)站建設(shè)蘭州網(wǎng)站建設(shè)昆明網(wǎng)站建設(shè)臺(tái)北網(wǎng)站建設(shè)南寧網(wǎng)站建設(shè)銀川網(wǎng)站建設(shè)太原網(wǎng)站建設(shè)長(zhǎng)春網(wǎng)站建設(shè)合肥網(wǎng)站建設(shè)鄭州網(wǎng)站建設(shè)西安網(wǎng)站建設(shè)西寧網(wǎng)站建設(shè)呼和浩特網(wǎng)站建設(shè)拉薩網(wǎng)站建設(shè)烏魯木齊網(wǎng)站建設(shè)貴陽(yáng)網(wǎng)站建設(shè)深圳網(wǎng)站建設(shè)??诰W(wǎng)站建設(shè)南昌網(wǎng)站建設(shè)矩惠互動(dòng)游戲微傳單企業(yè)郵箱小程序價(jià)格資訊中心
全國(guó)服務(wù)熱線:
0791-88196636

樟樹(shù)代碼建站:關(guān)于移動(dòng)網(wǎng)頁(yè)的不同適配的問(wèn)題

 二維碼 68526
發(fā)表時(shí)間:2019-09-16 11:42作者:南昌莫非網(wǎng)絡(luò)科技公司來(lái)源:南昌莫非網(wǎng)絡(luò)科技公司網(wǎng)址:http://www.what-ismyip.com

樟樹(shù)代碼建站:關(guān)于移動(dòng)網(wǎng)頁(yè)的不同適配的問(wèn)題

今天來(lái)談?wù)剮追N不同的移動(dòng)網(wǎng)頁(yè)適配方式分別有哪些需要注意的點(diǎn),希望能幫到對(duì)這方面知識(shí)有需求的朋友。


1、跳轉(zhuǎn)適配


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


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


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適配”。通過(guò)此工具,百度可以較快地發(fā)現(xiàn)網(wǎng)站的移動(dòng)適配關(guān)系,從而加快適配處理的速度。這也是移動(dòng)適配生效的最快方式。具體工具的使用,參見(jiàn)百度站長(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ì)感覺(jué)較強(qiáng)的頓挫感;同樣蜘蛛需要渲染JS之后才能獲取信息,也會(huì)加大搜索引擎蜘蛛的抓取難度。深圳網(wǎng)站制作公司


建議大家把以上工作全部做好,以促進(jìn)適配關(guān)系的快速、穩(wěn)定生效。不過(guò)切記適配關(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è)則使用


2. 代碼適配


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


它會(huì)向ISP和其他位置使用的緩存服務(wù)器表明:在決定是否通過(guò)緩存來(lái)提供網(wǎng)頁(yè)時(shí)它們應(yīng)考慮用戶代理。如果沒(méi)有使用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)行過(guò)優(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版則使用<meta name="applicable-device" content="pc""


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


3,響應(yīng)式


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


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


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


    技術(shù)在于更多的交流,網(wǎng)站建設(shè)公司南昌莫非傳媒給大家分享,有不對(duì)之處歡迎交流指正。


企業(yè)新聞
關(guān)于南昌莫非網(wǎng)絡(luò)科技公司2022年元旦放假安排通知.元旦:1月1日(星期六)至1月3號(hào)(星期一)放假,共計(jì)三天(無(wú)調(diào)休),1月4日(星期二)上班。
關(guān)于南昌莫非網(wǎng)絡(luò)科技公司2021年國(guó)慶節(jié)放假安排通知。根據(jù)《國(guó)務(wù)院辦公廳關(guān)于2021年部分節(jié)假日安排的通知》(國(guó)辦發(fā)明電〔2020〕27號(hào)),結(jié)合我單位工作實(shí)際情況,現(xiàn)就2021年國(guó)慶放假的有關(guān)事項(xiàng)安排如下。
南昌莫非網(wǎng)絡(luò)科技公司2021年中秋節(jié)放假通知.一、假期從:2021年09月19日到2021年09月21日結(jié)束,假期共3天(9月18日正常上班,9月26日正常休息)。二、如有緊急情況,請(qǐng)各位同仁及時(shí)配合相關(guān)部門(mén)主管人員把事情處理妥善。做好防火、防盜工作并督促各部門(mén)關(guān)好辦公區(qū)域的門(mén)、窗等。
根據(jù)《國(guó)務(wù)院辦公廳關(guān)于2021年部分節(jié)假日安排的通知》(國(guó)辦發(fā)明電〔2020〕27號(hào)),結(jié)合我單位工作實(shí)際情況,現(xiàn)就2021年端午節(jié)放假的有關(guān)事項(xiàng)安排如下:一、放假時(shí)間:2021年6月12日(星期六)至2021年6月14日(星期一),共放假3天。
南昌莫非網(wǎng)絡(luò)科技公司2021年五一勞動(dòng)節(jié)放假通知.現(xiàn)就2021年五一勞動(dòng)節(jié)放假的有關(guān)事項(xiàng)安排如下:一、放假時(shí)間,2021年5月1日(星期六)至2020年5月5日(星期三),共放假5天。4月25日(星期日)上班,5月6日(星期四)正常上班。
南昌莫非網(wǎng)絡(luò)科技公司2021年清明節(jié)放假通知.2021年4月3日(星期六)-2021年4月5日(星期一)放假,共3天。4月6日(星期二)正常上班。放假期間,各項(xiàng)業(yè)務(wù)照常運(yùn)行,售后問(wèn)題您可以直接相關(guān)負(fù)責(zé)人提交服務(wù)單,技術(shù)人員將在12小時(shí)之內(nèi)處理。
關(guān)于南昌莫非網(wǎng)絡(luò)科技公司2021年春節(jié)放假安排通知.一、春節(jié)放假時(shí)間:2021年2月5日(農(nóng)歷臘月二十四)至2021年2月18日(農(nóng)歷正月初七)放假,共13天,2月19日(星期五)開(kāi)始上班,2月21日星期日(農(nóng)歷正月初十)恢復(fù)正常上班。由于疫情,假期時(shí)間可能會(huì)有所變化,具體以通知為準(zhǔn)。
關(guān)于南昌莫非網(wǎng)絡(luò)科技公司2021年01月01日元旦放假通知。一、放假時(shí)間:2021年1月1日(星期五)至2021年1月3日(星期日)放假,共3天;2021年1月4日(星期一)正常上班。公司放假期間如有相關(guān)業(yè)務(wù)及服務(wù)事宜敬請(qǐng)撥打我司24小時(shí)服務(wù)熱線:0791-8819-6636或咨詢客服QQ:2401077293,可隨時(shí)與我司進(jìn)行聯(lián)系。
南昌莫非網(wǎng)絡(luò)科技公司2020年中秋節(jié)+國(guó)慶節(jié)放假通知。根據(jù)《國(guó)務(wù)院辦公廳關(guān)于2020年部分節(jié)假日安排的通知》,為了讓大家度過(guò)一個(gè)充實(shí)、平安的假期,現(xiàn)把2020年中秋國(guó)慶放假時(shí)間及溫馨提示通知如下!
南昌莫非網(wǎng)絡(luò)科技公司2020年五一放假通知.在過(guò)去的歲月里,南昌莫非網(wǎng)絡(luò)科技公司與新老客戶一直保持著愉快的合作,這離不開(kāi)大家的鼎立支持和幫助。在未來(lái)的日子里還需要更多朋友們的支持與幫助,希望你們能始終如一的支持南昌莫非網(wǎng)絡(luò)科技,并提出您寶貴的意見(jiàn)及建議。
南昌莫非網(wǎng)絡(luò)科技公司2020年春節(jié)寒假放假安排通知。南昌莫非網(wǎng)絡(luò)科技公司提前祝全國(guó)合作伙伴新春快樂(lè)、闔家幸福!預(yù)祝全體員工春節(jié)快樂(lè)!
南昌莫非網(wǎng)絡(luò)科技公司2020年元旦節(jié)放假安排通知.元旦將至,南昌莫非網(wǎng)絡(luò)科技公司預(yù)祝全體員工元旦快樂(lè)!現(xiàn)將2020年元旦節(jié)放假安排通告如下:一、放假時(shí)間:2020年1月1日,共1天。
地區(qū)做網(wǎng)站導(dǎo)航
南昌網(wǎng)站建設(shè)  九江網(wǎng)站建設(shè)  萍鄉(xiāng)網(wǎng)站建設(shè) 景德鎮(zhèn)網(wǎng)站建設(shè)  新余網(wǎng)站建設(shè)  鷹潭網(wǎng)站建設(shè) 贛州網(wǎng)站建設(shè)  吉安網(wǎng)站建設(shè)  宜春網(wǎng)站建設(shè)  撫州網(wǎng)站建設(shè)  上饒網(wǎng)站建設(shè)  樂(lè)平網(wǎng)站建設(shè) 瑞昌網(wǎng)站建設(shè)  共青城網(wǎng)站建設(shè)  廬山網(wǎng)站建設(shè)  貴溪網(wǎng)站建設(shè)  南京網(wǎng)站建設(shè)  沈陽(yáng)網(wǎng)站建設(shè)  石家莊網(wǎng)站建設(shè)  哈爾濱網(wǎng)站建設(shè)  杭州網(wǎng)站建設(shè)  長(zhǎng)沙網(wǎng)站建設(shè)  濟(jì)南網(wǎng)站建設(shè) 煙臺(tái)網(wǎng)站建設(shè)  廣州網(wǎng)站建設(shè)  武漢網(wǎng)站建設(shè)  成都網(wǎng)站建設(shè) 蘭州網(wǎng)站建設(shè)  昆明網(wǎng)站建設(shè)  臺(tái)北網(wǎng)站建設(shè) 南寧網(wǎng)站建設(shè)  銀川網(wǎng)站建設(shè)  太原網(wǎng)站建設(shè)  長(zhǎng)春網(wǎng)站建設(shè)  合肥網(wǎng)站建設(shè)  鄭州網(wǎng)站建設(shè)  西寧網(wǎng)站建設(shè) 西安網(wǎng)站建設(shè)  呼和浩特網(wǎng)站建設(shè)  拉薩網(wǎng)站建設(shè)  烏魯木齊網(wǎng)站建設(shè)  貴陽(yáng)網(wǎng)站建設(shè) 深圳網(wǎng)站建設(shè)  ??诰W(wǎng)站建設(shè)

南昌莫非網(wǎng)絡(luò)科技公司專汪做網(wǎng)站,網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站制作,網(wǎng)站開(kāi)發(fā),建網(wǎng)站,定制網(wǎng)站。十三年品牌值得信賴!

網(wǎng)站建設(shè)行業(yè)方案
網(wǎng)站維護(hù)知識(shí)
網(wǎng)站制作常見(jiàn)問(wèn)題
SEO網(wǎng)站優(yōu)化教程
踏上云端,轉(zhuǎn)型升級(jí)融入互聯(lián)網(wǎng)時(shí)代,現(xiàn)在就聯(lián)系我們吧!
——      我們時(shí)刻為你提供更多優(yōu)質(zhì)互聯(lián)網(wǎng)技術(shù)服務(wù)      ——
姓名:
*
聯(lián)系方式:
*
咨詢項(xiàng)目:
內(nèi)容:
*
在線留言
關(guān)于我們:南昌莫非文化傳媒有限公司(簡(jiǎn)稱:莫非傳媒)專注于網(wǎng)站建設(shè),網(wǎng)站SEO優(yōu)化,小程序制作。提供全方位用戶體驗(yàn)規(guī)劃,品牌形象設(shè)計(jì)服務(wù)。為每一位企業(yè)客戶的成長(zhǎng)、騰飛助力!        網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、網(wǎng)站開(kāi)發(fā),就選網(wǎng)站建設(shè)公司-南昌莫非傳媒!
掃一掃微信便捷交流
|
|
|
|
|
|
|
|
|
|
|
|
|
地址:江西省南昌市西湖區(qū)洪城路6號(hào)國(guó)貿(mào)廣場(chǎng)A座巨豪峰
業(yè)務(wù)咨詢  :  
272482065
售后服務(wù) :
2401077293
服務(wù)熱線:
0791-88196636
______________________________________________________________________________________________________________________________________________________________________________________________________