响应式/自适应网站对百度友好的优化

作者: admin 分类: 手机站设计 发布时间: 2017-04-18 23:14 ė 6 19条评论

响应式(或者说自适应)是指可以根据设备分辨率进行自动适配已达到友好显示的一种网页设计,目前已经被越来越多的网站所使用,因为相比于传统的搭建一个PC站点,使用响应式/自适应的方式有以下优点:

  1. 搭建更简单快捷,缩减成本;
  2. 提升用户体验,不需要中间跳转另记域名;
  3. PC端和移动端SEO保持一致;
  4. 避免重复内容和出错内容;
  5. PC端和移动端链接统一。

那么,如何做到对百度友好呢?

 

搜索引擎优化与用户体验是相辅相承的

要做好SEO优化,首先肯定是需要有一个良好的用户体验。这里就采用响应式设计的网站总结一些需要注意的问题。

响应式图片

网站在移动端的打开速度

移动端网络情况复杂,从2G到4G到WIFI,各种情况下的访问速度如何,这些都是需要考虑的,尤其是响应式的网站,由于是适配PC端的,所以难免会有很多js、css以及图片等,而这些文件如果过多或者过大,对于访问速度肯定是会有影响的。针对这些问题,有如下建议:

  1. css文件尽量都合并再一个文件里面,并且进行压缩;
  2. js文件放在页脚,多个js文件在条件允许的情况下建议合并并且压缩;
  3. 图片建议压缩后上传,不宜过多图片,背景图片可以采用雪碧图合并;
  4. 开启Gzip压缩;
  5. 有条件可以选用CDN进行静态资源的加速。

图片等资源在移动端的表现

对于图片等资源,建议设置最大宽度(max-width),避免屏幕过小图片过大导致图片溢出的情况。视频等资源,如果考虑移动端播放的话,请不要使用flash播放,因为iOS是播放不了的,如果是使用第三方视频资源的话,比如优酷土豆,获取视频分享代码的时候可以获取通用代码,通用代码是支持移动端播放的。

选择性的显示网页内容

有些内容不适合在手机端显示,比如播放不了的flash视频、悬浮广告,那这个时候我们可以不显示这些内容。对部分移动端不需要或者不友好的内容进行隐藏处理也是可以达到良好的用户体验。

响应式网站优化要点

上面都是响应式网站需要注意的优化细节,那么下面才是优化的重点:

applicable-device标注

优化好了响应式网站,我们还需要做的一件事情就是告诉百度,我是响应式网站!所以这是一个很重要的优化措施,需要在网页head标签内添加以下代码:

<meta name=”applicable-device” content=”pc,mobile”>

参考内容:《百度移动搜索优化指南2.0》

本文出自移动网站研究中心,转载时请注明出处及相应链接。

本文永久链接: http://mobile.moonseo.cn/sheji/60122.html

19条评论

  1. www.yihuanghou.com 2017年4月21日 上午10:22 回复

    时间飞快,转眼年中就要到来,祝你天天愉快!

  2. xuan 2017年4月26日 上午8:01 回复

    我只想默默的拜读您的博客!

  3. 增达网 2017年4月27日 下午1:41 回复

    你的博客让人流连忘返!

  4. 我赚啦 2017年4月29日 下午3:43 回复

    闲着没事,随便逛逛,心静自然凉。

  5. 衣皇后 2017年5月11日 上午8:54 回复

    衣皇后:

    百万张美女套图,上万部美女视频,一键转存,打包下载:

    http://www.wen.yihuanghou.com/

    衣皇后,等你来!

  6. 增达网 2017年5月15日 上午8:44 回复

    受教了!呵呵!

  7. 我赚啦 2017年5月19日 下午3:07 回复

    古人日三省其身,我从博客里吸收养分!

  8. 衣皇后 2017年5月31日 下午4:17 回复

    很荣幸来到这里参观!

  9. 增达网 2017年6月3日 上午8:57 回复

    闲遐的时候我们生活在网络,是否也像那美丽的春天,每个人都在展示心中那一抹美好的艳丽,网络虚拟与现实同在,真情与缄默并存。

  10. 872717058 2017年6月9日 上午9:45 回复

    好好学习,天天向上

  11. 直销 2017年6月13日 上午9:02 回复

    好几年没用过博客了,支持下!

  12. 增达网逆向直销网赚 2017年6月14日 上午9:29 回复

    爷,收下我的膝盖!

  13. 增达网QQ-2302595584 2017年6月15日 下午3:26 回复

    没玩过博客,感觉还挺好玩!

  14. 网赚 2017年6月22日 上午8:28 回复

    这个不错哦,我好好读读!

  15. 增达网 2017年6月25日 上午10:26 回复

    看看你的博客,也是一种娱乐!

  16. 我赚啦 2017年6月28日 下午4:18 回复

    反正闲着也是闲着,就来看看您的博客!

  17. 我赚啦 2017年7月2日 上午7:52 回复

    抱着学习的态度来看看

  18. 三五营销软件 2017年7月11日 上午11:00 回复

    真是学无止境!

  19. 增达 2017年7月13日 上午8:34 回复

    玉不琢不成器,人不学不知道,拜读了!

发表评论

电子邮件地址不会被公开。 必填项已用*标注

Ɣ回顶部