meta元标签移动适配及自适应声明代码（含百度移动）

sheep

meta元标签移动适配及自适应声明（含百度移动适配）

1、首页移动适配及自适应
①百度开放适配（自适应站点无需添加，非自适应站点仅pc端添加）

1. <meta name="mobile-agent" content="format=html5;url=完整移动端链接">

复制代码

②不同页面的适配代码

1）自适应页面：
本页面适配声明：<meta name="applicable-device"content="pc,mobile">

2）跳转适配页面：（指的是：有独立域名的移动端站点）（自适应站略过此条即可）：
pc端：
搜索引擎适配（对应wap）：

1. <link rel="alternate" media="only screen and (max-width: 640px)" href="完整移动端链接" />

复制代码

本页面适配声明：

1. <meta name="applicable-device"content="pc">

复制代码

wap端：
搜索引擎适配（对应pc）：

1. <link rel="canonical" href="完整PC端链接">

复制代码

本页面适配声明：

1. <meta name="applicable-device"content="mobile">

复制代码

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">

其他页面按上述规则类推即可