欢迎来到常州网络公司, 提供常州网站建设、常州SEO优化、网站推广等网络营销服务!
咨询热线:1319672639当前位置: 常州网络公司 > SEO技术 > 网站优化知识 >
网站优化知识
网站优化知识
SEO优化服务

联系我们

电话咨询:13196726392
E-mail:907664462@qq.com
主营业务:网站建设、SEO优化、网络推广

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

作者:刘代码   来源:刘代码   发布时间:2021-03-02

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"属性的方式。

关于织梦移动适配方法可以看这篇文章:织梦移动化适配:百度跳转适配之代码适配


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