便宜做网站,不用客户动手特价999元,源码整套仅需50元起

移动网站适配PC网站后应该增加的代码
如果你网站是电脑网站,现在做了一个数据互通的手机网站,那么自然是要对电脑和手机网站进行适配,需要哪些适配代码呢,这里野狼为您总结一下:
大致分为几种:跳转代码、PC站适配代码和手机站适配代码。
1、跳转代码
根据你网站的类型,如果是纯静态生成的,可以使用JS做跳转,就是用手机访问电脑的时候跳转到手机站上,PC访问手机站的时候跳转到PC网站上。
不同的网站跳转方式不一样,如果是程序适配或者自适应的,就无须跳转,PC和手机访问同一个网站,出来的是不同的代码。
如果分开的手机站和PC站才需要做跳转。做法比较多,这里不作为重点。
2、PC站适配代码
在你的电脑站头部加入这样的代码:
1、<meta http-equiv="mobile-agent" content="format=html5;url=http://m.390seo.com/">
这句代码是告诉搜索引擎,建议手机搜索引擎去抓取http://m.390seo.com/,同时声明这个页面的格式是HTML5的,这样搜索引擎在PC站上爬的时候就会发现你的手机站了。
2、<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.390seo.com/" />
这个也是告诉搜索引擎PC站页面对应的移动站网址,可以给搜索引擎一个提醒。
以上两个代码都是百度推荐的做法,用其中任意一个即可。
3、说明这个网站适合电脑浏览的代码:
<meta name="applicable-device"content="pc,mobile">
备注:如果是自适应网站可以声明这个页面适合电脑和手机访问:<meta name="applicable-device"content="pc,mobile">
3、手机站适配代码
手机网站上可以增加代码:
<link rel="canonical" href="http://www.390seo.com/" >
<meta name="applicable-device" content="mobile">
看了上边的资料,是不是觉得比较乱,那么简单总结一下:
1、自适应网站要标注页面适合电脑和手机访问,代码是:
<meta name="applicable-device"content="pc,mobile">
2、程序适配网站和JS跳转适配的网站都要标注不同页面对应的PC(或手机站)网址,可用两种方法:
(PC站)<meta http-equiv="mobile-agent" content="format=html5;url=http://m.390seo.com/">
(PC站)<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.390seo.com/" />
(手机站)<link rel="canonical" href="http://www.390seo.com/" >
另外还可以标注这个网页适合什么样的浏览形式:
(PC站)<meta name="applicable-device"content="pc">
(手机站)<meta name="applicable-device"content="mobile">
以上是增加代码的方式,当然你也可以通过给百度提交移动适配关系来提交,理论上讲,用哪种方式都是可以的,如果不怕费事儿,多种方式并用可能会更好!
参考资料:
《百度站长平台》 http://zhanzhang.baidu.com/college/courseinfo?id=156
《百度站长平台》http://zhanzhang.baidu.com/college/articleinfo?id=443

本文作者:野狼SEO团队

十六年网站建设相关经验
一站式为您提供网站相关服务
欢迎扫码咨询
还没有人评论,快来抢个沙发!