云南网站建设 13888621283云南商城开发

移动端网站开发如何做代码适配?

咨询电话:13888621283
点击统计:126  发布时间:2018-10-31 15:56:08
如果不做移动适配的话,可能我们本来有的移动网页和移动端排名因百度无法确认是移动页面,因此这部分流量都给指向了百度的转码页。可以看自己网站在站长工具里面,移动端有多少流量是指向了转码页。这部分流量在做完适配后,即可指向我们的移动页面,避免了自己的流量被百度截流。

上次介绍了百度跳转适配的相关问题,今天为大家介绍一下移动端网站如何做代码适配。那么具体代码适配站点在开发时要注意哪些内容呢?




代码适配的开发,百度官方也有详细的说明,可分为两部分: Vary HTTP标头 和 Meta applicable-device 标签。

一、Vary HTTP 标头

其作用在百度的文档里解释得很清楚:

1、它会向百度传递一个信号,表示说这是个代码适配的站点,百度就会尽快把网站抓取一遍进行适配;

2、它可以防止用户接收到错误的网页缓存。这部分是在网站的服务器上进行的,有可能是Nginx,Apache, IIS 等,需要在服务器的配置里,设置Varyheader 为Vary:Accept-Encoding, User-Agent

比如Nginx 下,可以在配置文件中加上:more_set_headers-s 200 "Vary: " "Accept-Encoding, User-Agent"

注意:打开这个设置需要nginx同时安装有ngx_headers_more模块

在Apache下,可以在配置文件里写上:Headerappend Vary User-Agent



二、Meta applicable-device 标签

Vary header 加上之后,为了让百度更好地识别我们的页面是 PC 还是 Mobile,就需要使用百度自定义的这个 Meta applicable-device 标签了。注意以下来自百度的消息: Meta applicable-device 标签,并非是站点必须标注的,现在很多站点没有标记这个标签情况也很好。但这个标签可以帮助百度校验自己的判断,并及时进行修正。做这个事情又不麻烦,所以我们建议代码适配站点为了保证效果,还是加这个标签。

因此可能有些网站之前的移动流量已经很好了, 不会出现被百度转码的情况. 这说明百度已经能很好地识别你的移动页面了. 但是依然建议加上这个标签, 一来加这个标签很容易, 二来可以确保百度能更准确地识别页面类型. 如果没有加这个标签的话, 万一突然技术做改版, 一些代码的修改导致百度无法继续准确识别页面类型了呢?

这部分是在网站的模板里添加的。自适应的网站肯定已经有了判断用户设备是 PC还是 Mobile的逻辑。利用这个逻辑,在整站的<head></head> 部分添加一行代码即可:

如果用户是PC设备(注意需要包括Baiduspider PC UA),则添加<metaname="applicable-device" content="pc">

如果用户是移动设备(包括Baiduspider Mobile UA),则添加<metaname="applicable-device" content="mobile">

注:关于BAIDUSPIDER,移动和PC其实都是Baiduspider,并没有区分,只是UA进行了区分。新移动UA请见百度官方文档。

以上是深圳网站建设沙漠风为大家总结的一点经验,希望对大家在移动端网站制作的思路上有所帮助,如需获得咨询及方案,欢迎联系咨询我们获取。

相关文章推荐:《手机网站建设中百度移动适配操做使用方法》http://www.szweb.cn/SeoNews/6645.html



转载自:沙漠风

信息推荐
INFORMATION RECOMMENDATION

¤商城网站建设 配色类别值的注意   色彩,为我们的日常生活添加了很多的乐趣和生活情调。每天早上的日出,由灰中带红,红中有亮的色调组成,看到日出,我们的心情也会很好的。可以说,色彩在我们的日常生活中发挥着重要的作用。对于网站建设来说

¤创建网页内容需要注意事项有哪些   而今的网络时代的到来给我们提供了更多的便利,因为博得了市场的广为需求,但是要想更好的提升服务性能创建网页时候必须重视内容的作用发挥,给我们才能提供更为高效的服务满足

¤网站中如何搭配色彩会吸引人
&nbsp; 网页色彩的搭配好坏会直接会影响到用户的潜在思维,不好的色彩搭配则会让用户浮躁以至于失去信任,好的色彩搭配会给访问者带来很强的视常冲击力,提升对企业的好感

¤什么是微网站制作 微网站的好处有哪些   说起网站可能大家都不陌生,但是对于微网站这个词不知道大家有没有了解,什么是微网站呢?我们知道现在基本上所有的公司都有自己的官网,消费者可以从企业的网站上了解很多东西,但是现在人们坐在电脑前上网的时间越来越少

¤企业网站建设如何才能获得经济效益   随着互联网信息技术的不断进步,人与人之间的交流也更加快捷。企业网站建设更是拉近了人与人沟通的距离。近些年来,一个企业要想在社会上站稳脚跟,那么就一定要搭建成一个质量特别好的企业网站,那样才可以进一步的推广

¤竞价推广钱花了效果不明显怎么破
  先SEM推广没有效果大概会想到的问题都有哪些?关键词过偏?是不是呢?CPA高了?或又是转化率偏低?等等!这些都是没有效果的表现!  大概就这些问题:关键词较差、咨询不好、跳出率高、恶意点击严重、成本居高不下、转化率特

¤微信小程序开发开放插件功能,接下来可以“共享开发”了!
腾讯旗下社交媒体平台微信今天宣布,将为小程序开放插件功能,开发者可以像开发小程序一样开发一个插件,供其他小程序使用。小程序开发者也可以直接把插件添加到自己的小程序内,不需要重复开发,用户进入小程序时

¤新媒体运营打造爆点 把握这三要素即可
  提炼产品的需求或痛点是基础  无论做任何产品和事件,传播的原点就是找到用户的诉求点,去寻找这个内容或产品里能够真正打动用户,引起用户传播的契机。这就个是传播的核心。对于这个契机的判断标准是,它是否具备一个独特属性

¤网页设计公司需要哪些必要的软件来设计网页   由于互联网的广泛应用,现在越来越多的商业推广都离不开网站,因此想要进入网络大潮中分一杯羹的人也就越来越多

¤标准型网站怎么制作 效果会更好更明显   其实网站的建立没有太过于规范的标准,或者说是规定的样式,今天我们就来讲一讲,标准的网站怎么制作才是正确的。  网站建设前期  在网站怎么制作的前期,要做好充分的市场调研,了解当今网站的运营状况以及种目类别

返回首页
返回首页
拨打电话
拨打电话
短信咨询
短信咨询