CSS+DIV重构与SEO

采用CSS+DIV对网站重构日趋被大家重视起来了,尤其是大型站点,就在今天下午,IT168首页改版就选择了这种做法。其实,早些时候像阿里巴巴、163等大型门户站点就已经完成了重构工作。Robin早在去年就已经有了使用CSS+DIV来编写网页源码的习惯了,个人感觉这种方法确实比传统的TABLE形式的源码架构强多了。

很多SEO技术爱好者不是很明白CSS+DIV与TABLE相比到底有什么好处而来向我咨询,今天我来统一回答:)

根据我个人将近一年的网页编写经验,采用CSS+DIV进行网页重构相对与传统的TABLE网页布局而具有以下4个显著优势:

1:表现和内容相分离

将设计部分剥离出来放在一个独立样式文件中,HTML文件中只存放文本信息。

2:提高搜索引擎对网页的索引效率

用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到你的网页内容,并可能给你一个较高的评价。

3:提高页面浏览速度

对于同一个页面视觉效果,采用CSS+DIV重构的页面容量要比TABLE编码的页面文件容量小得多,前者一般只有后者的1/2大小。

4:易于维护和改版

你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。

从以上的描述来看,采用CSS+DIV对网站重构可以大大提升网站用户与搜索引擎的友好度。既然是这样,那为什么不从现在开始就学习并掌握CSS+DIV的网站重构方法呢?

作者: Robin 
原载: 点石互动搜索引擎优化团队博客
版权所有,转载时必须以链接形式注明作者和原始出处及本声明。

robin的其他文章:
收藏本页到:
365Key | Yahoo! | 百度搜藏 | QQ书签 | Google Bookmark | del.icio.us




10 条评论来自

  1. 狼王德鲁伊 on 12月 31st, 2006

    嗯嗯。赞一下

  2. user on 12月 31st, 2006

    早就提倡div css了

  3. ywqs520520 on 01月 4th, 2007

    div css真的是好东西!!!。

  4. 逆火 on 01月 5th, 2007

    很喜欢你们blog用的这个themes,但是你们Designed by那个链接指向的themes很多新功能都用不了,能不能共享一下你们自己修改后的这个版本呢?

  5. 七楼的幻想 on 01月 5th, 2007

    请问一下,我DIV CSS一定要全站都用这个吗?
    我觉得有的时候运用一些table更加的方便.希望给予指点,本人现在正在学习DIV CSS来重构网站,能否给一些建议或指点,如果可以帮我指点一下目前的网站就更好了,谢谢!

  6. 心飘逝 on 01月 6th, 2007

    其实DIV标签用做结构啦,TABLE在数据方面还是有自己的长处,并不一定要全部用DIV啦。XHTML CSS学习起来还是有很长得路要走!

  7. hauy on 01月 10th, 2007

    to七楼的幻想
    使用二维数据时当然应该用table。
    只是不要将table用于布局。

    另外,内容和样式需要保证在没有css的情况下页面也能正常浏览。
    所以,如果整个网页都用div和span的话,这时看起来就面目全非了。因而使用html标记要注意其语义。

  8. 擦擦洗洗 on 06月 5th, 2007

    我最近正在转学div css。觉得它以后一定是我们的网站制作者的主攻方向。我能把本文转载到我们 资讯100 http://www.zx100.com 上吗?

  9. snowshadow on 10月 17th, 2007

    我想问问,用div css,对显示器有什么要求吗?现在流行宽屏液晶,又说标屏适合做设计。不太懂了。请教一下了。谢谢!

  10. led display on 05月 6th, 2008

    好不容易我的站改为DIV css的了!还换了国外的主机空间 独立IP,却发现GOOGLE一跳舞!
    我的PR还降了难道真的是RP问题!
    郁闷啊!
    还好排名基本没有变化!