卢松松博客

百度移动优化:PC页、H5页跳转适配最优方案

 人参与 | 时间:2015年06月15日 07:49

百度站长平台再次就移动端网站优化提供优化建议。

百度移动优化:PC页、H5页跳转适配最优方案 微新闻

百度针对PC页与H5页的跳转适配方式的最优方案:在pc版网页上,添加指向对应移动版网址的特殊链接rel="alternate"标记;同时在移动版网页上,添加指向对应pc版网址的链接rel="canonical"标记。

百度给出的范例:

pc版网址:http://www.example.com/page-1

移动版网址:http://m.example.com/page-1

那么对应的注释如下:

在pc版网页(http://www.example.com/page-1) 上,添加:

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

在移动版网页(http://m.example.com/page-1) 上,所需的注释应为:

<link rel="canonical"href="http://www.example.com/page-1" >

之前百度强调的的Meta标记(mobile agent)还会继续沿用,但现在百度推荐使用HTMAL5语言制作的移动页面使用最新方案进行跳转适配,其它如xml语言的移动页跳转适配,需要继续使用之前的meta标记方式——<meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=url">。

一直纠结HTML5优化的站长有答案了。

相关阅读:

响应式网页设计的快速教程(适合个人站)

HTML5与搜索引擎优化

4个好用的基于HTML5的跨平台App开发工具

顶: 0踩: 0

来源:,欢迎分享,(QQ/微信:13340454)

原文地址:http://lusongsong.com/blog/post/1297.html

必填

选填

选填

◎已有 29 人评论,微信搜:QQ13340454

1楼访客  2016-05-10 10:30:30
推荐一个跨屏测测试工具 跨屏测
顶: 0踩: 0 回复
2楼君典制衣  2016-04-01 23:24:52
那是不是列表与正文都要这样适配呢~最近一直在做PC与手机端的适配`~刚开始学,还没有找到解决方法,虽然说网络什么都能找到吧,但真正有用的还真不好找啊
顶: 0踩: 0 回复
3楼小小  2015-12-21 16:17:46
那就是你没有理解SEO和网络营销之间的关系了。
顶: 0踩: 0 回复
4楼归心养生网  2015-06-20 20:53:43
不会,还要学习才行。
顶: 0踩: 0 回复
5楼天天菜谱  2015-06-19 00:51:43
有个疑问,就是手机端有没有必要加一个跳转到pc端的代码??
顶: 2踩: 0 回复
6楼防伪标签  2015-06-18 11:52:27
不懂呢
顶: 1踩: 0 回复
7楼八角产地  2015-06-17 13:52:56
一直纠结HTML5优化的站长有答案了,,谢谢
顶: 0踩: 0 回复
8楼八角产地  2015-06-17 13:51:50
又需要学习了
顶: 0踩: 0 回复
9楼天天菜谱  2015-06-17 07:50:01
这个不错。
顶: 0踩: 0 回复
10楼九块九包邮网  2015-06-16 16:58:50
之前百度强调的的Meta标记(mobile agent)还会继续沿用,但现在百度推荐使用HTMAL5语言制作的移动页面使用最新方案进行跳转适配,其它如xml语言的移动页跳转适配,需要继续使用之前的meta标记方式——<meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=url">。
顶: 0踩: 0 回复
11楼范超博客  2015-06-16 09:30:34
HTML5离我们越来越近了
顶: 0踩: 0 回复
12楼微信大全  2015-06-16 07:19:17
百度在不断升级
顶: 0踩: 0 回复
13楼衣服吊牌  2015-06-15 21:39:26
这才是优势
顶: 0踩: 0 回复
14楼广州深圳高铁族  2015-06-15 18:39:13
HTML5离我们越来越近了
顶: 0踩: 0 回复
15楼求网站你懂的无毒  2015-06-15 18:04:37
HTML5离我们越来越近了,还有很多站没有做好迎接HTML5的准备啊。
顶: 0踩: 0 回复
16楼真羡慕你的诗  2015-06-15 16:24:34
HTML5 手机端的 轮播是怎么触发的?
顶: 0踩: 0 回复
17楼广州男科医疗网  2015-06-15 14:54:11
但愿大家多活动一下 不要点击我的网站

顶: 0踩: 0 回复
18楼广州男科医疗网  2015-06-15 14:49:40
看大家都是it行业的领军人物每天运动的时间少,想必多少都有点男科问题吧
顶: 0踩: 0 回复
19楼电缆支架  2015-06-15 13:05:24
看来HTML5还是很有优势的!
顶: 0踩: 0 回复
20楼乐时代网赚  2015-06-15 12:10:13
还是不会,是要先用SITEAPP建个手机网站吗
顶: 0踩: 0 回复
21楼优站长网  2015-06-15 10:41:42
移动网站还是不能完全适配pc网站。
顶: 0踩: 0 回复
22楼虚拟主机  2015-06-15 09:45:05
优化多了,其实就没什么作用了,用户喜欢的话,你不用优化自己的网站都行,你看那些大型门户首页有几个填关键词的,都是我们一些小站在弄。大型网址反而不去弄这些。
顶: 0踩: 0 回复
23楼ZIPPO专卖店  2015-06-15 09:37:40
这可怎么是好啊。
顶: 0踩: 0 回复
24楼上海大金空调维修  2015-06-15 09:24:53
pc适配移动站有没有好的免费工具:百度(要备案)、搜狐快站(快适配规则难写)、cnzz云建站(功能简单无法满足需求)全部out,还有没有好一点的工具,SOS
顶: 0踩: 0 回复
25楼金骏眉品牌  2015-06-15 08:55:05
这两个标记:rel="alternate" 和 rel="canonical",感觉都是跟着谷歌的步伐在走,不过对于百度,也是个进步
顶: 0踩: 0 回复
26楼诺伊网  2015-06-15 08:51:53
手机站看着挺美,实际上跟电脑端比差远了,信息内容缺乏,,浏览限制等等因素,转化也低。
顶: 0踩: 0 回复
27楼测厚仪  2015-06-15 08:49:54
在pc版网页上,添加指向对应移动版
顶: 0踩: 0 回复
28楼济南网站优化  2015-06-15 08:45:17
百度现在整个就是神经病算法,大批稳定的站点关键词排名拔毛,垃圾站堂而皇之的占据前排位置。等着吧,百度这种公司不改变早晚作死!
顶: 0踩: 0 回复