采用DIV+CSS对网站重构日趋被大家重视起来了,尤其是大型站点,就在今天下午,逆云网首页改版就选择了这种做法。其实,早些时候像阿里巴巴、163等大型门户站点就已经完成了重构工作。Robin早在去年就已经有了使用DIV+CSS来编写网页源码的习惯了,个人感觉这种方法确实比传统的表格形式的源码架构强多了。
很多SEO技术爱好者不是很明白DIV+CSS与表格相比到底有什么好处而来向我咨询,今天我来统一回答
根据我个人将近一年的网页编写经验,采用DIV+CSS进行网页重构相对与传统的表格网页布局而具有以下显著优势:
在搜索引擎优化(SEO)上的优势
SEO主要就是通过对网站的结构,标签,排版等各方面的优化,使Google等搜索引擎更容易搜索网站的内容,并且让网站的各个网页在Google等搜索引擎中获得较高的评分,从而获得较好的排名。DIV+CSS网页布局对SEO有哪些影响呢?
使用DIV+CSS布局,具有代码精简的优点,这一点相信对XHTML有所了解的都知道。
代码精简所带来的直接好处有两点:一是提高Spider爬行效率,能在最短的时间内爬完整个页面,这样对收录质量有一定好处;二是由于能高效的爬行,就会受到Spider喜欢,这样对收录数量有一定好处。
DIV+CSS布局在seo上的优势无疑是明显的.用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到你的网页内容,并可能给你一个较高的评价。这个对于网站排名来说非常重要的,虽然这个随着搜索引擎技术的成熟,也能对表格布局的页面很好地抓取,但是始终比不上对div布局网页那样友好.
在页面加载速度方面的优势
对于同一个页面视觉效果,采用DIV+CSS重构的页面容量要比表格布局编码的页面文件容量小得多,前者一般只有后者的1/2大小。
在网站维护性方面
DIV+CSS布局的网站易于网站维护和改版表现和内容相分离,将设计部分剥离出来放在一个独立样式文件中,HTML文件中只存放文本信息。你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。使用CSS来设计导航菜单并不会限制你的设计。事实上,CSS会提供更加灵活的导航设计方案,当用CSS来设置背景图时也能实现各种视觉效果。这样在网站维护和修改过程中节省大量的时间和精力,有着表格布局难以比拟的优势.
其它方面
div容易定制DOM id标识:在某些用到ajax的地方,用起来方便。
降低流量费用:由于采用CSS网页布局,使得页面体积变小,浏览速度变快,这就使得对于某些控制主机流量的网站来说是最大的优势了。
结论:
使用表格布局排版是不明智的
表格之所以存在于 HTML 中,只是为了一个目的:显示表格状的数据。然而此后的 border="0" 使得设计师可以将图片和文本放在这无形的网格中。迄今为止,表格仍然主导着视觉丰富的网站的设计方式,但它却阻碍了一种更好的、更有亲和力的、更灵活的,而且功能更强大的网站设计方法。
学习div+css布局对我有什么用处
我们将告诉你这样一种工作方式,它会:使你的页面载入得更快,降低你的流量费用,让你在修改设计时更有效率而代价更低,帮助你的整个站点保持视觉的一致性,让你的站点可以更好地被搜索引擎找到,使你的站点对浏览者和浏览器更具亲和力,在世界上越来越多人采用 Web 标准时,它还能提高你的职场竞争实力(事实上也就是降低失业的风险)。
