1. 论坛系统升级为Xenforo,欢迎大家测试!
    排除公告

从SEO角度谈div+css和table布局的区别

本帖由 bayuchen2011-10-14 发布。版面名称:前端开发

  1. bayuchen

    bayuchen New Member

    注册:
    2011-05-06
    帖子:
    226
    赞:
    0
    有这样的说法:现在table布局已经过时了,一般企业常用的布局方式都是div+css布局,DIV用于布局,而TABLE则本来就是转二维数据的,那么为什么选择div+css布局的比较多呢?如下给大家分析一下!

    一:div+css布局
    1.div开发出来的网站,网页文件很小,这是因为css的原因,如果您网站用div的话,你很多图片代码就放在css样式表里面,这样加载起首页就非常快,网站打开速度也就快了。
    2.结构清晰,这是对于我个人而言的,我看DIV布局的网站,我看进来都感觉很舒服,心情很愉快。
    3.DIV+CSS布局节约站点所占空间和站点流量。这些都是DIV的好处。
    4.被列入了排名因素中。可能还有很多人不知道,其实div+css布局的网站已经被列入到搜索引擎排名中去了,大家可以去看看一些门户网站,大型站,他们都是用div,不再是传统的table了。
    5.改版起来非常方便:如果您网站想进行改版的话,您不需要去动网站的HTML文件,只要去修改一下CSS样式表就可以对网站进行大幅度的改动,最明显在给网站换皮肤的就用到这个。
    6.DIV+CSS布局能够适应未来多种客户端需求。
    7.代码精简:所带来的直接好处有两点:代写出国文书一是提高spider爬行效率,能在最短的时间内爬完整个页面,这样对收录质量有一定好处;二是由于能高效的爬行,就会受到spider喜欢,这样对收录数量有一定好处。div+css布局打开速度快,因为它可以先打开内容,再调用CSS文件

    用DIV进行排版的优势就是我不说,大家应该都比较清楚。DIV是标准,是大势所趋,但并不意味着所有的页面都适合用它来做。

    二:table布局
    表格在网页设计中比较直观,直接可以选择行与列,对内容进行定位划分,大小、高度、颜色、图片可以手动设置。
    1.表格操作简单直观,只要会一点word操作的人员,就差不多可以使用frontpage设计网页了(不够还是不专业),如果专业一点可以使用Macromedia Dreamweaver对网页进行编辑。
    2.可视化操作强,所有网页在网页编辑软件中编辑,可以视化操作,直观,你所看到的内容,和在浏览器中显示的内容基本上是一样的。
    3.网页如果要修改的话、我对每个独立的修改,如果很多风格一样的页面,不能同时操作。
    4.可视化操作强,所有网页在网页编辑软件中编辑,可以视化操作,直观,你所看到的内容,和在浏览器中显示的内容基本上是一样的。
    5.网页设计时文件内容很多及设计丰富的话,文件会变得非常之大。
    6.网页设计速度快,如果你要编辑的网页不是很多的话,使用表格排版,网页的速度是非常快的,如使用Macromedia Dreamweaver对网页进行编辑,按ctrl+alt+t快捷键,就可以插入表格,输入行和列,就可以插入表格。

    所以如果我们做一个需要网站优化的话最好是div+css布局的,这样才能更好的达到优化效果。http://www.titleps.com 因为 很多网站如何推广的文章中称,搜索引擎一般不抓取三层以上的表格嵌套,这一点一直没有得到搜索引擎官方的证实。我的几项实验结果没有完全出来,但根据目前掌握的情况来看,spider爬行Table布局的页面,遇到多层表格嵌套时,会跳过嵌套的内容或直接放弃整个页面。 而DIV+CSS布局基本上不会存在这样的问题,从技术角度来说,XHTML在控制样式时也不需要过多的嵌套。DIV+CSS布局较Table布局减少了页面代码,加载速度得到很大的提高,这在spider爬行时是非常有利的。过多的页面代码可能造成爬行超时,spider就会认为这个页面无法访问,影响收录及权重。另一方面,真正的SEOer不只是为了追求收录、排名,快速的响应速度是提高用户体验度的基础,这对整个搜索引擎优化及营销都是非常有利的。经验也证明了用div+css布局的话网站排名状况都是很不错的。
     
  2. hjm1992

    hjm1992 New Member

    注册:
    2011-08-11
    帖子:
    780
    赞:
    0