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

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

定义说明：

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

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

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

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

书写格式：

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

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

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

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

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

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

用法举例：

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

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

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

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

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

扩展学习(最新跳转适配方案)

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

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

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

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

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

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

本文标签：

温馨提示：【标注原创的文章，转载请注明出处！本站部分素材取自网络，若文章涉及版权请发至邮箱：907664462@qq.com，我们会及时与您联系】