野狼SEO团队,纯白帽SEO倡导者!18年专注网站优化服务,支持月付!  [点击查看公司宣传册]
专注纯白帽、整站正规优化
让你排名上升,流量暴涨!
网站优化服务电话
0371-56789-390
详细内容
当前位置:首页 > SEO知识 > 详情

移动网站适配PC网站后应该增加的代码

发布时间:2016-09-12 来源:本站原创 作者:野狼SEO团队 阅读:655

如果你网站是电脑网站,现在做了一个数据互通的手机网站,那么自然是要对电脑和手机网站进行适配,需要哪些适配代码呢,这里野狼为您总结一下:

大致分为几种:跳转代码、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团队

十六年网站建设相关经验
一站式为您提供网站相关服务

欢迎扫码咨询

访客头像访 客18.97***
新评论

还没有人评论,快来抢个沙发!