便宜做網站,不用客戶動手特價999元,源碼整套僅需50元起
移動網站適配PC網站后應該增加的代碼
如果你網站是電腦網站,現在做了一個數據互通的手機網站,那么自然是要對電腦和手機網站進行適配,需要哪些適配代碼呢,這里野狼為您總結一下:
大致分為幾種:跳轉代碼、PC站適配代碼和手機站適配代碼。
1、跳轉代碼
根據你網站的類型,如果是純靜態(tài)生成的,可以使用JS做跳轉,就是用手機訪問電腦的時候跳轉到手機站上,PC訪問手機站的時候跳轉到PC網站上。
不同的網站跳轉方式不一樣,如果是程序適配或者自適應的,就無須跳轉,PC和手機訪問同一個網站,出來的是不同的代碼。
如果分開的手機站和PC站才需要做跳轉。做法比較多,這里不作為重點。
2、PC站適配代碼
在你的電腦站頭部加入這樣的代碼:
1、<meta http-equiv="mobile-agent" content="format=html5;url=http://m.390seo.com/">
這句代碼是告訴搜索引擎,建議手機搜索引擎去抓取http://m.390seo.com/,同時聲明這個頁面的格式是HTML5的,這樣搜索引擎在PC站上爬的時候就會發(fā)現你的手機站了。
2、<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.390seo.com/" />
這個也是告訴搜索引擎PC站頁面對應的移動站網址,可以給搜索引擎一個提醒。
以上兩個代碼都是百度推薦的做法,用其中任意一個即可。
3、說明這個網站適合電腦瀏覽的代碼:
<meta name="applicable-device"content="pc,mobile">
備注:如果是自適應網站可以聲明這個頁面適合電腦和手機訪問:<meta name="applicable-device"content="pc,mobile">
3、手機站適配代碼
手機網站上可以增加代碼:
<link rel="canonical" href="http://m.dizone.cn/" >
<meta name="applicable-device" content="mobile">
看了上邊的資料,是不是覺得比較亂,那么簡單總結一下:
1、自適應網站要標注頁面適合電腦和手機訪問,代碼是:
<meta name="applicable-device"content="pc,mobile">
2、程序適配網站和JS跳轉適配的網站都要標注不同頁面對應的PC(或手機站)網址,可用兩種方法:
(PC站)<meta http-equiv="mobile-agent" content="format=html5;url=http://m.390seo.com/">
(PC站)<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.390seo.com/" />
(手機站)<link rel="canonical" href="http://m.dizone.cn/" >
另外還可以標注這個網頁適合什么樣的瀏覽形式:
(PC站)<meta name="applicable-device"content="pc">
(手機站)<meta name="applicable-device"content="mobile">
以上是增加代碼的方式,當然你也可以通過給百度提交移動適配關系來提交,理論上講,用哪種方式都是可以的,如果不怕費事兒,多種方式并用可能會更好!
參考資料:
《百度站長平臺》 http://zhanzhang.baidu.com/college/courseinfo?id=156
《百度站長平臺》http://zhanzhang.baidu.com/college/articleinfo?id=443
本文作者:野狼SEO團隊

十六年網站建設相關經驗
一站式為您提供網站相關服務
歡迎掃碼咨詢
還沒有人評論,快來搶個沙發(fā)!


