首页 > SEO论点 > CSS+DIV重构与SEO

CSS+DIV重构与SEO

作者:robin 时间:2006年12月30日

采用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的其他文章:

SEO论点

  1. 2006年12月31日09:35 | #1

    嗯嗯。赞一下

  2. user
    2006年12月31日14:55 | #2

    早就提倡div css了

  3. 2007年1月4日13:22 | #3

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

  4. 2007年1月5日03:47 | #4

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

  5. 2007年1月5日14:11 | #5

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

  6. 2007年1月6日17:20 | #6

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

  7. 2007年1月10日17:31 | #7

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

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

  8. 2007年6月5日11:24 | #8

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

  9. snowshadow
    2007年10月17日14:47 | #9

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

  10. 2008年5月6日16:15 | #10

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

  11. 2008年10月6日16:06 | #11

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

  1. 目前还没有任何 trackbacks 和 pingbacks.
本文的评论功能被关闭了.