亚洲av中文无码乱人伦在线观看,变态另类玩孕妇临盆,日产精品一区二区,成人毛片18女人毛片免费看网站

132-8888-7891
網(wǎng)站建設(shè)必備知識(shí):網(wǎng)站百度移動(dòng)適配的方法與代碼
 2017-11-30 14:18 微力互聯(lián)小編
網(wǎng)站建設(shè)必備知識(shí):網(wǎng)站百度移動(dòng)適配的方法與代碼
一、什么叫百度移動(dòng)適配?
當(dāng)您同時(shí)擁有PC站與手機(jī)站,而且兩者在內(nèi)容上能夠?qū)?yīng),我們需要移動(dòng)適配告之百度,有助于百度在移動(dòng)搜索中將原PC頁(yè)結(jié)果替換為對(duì)應(yīng)的手機(jī)頁(yè)結(jié)果。
二、百度移動(dòng)適配有何意義?
早在2012年,百度就先后推出了移動(dòng)搜索優(yōu)化服務(wù)(http://zhanzhang.baidu.com/wiki/37),在開(kāi)放適配服務(wù)方面增加適配新選擇,全新上線了配套進(jìn)度查詢工具,調(diào)整和更新《手機(jī)站優(yōu)化指南》。通過(guò)這些舉措,逐步引導(dǎo)用戶與完善百度移動(dòng)適配法則,最終達(dá)到幫助廣大網(wǎng)站更加便捷的提升移動(dòng)端瀏覽效果,獲得更多搜索流量,從而輕松完成從PC端到移動(dòng)端的陣營(yíng)遷徙和發(fā)展革新。
 
 
三、百度移動(dòng)適配有哪幾種模式?
PC站與移動(dòng)站配置方式有三種,百度站在搜索引擎角度將這三種分別稱為跳轉(zhuǎn)適配、代碼適配和自適應(yīng)。
 
1)跳轉(zhuǎn)適配:該方法會(huì)利用單獨(dú)的網(wǎng)址向每種設(shè)備提供不同的代碼。這種配置會(huì)嘗試檢測(cè)用戶所使用的設(shè)備或ua,然后使用 HTTP 重定向和 Vary
 
HTTP 標(biāo)頭重定向到相應(yīng)的頁(yè)面。
【跳轉(zhuǎn)適配應(yīng)用舉例】
(1)百度siteapp。這顯然是標(biāo)準(zhǔn)的跳轉(zhuǎn)適配,但siteapp效果不大好,比如頁(yè)面混亂、內(nèi)容可控性差。好像百度也發(fā)現(xiàn)這些問(wèn)題以至于此項(xiàng)目擱置,這個(gè)工具一直沒(méi)有更新升級(jí)。
 
(2)第三方移動(dòng)建站工具。如:搜狐快站、騰訊風(fēng)鈴等。這些工具有個(gè)缺點(diǎn)是需要PC站點(diǎn)與移動(dòng)站點(diǎn)做好對(duì)應(yīng)關(guān)系,需要一篇文章發(fā)兩遍的尷尬情況。
 
(3)完全開(kāi)發(fā)一套移動(dòng)站點(diǎn)。通過(guò)后臺(tái)程序判斷出是移動(dòng)UA,不會(huì)給用戶返回代碼,直接重定向到移動(dòng)頁(yè)面。這里要注意開(kāi)發(fā)時(shí)一定要做好PC頁(yè)與移動(dòng)頁(yè)面的對(duì)應(yīng)關(guān)系同時(shí)提交到百度站長(zhǎng)平臺(tái)。上圖中提到“維護(hù)成本較高”,可以這樣解決:在開(kāi)發(fā)時(shí)調(diào)用同一數(shù)據(jù)庫(kù),就免去了發(fā)兩邊內(nèi)容的成本。
 
(4)對(duì)于CMS系統(tǒng),無(wú)程序擴(kuò)展功能的:新建一個(gè)獨(dú)立移動(dòng)站點(diǎn),原PC頁(yè)面中加入JS來(lái)判斷UA,通過(guò)JS重定向到移動(dòng)頁(yè)面。此方法第一次請(qǐng)求后會(huì)
 
返回完整HTML到用戶本地,JS本地判斷后再次請(qǐng)求返回完整HTML,頁(yè)面需要加載兩次,延遲嚴(yán)重。而且百度對(duì)JS的跳轉(zhuǎn)并不支持,僅僅實(shí)現(xiàn)了頁(yè)面的轉(zhuǎn)
 
換,還是需要最好對(duì)應(yīng)適配關(guān)系提交到百度站長(zhǎng)平臺(tái)的。
 
2)代碼適配:該方法使用相同的網(wǎng)址(不考慮用戶所使用的設(shè)備),但會(huì)根據(jù)服務(wù)器對(duì)用戶所用瀏覽器的了解(ua),針對(duì)不同設(shè)備類(lèi)型生成不同版本的 HTML。
 
【代碼適配應(yīng)用舉例】
代碼適配沒(méi)有跳轉(zhuǎn)適配那么多方法,它的實(shí)施方法是:原PC站CMS系統(tǒng)升級(jí)改造,當(dāng)用戶訪問(wèn)一條URL時(shí),后臺(tái)程序判斷UA,根據(jù)不同UA返回不同的HTML代碼和樣式。此方法無(wú)延遲、移動(dòng)站點(diǎn)維護(hù)成本較低,但局限性也很大:首先你要有開(kāi)發(fā)能力,其次你的CMS系統(tǒng)能讓你開(kāi)發(fā),第三是此類(lèi)站點(diǎn)不能完全靜態(tài)化。代碼適配非常適合社區(qū)論壇和用戶交互式站點(diǎn)。
 
3)自適應(yīng):通過(guò)同一網(wǎng)址提供相同 HTML 代碼的網(wǎng)站設(shè)計(jì)方法。該方法不考慮用戶所使用的設(shè)備(pc、平板電腦、移動(dòng)設(shè)備),但可以根據(jù)屏幕尺寸以不同方式呈現(xiàn)(即適應(yīng))顯示屏。
 
【自適應(yīng)應(yīng)用舉例】
自適應(yīng)是呼聲最高的一個(gè)方式,H5越來(lái)越普及,自適應(yīng)的站點(diǎn)和頁(yè)面也越來(lái)越多,甭管是國(guó)外的谷歌還是國(guó)內(nèi)的百度都承認(rèn)未來(lái)站點(diǎn)屬于H5的自適應(yīng)。自適應(yīng)頁(yè)面由H5+CSS3+JS判讀不同屏幕寬度展示不同樣式的頁(yè)面,PC和移動(dòng)頁(yè)面url和源代碼都相同。之前他有很多名字:頁(yè)面自適應(yīng)、響應(yīng)式、H5頁(yè)面、寬度變化頁(yè)面等,之后我們統(tǒng)一為自適應(yīng)。同樣自適應(yīng)也有自己的優(yōu)缺點(diǎn):一次編碼多平臺(tái)共用,維護(hù)成本低,設(shè)備展示效果一致,用戶地體驗(yàn)好;但也有缺點(diǎn),復(fù)雜頁(yè)面在做自適應(yīng)時(shí),受手機(jī)屏幕限制很難排版,若隱藏部分內(nèi)容相比獨(dú)立移動(dòng)手機(jī)站頁(yè)面體積大、加載速度和數(shù)據(jù)流量也更大。此類(lèi)非常適合如知乎、36KR、新聞媒體內(nèi)容頁(yè)等功能相對(duì)單一的頁(yè)面和站點(diǎn)。

 
四、怎么做好百度移動(dòng)適配?
鑒于移動(dòng)化大潮的洶涌和H5頁(yè)的炫麗普及,百度針對(duì)PC頁(yè)與H5頁(yè)的跳轉(zhuǎn)適配方式推出了最優(yōu)方案:在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è)所在的位置;同時(shí)在移動(dòng)版網(wǎng)頁(yè)上,添加指向?qū)?yīng)pc版網(wǎng)址的鏈接rel="canonical"標(biāo)記。
 
例如:
pc版網(wǎng)址:http://m.tx1314.net/
移動(dòng)版網(wǎng)址:http://m.wlxin.com/
 
那么此示例中的注釋如下所示:
在pc版網(wǎng)頁(yè)(http://m.tx1314.net/) 上,添加:<link rel="alternate" media="only screen and(max-width: 640px)" href="http://m.wlxin.com/>
在移動(dòng)版網(wǎng)頁(yè)(http://m.wlxin.com/) 上,所需的注釋?xiě)?yīng)為:<link rel="canonical"href="http://m.tx1314.net/" >
 
強(qiáng)調(diào):之前的Meta標(biāo)記(mobile agent)會(huì)繼續(xù)沿用,但我們推薦使用HTMAL5語(yǔ)言制作的移動(dòng)頁(yè)面使用最新方案進(jìn)行跳轉(zhuǎn)適配,其它如xml語(yǔ)言的移動(dòng)頁(yè)跳轉(zhuǎn)適配,需要繼續(xù)使用之前的meta標(biāo)記方式——<meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=url">
 本文鏈接:http://m.tx1314.net/wangzhanjianshe/553.html
  
官網(wǎng)網(wǎng)址:http://m.tx1314.net  
微力互聯(lián)專注于東莞網(wǎng)站建設(shè),東莞網(wǎng)站制作,東莞網(wǎng)站優(yōu)化,東莞網(wǎng)站推廣,是東莞網(wǎng)站建設(shè)公司網(wǎng)絡(luò)營(yíng)銷(xiāo)行業(yè)中知名品牌,能快速幫助公司解決網(wǎng)絡(luò)營(yíng)銷(xiāo)難題,選擇我們!選擇成功!
更多
 
 
請(qǐng)聯(lián)系我們
東莞南城科技園北區(qū)
132-8888-7891
132-8888-7891
132-6852-2264
早8:30~晚18:00
 
東莞網(wǎng)站建設(shè),微力互聯(lián)騰訊微博 東莞網(wǎng)站制作,微力互聯(lián)新浪微博
東莞網(wǎng)站建設(shè),東莞網(wǎng)站制作,網(wǎng)站制作,東莞高端網(wǎng)站建設(shè),東莞網(wǎng)站設(shè)計(jì)
Copyright © 2008-2017 東莞微力互聯(lián)科技有限公司 (Gong Guan WLHL internet Technology Co.,Ltd.) All Rights Reserved 
 
精品少妇高潮蜜臀涩涩av| 国产精品视频一区二区三区不卡 | 特黄特色大片免费播放器下载| 波多野结衣网站| 女人被添全过程a片试看v| free性玩弄少妇hd| 被猛男狂cao的小男生| 3d动漫精品啪啪一区二区| 公交车被cao到合不拢腿| 国产免费一区二区三区在线观看 | 亚洲一本色道中文无码av| 50歳のバツ1熟女とハメ撮り| 久久久久久久精品无码av少妇| 她在丈夫面前被耍了| 欧美在线精品一区二区三区不卡| 装醉把自己给流浪汉玩| 妺妺窝人体色www在线下载| 免费观看丰满少妇做受| 摄像头东北对白清晰| 少妇人妻系列1~100| jizzjizz日本护士水好多| 少妇粉嫩小泬喷水视频www| 色欲av精品人妻一区二区三区| 久久99精品久久久久久水蜜桃 | 老校长不戴套玩新婚老师| 18无码av精品一区二区三区| 日日夜夜电影| 京香julia| 国产精品毛片一区二区三区| 国产精品美女www爽爽爽视频 | 日韩+国产| 巨茎人妖自慰出精| 插我舔内射18免费视频| 做床爱视频真人版无遮挡免费 | 全球欧美hd极品4k| 国产chinasex对白videos麻豆 | 国产精品高清一区二区三区人妖| 国产精品99久久久久久人| 精品国产乱码一区二区三区app| 暴虐sm灌浣肠调教a片男男| 国产精品美女久久久久浪潮av|