百度pc与wap适配：Meta声明、html5最新跳转适配方案

meta标签name="mobile-agent"属性主要用于百度移动搜索，有利于搜索引擎将PC端的网站适配到手机移动端的网站，提高手机移动端访问和浏览网页的用户体验性！

定义说明：

百度官方对<meta>标签name="mobile-agent"属性的声明定义：

“站点如果自行适配有困难，可以在PC页面中做简单改造，百度协助实现适配效果。即：站长在站点PC页的源代码头部嵌入一行或多行Meta信息，由Meta信息来指明该PC页对应的手机页的URL，以及该URL对应页面的格式，百度将根据用户终端类型选择最适合展示的页面。”

如果你的站点没有对应关系的PC页面，则无需添加该Meta标签name="mobile-agent"属性；添加完该标签后，百度一般在7天左右生效，老旧页面可能会有延迟，但百度不保证一定能在移动搜索结果中按照您提交的对应关系进行替换。

meta标签的name="mobile-agent"属性定义不仅限于百度移动搜索，当用户通过手动输入网址，或者其他移动搜索引擎、导航站等渠道访问站点时，适配同样有效。

书写格式：

在pc端的html页面中的head头部区域添加meta标签声明：

<meta name="mobile-agent" content="format=文档类型;url=手机移动页URL">

content属性中url等号后“手机移动页url”的值，代表当前PC页所对应的手机移动页url，两者必须是一一对应关系，且只支持绝对路径。

content属性中format等号后“文档类型”的值，根据手机移动网页使用的协议语言，选择以下对应的一种类型：

wml：是WAP协议在无线客户端上展示网页内容；

xhtml：是以XML格式编写的HTML，是可扩展超文本标记语言；

html5：是html超文本标记语言，数字5代表html的版本号；

用法举例：

当PC端的网页对应的手机移动端的网页URL是：m.abc.com，根据手机移动端的网页文档类型有以下三种情况：

如果对应的手机移动端网页文档类型是html5编写的，那么在PC端网页中加入如下代码：

<meta name="mobile-agent" content="format=html5;url=http://m.abc.com/">

如果对应的手机移动端网页文档类型是WML编写的，那么在PC端网页中加入如下代码：

<meta name="mobile-agent" content="format=wml;url=http://m.abc.com/">

如果对应的手机移动端网页文档类型是xhtml编写的，那么在PC端网页中加入如下代码：

<meta name="mobile-agent" content="format=xhtml;url=http://m.abc.com/">

当对应的手机移动端的网页有两版本（比如对应有wml和html5两个手机移动版本的网页），且对应的网址均是m.a.com，那么，可以在pc端页面添加以下代码：

<meta name="mobile-agent" content="format=xhtml; url=http://m.abc.com/">  

<meta name="mobile-agent" content="format=html5; url=http://m.abc.com/">

扩展学习（最新跳转适配方案）

上文学习了使用<meta>标签name="mobile-agent"属性标记是让PC版网页跳转适配手机移动端网页，且适合于wml、xhtml、html5三种文档类型的手机移动版页面；

另外，百度还专门针对html5语言制作的手机移动页面推出了最新跳转适配方案，方案内容如下：

假设PC端的网页www.abc.com对应的手机移动端的网页m.abc.com时，

1、在pc版网页（www.abc.com）上，添加指向对应手机移动版网址的<link>标签rel="alternate"属性标记，可以帮助百度搜索引擎发现网站的移动版网页所在的位置,代码如下；

<link rel="alternate" media="only screen and(max-width: 640px)" href="http://m.abc.com/" >

2、在手机移动版网页（www.abc.com）上，添加指向对应pc版网址的<link>标签rel="canonical"属性标记，可以帮助百度搜索引擎发现网站的PC版网页所在的位置，代码如下；

<link rel="canonical"  href="http://www.abc.com/" >

根据百度官方公告说明，之前的Meta标签name="mobile-agent"属性会继续沿用，但百度推荐使用HTML5语言制作的手机移动页面使用最新跳转适配方案，其它如xhtml、wml语言的手机移动页跳转适配，仍然需要继续使用的meta标签name="mobile-agent"属性的方式。

小二CMS介绍

我们立足合肥，业务覆盖安徽、全国及全球市场。我们凭借一支经验丰富、富有创意、协作无间的专业技术团队，专注于将前沿技术通过高效简捷的途径呈现给客户，量身打造优质解决方案。我们致力于通过持续努力，成为客户在信息化领域值得托付、共创价值的长期战略合作伙伴，协助客户在新经济时代敏锐捕捉商机，拓展发展空间，构筑强大竞争力。小二CMS专注企业数字化转型的智能建站与营销系统，提供从官网搭建、品牌推广到运营增长的一站式服务，助力中小企业低门槛拥有专业级互联网阵地。

网站建设 移动相关开发 营销推广与优化 域名主机邮箱 产品与技术 企业服务

了解全部业务

扫码咨询 · 关注微信