本站推荐

如何实现手机移动网站和PC站点的自主适配

来 源:共享世纪 作 者:黄聪 时间:2015-12-06 点击:
loading...

视频地址:http://www.tudou.com/programs/view/v4Hur5vjav4/

1、自主适配

A:站点自己做好PC与手机之间的适配,以及手机站各个版式之间的适配。当手机用户通过百度移动搜索或者其他方式访问站点的PC页时,站点将其自动适配到该PC页面对应的手机页,并为之选择合适的页面版本。

B:站点若暂不具备自主适配的能力,可以使用百度提供的终端适配服务,简单快捷地实现自主适配。即:站点调用百度终端适配服务API进行简单的开发,就可以获取到访客的终端信息(包含操作系统、浏览器、机型信息)及适配版式建议,根据这些信息在站点服务器上实施跳转进而完成自主适配。 

终端适配服务介绍:

http://openapi.baidu.com/wiki/index.php?title=%E5%B8%AE%E5%8A%A9%E6%96%87%E6%A1%A3%E9%A6%96%E9%A1%B5/%E7%BB%88%E7%AB%AF%E9%80%82%E9%85%8D%E6%9C%8D%E5%8A%A1/%E7%BB%88%E7%AB%AF%E9%80%82%E9%85%8D%E6%9C%8D%E5%8A%A1%E4%BB%8B%E7%BB%8D

终端适配服务API:

http://openapi.baidu.com/wiki/index.php?title=%E5%B8%AE%E5%8A%A9%E6%96%87%E6%A1%A3%E9%A6%96%E9%A1%B5/%E7%BB%88%E7%AB%AF%E9%80%82%E9%85%8D%E6%9C%8D%E5%8A%A1/%E7%BB%88%E7%AB%AF%E9%80%82%E9%85%8DAPI%E5%88%97%E8%A1%A8

生效情况:

不仅限于百度移动搜索,当用户通过手动输入网址,或者通过其他移动搜索引擎、导航站等渠道访问站点时,适配同样有效。  

2、标注Meta声明

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

A、Meta声明格式:

  1. <meta name="mobile-agent"content="format=[wml|xhtml|html5]; urlurl=url"> 

Meta声明示例:

  1. <meta name="mobile-agent" content="format=html5;url=http://3g.sina.com.cn/"> 
  2. <meta name="mobile-agent" content="format=xhtml;url=http://sina.cn/">    

B、站长需要将Meta声明放在PC页源代码内部,如下:

  1. <head> 
  2. <meta name="mobile-agent" content="format=html5;url=http://3g.sina.com.cn/"> …… </head> 

生效情况:

标注Meta声明这一适配方案仅在百度移动搜索中生效,即只有当用户通过百度移动搜索访问站点时,适配才会生效;通过其他渠道则不生效。在标注准确对应关系无误的情况下,大约需要七天左右的时间生效,老旧页面会有延迟。但百度不保证一定能在移动搜索结果中按照您标注的对应关系进行替换。 

3、提交对应关系Sitemap

当站点推动PC页标注有困难时,可以选择提交PC页-手机页对应关系Sitemap,帮助百度在移动搜索结果进行替换。页面对应关系可以是url级别或者pattern级别的;站点也可以根据自身情况,将具备一定规律的url聚合成pattern,无法聚合的则仍以url对应形式存在,在站长平台分开提交。

来源:http://www.cnblogs.com/huangcong/
转载要求注明来源,请尊重作者版权!

关键字: 移动适配 手机移动网站 PC站点 自主适配

相关内容

会员登陆close X