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
原载: 点石互动搜索引擎优化团队博客
版权所有,转载时必须以链接形式注明作者和原始出处及本声明。
- 如花五月,来杭州参加点石茶话会吧! - 2008-03-25
- 在深圳清华大学研究院讲搜索引擎品牌管理 - 2008-03-22
- 把搜索引擎营销带进南京大学 - 2008-01-12
- 2007年末点石南京茶话会演讲PPT下载 - 2007-12-23
- 新浪博客在谷歌中的搜索结果遭遇危害提示 - 2007-12-12












嗯嗯。赞一下
早就提倡div css了
div css真的是好东西!!!。
很喜欢你们blog用的这个themes,但是你们Designed by那个链接指向的themes很多新功能都用不了,能不能共享一下你们自己修改后的这个版本呢?
请问一下,我DIV CSS一定要全站都用这个吗?
我觉得有的时候运用一些table更加的方便.希望给予指点,本人现在正在学习DIV CSS来重构网站,能否给一些建议或指点,如果可以帮我指点一下目前的网站就更好了,谢谢!
其实DIV标签用做结构啦,TABLE在数据方面还是有自己的长处,并不一定要全部用DIV啦。XHTML CSS学习起来还是有很长得路要走!
to七楼的幻想
使用二维数据时当然应该用table。
只是不要将table用于布局。
另外,内容和样式需要保证在没有css的情况下页面也能正常浏览。
所以,如果整个网页都用div和span的话,这时看起来就面目全非了。因而使用html标记要注意其语义。
我最近正在转学div css。觉得它以后一定是我们的网站制作者的主攻方向。我能把本文转载到我们 资讯100 http://www.zx100.com 上吗?
我想问问,用div css,对显示器有什么要求吗?现在流行宽屏液晶,又说标屏适合做设计。不太懂了。请教一下了。谢谢!
好不容易我的站改为DIV css的了!还换了国外的主机空间 独立IP,却发现GOOGLE一跳舞!
我的PR还降了难道真的是RP问题!
郁闷啊!
还好排名基本没有变化!