福利彩18选7开奖结果:mobile-agent 寫法讓搜索適配手機網站還是電腦網站版本

META標記解決蜘蛛訪問識別問題
 
以上的UA設置并沒有寫入任何的蜘蛛UA,因此,蜘蛛訪問,特別是移動蜘蛛訪問就需要很好的去引導它們。
 
谷歌開放適配規則
 
對應URL舉例:
 
PC電腦網站: //www.gcfyd.icu/
 
手機網站版本: https://m.yiyada.com/
 
 
mobile-agent 寫法
 
在PC頁面Meta寫法
 
1
<link href=https://m.yiyada.com/" rel="alternate" media="only screen and (max-width: 640px)" />
注意:這里640px是移動設備的最大寬度,這里谷歌只是一個舉例,當屏幕寬度小于640px的時候顯示移動站點。這里應該改成你的實際數據。
 
在移動頁面Meta寫法
 
1
<link href="//www.gcfyd.icu/" rel="canonical" />
這個是告訴谷歌蜘蛛我的移動首頁對應的PC頁面地址是什么。
 
 
 
以上兩個例子均是以首頁PC和M作為栗子說明,其他頁面也是一樣的原理,請酌情處理。
 
 
 
2.百度開放適配規則
 
百度提供了三種適配方法:1.自主適配。2.META標注。3.提交對應sitemap。實際META標注是最簡單成本最低的方式。
 
 
 
在PC頁面Meta寫法
 
1
<meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=url">
說明:format后面的xml,xhtml,html5是移動站使用的技術,這個根據實際情況選擇,后面的URL則是對應的移動頁面URL地址。那么將meta寫入頁面就類似如下:
 
1
<meta name="mobile-agent" content="format=xhtml; url=https://m.yiyada.com/">
<link rel="alternate" media="only screen and(max-width: 640px)" href="https://m.yiyada.com/">
上面的例子是拿手機首頁作為一個栗子,其他頁面依樣畫葫蘆即可。
 
在移動頁面Meta寫法
 
百度META標注無需在移動端做任何標識。
 
 
 
三.最后的總結
 
UA判斷識別,服務器端過濾了蜘蛛的識別僅僅判斷用戶,為的是避免影響蜘蛛抓取
 
所以才針對谷歌和百度做了針對性的蜘蛛識別跳轉。
 
自適應網站的適配非常簡單在head區域添加
 
1
<meta name="viewport" content="width=device-width, initial-scale=1.0">
并且為了百度識別還應該添加
 
1
<meta name="applicable-device"content="pc,mobile">
表示頁面同時適合在移動設備和PC上進行瀏覽。
 
 
<meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=url">
<meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=mobile_url">
 
html5實現移動端適配完美寫法
 
在pc版網頁(//pc_url) 上,添加:
 
<linkrel="alternate"media="only screen and(max-width: 640px)"href="//pc_url">
在移動版網頁(//mobile_url) 上,所需的注釋應為:
 
<linkrel="canonical"href="//mobile_url">
之前的Meta標記(mobile agent)會繼續沿用,但我們推薦使用HTMAL5語言制作的移動頁面使用最新方案進行跳轉適配,其它如xml語言的移動頁跳轉適配,需要繼續使用之前的meta標記方式:
 
<metaname="mobile-agent"content="format=[wml|xhtml|html5]; url=mobile_url">
html5新增的移動適配寫法如上,這個主要是為了百度等搜索引擎抓取到網站的移動端網址是什么,不是自動當設備切換到手機時自動跳轉的.若實現自動跳轉還需要js.