meta元标签移动适配及自适应声明代码(含百度移动)
meta元标签移动适配及自适应声明(含百度移动适配)1、首页移动适配及自适应
①百度开放适配(自适应站点无需添加,非自适应站点仅pc端添加)
<meta name="mobile-agent" content="format=html5;url=完整移动端链接">
②不同页面的适配代码
1)自适应页面:
本页面适配声明:<meta name="applicable-device"content="pc,mobile">
2)跳转适配页面:(指的是:有独立域名的移动端站点)(自适应站略过此条即可):
pc端:
搜索引擎适配(对应wap):
<link rel="alternate" media="only screen and (max-width: 640px)" href="完整移动端链接" />本页面适配声明:
<meta name="applicable-device"content="pc">wap端:
搜索引擎适配(对应pc):
<link rel="canonical" href="完整PC端链接">本页面适配声明:
<meta name="applicable-device"content="mobile">
http://www.sheepyc.com/static/image/hrline/line7.pnghttp://www.sheepyc.com/static/image/hrline/line7.pnghttp://www.sheepyc.com/static/image/hrline/line7.png
2、栏目页移动适配及自适应
pc端
百度开放适配(仅pc添加):<meta name="mobile-agent" content="format=html5;url=完整移动端栏目链接">
搜索引擎适配(对应wap):<link rel="alternate" media="only screen and (max-width: 640px)" href="完整移动端栏目链接" />
本页面适配声明:<meta name="applicable-device"content="pc">
wap端
搜索引擎适配(对应pc):<link rel="canonical" href="完整PC端栏目链接">
本页面适配声明:<meta name="applicable-device"content="mobile">
自适应
本页面适配声明:<meta name="applicable-device"content="pc,mobile">
3、文章页移动适配及自适应
pc端
百度开放适配(仅pc添加):<meta name="mobile-agent" content="format=html5;url=完整移动端文章链接">
搜索引擎适配(对应wap):<link rel="alternate" media="only screen and (max-width: 640px)" href="完整移动端文章链接" />
本页面适配声明:<meta name="applicable-device"content="pc">
wap端
搜索引擎适配(对应pc):<link rel="canonical" href="完整PC端文章链接">
本页面适配声明:<meta name="applicable-device"content="mobile">
自适应
本页面适配声明:<meta name="applicable-device"content="pc,mobile">
其他页面按上述规则类推即可
页:
[1]