mobile-agent 写法让搜索适配手机网站还是电脑网站版本

META标记解决蜘蛛访问识别问题
 
以上的UA设置并没有写入任何的蜘蛛UA,因此,蜘蛛访问,特别是移动蜘蛛访问就需要很好的去引导它们。
 
谷歌开放适配规则
 
对应URL举例:
 
PC电脑网站: https://www.yiyada.com/
 
手机网站版本: 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="https://www.yiyada.com/" 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版网页(http://pc_url) 上,添加:
 
<linkrel="alternate"media="only screen and(max-width: 640px)"href="http://pc_url">
在移动版网页(http://mobile_url) 上,所需的注释应为:
 
<linkrel="canonical"href="http://mobile_url">
之前的Meta标记(mobile agent)会继续沿用,但我们推荐使用HTMAL5语言制作的移动页面使用最新方案进行跳转适配,其它如xml语言的移动页跳转适配,需要继续使用之前的meta标记方式:
 
<metaname="mobile-agent"content="format=[wml|xhtml|html5]; url=mobile_url">
html5新增的移动适配写法如上,这个主要是为了百度等搜索引擎抓取到网站的移动端网址是什么,不是自动当设备切换到手机时自动跳转的.若实现自动跳转还需要js.