落伍者站长论坛's Archiver

lxy0618 发表于 2008-11-12 23:59

DIV和Table,到底哪个更符合SEO?(用实例讲讲技术)

很多站长朋友做站,似乎都喜欢DIV,哪怕自己不会DIV+CSS技术,也要硬着头皮一点点改样式表,因为他们都认为搜索引擎不喜欢Table做的网站,其实,使用WEB标准之后,并不是说排除表格的使用,表格并不是鸡肋,而正好相反是一盘鲍鱼。

    之所以在很多关于CSS布局的文章中常提到"为什么使用表格排版是不明智的"这句话,可能是大家对他的理解有误,这里注意一点"使用表格排版"是"不明智"的.指的是我们使用了很多年的,用表格来排版是不明智的,表格归根截底是一种显示"数据"的方式,就如我的这个网站[url]http://www.zhuxianwg.org[/url],完全是用Table做的,但是我做的很简洁,最多2层嵌套,能不用表格的尽量不用。大家可以想象一下EXCEL,表格就是起这个使用的,有的时候信息使用表格显示让我们能清晰易读,所以才使用表格.

    那么所谓表格鲍鱼呢,也就是说你如果能像专业市场分析公司那样,灵活使用表格来显示客户数据和调查数据等消息的时候,那才是真正利用了表格的优势.

  关于其它元素div、ul、li、span
  一般来说按照XHTML标准中的一些元素,分为三大类:

第一类是我称之为辅助布局设计元素:
这里我指的是DIV,SPAN等,这类元素的主要功能是用来布局整个页面的,灵活使用这些元素的各种属性,可以让你的页面表现丰富多彩.

第二类我称为结构化元素或叫信息元素:
  这里指的是TABLE,UL,PRE,CODE类元素是一种信息显示与整理方式,比如TABLE很明显就是用来显示表格信息的,UL是用来显示列化信息的,当需要用表格或列表的时候,用这二种方式来显示是明智的

第三类指的是A meta这样的,完全是为了实现一些功能,如填上关键字的META keyword.

       那么正确的符合W3C标准的设计思路是:
   使用DIV+CSS等布局元素来制作页面的设计布局、定位、色块、图片等。
    DIV也起整理数据的作用,这里的[url]http://www.yuyanw.com[/url]这个网站是完全用DIV做的,这个网站使用DIV的ID属性可以很方便的将一个DIV作为一个已命名的数据块进行填充,这样的布局及搭配也很合理,符合用户习惯.

       所以使用WEB标准来制作网站,达到减小代码冗余的实际目的,实际上也是信息合理化整合的一个过程,什么地方该用什么元素还是照用不误,别把表格当布局工具或唯一解决方式就行.分析到此,我们才更明白,原来DIV并非搜索引擎的宠儿,只要能将代码简洁、清晰、明了的展示给浏览者,给访客良好的用户体验,无论是DIV还是Table搜索引擎都会喜欢。别忘了,我们做站是给用户看的,而不是搜索引擎!

[[i] 本帖最后由 lxy0618 于 2008-11-13 00:03 编辑 [/i]]

mdiso 发表于 2008-11-13 21:06

以前一直喜欢用表格..因为不管什么浏览器都不用去考虑他的兼容.但是现在我的观点改变了.我要用DIV....
理由就省了.站长都知道

iceteaa 发表于 2008-11-13 22:41

up

西域风 发表于 2008-11-14 09:29

bufoo 发表于 2008-11-23 17:04

一直是table也好好的。

踢管 发表于 2008-11-23 17:28

我喜欢div加载的过程

hmilyld 发表于 2008-11-23 17:30

该DIV的时候DIV,改TABLE的时候TABLE
好像是废话.- -#

monkeys 发表于 2008-11-23 21:21

有道理,顶一个~~

无法显示 发表于 2008-11-23 21:38

和DIV TABLE没有关系 H1 H2 H3 才是重点 :ohh:

[[i] 本帖最后由 无法显示 于 2008-11-23 21:44 编辑 [/i]]

icheese 发表于 2008-11-23 21:59

div css
我比较能懂

土坷垃 发表于 2008-11-24 00:40

这就和ASP和PHP那个更好一个道理
不过百度基本不对这块加分,google肯定会的。
但是优化网站的核心都不是这些表面的东西啊。

ykserver 发表于 2008-11-24 08:26

这个文章说了和没说一样.

czlife 发表于 2008-11-28 14:15

用div的网站代码确实要少许多

xxghost 发表于 2008-11-28 15:15

明显是AD,你自己的站都是DIV的

ldll 发表于 2008-11-28 17:05

[quote]原帖由 [i]czlife[/i] 于 2008-11-28 14:15 发表 [url=http://www.im286.com/redirect.php?goto=findpost&pid=31533764&ptid=3034296][img]http://www.im286.com/images/common/back.gif[/img][/url]
用div的网站代码确实要少许多 [/quote]

xdong 发表于 2008-11-29 11:20

:)

易木宁 发表于 2008-11-29 11:43

哇,LZ的站那么业余,css还用style3,4来定义就来大谈特谈div,table,seo...
你举得例子完全是个例,你的页面上才多少内容,即使这样,使用DIV+CSS同样能将你的首页大小缩小到你现在的一半。更不用说内容很多的大站了。文件小了自然速度就快了,你可能会说现在都是M级带宽,几十K的大小没有影响,你有想过手机上网用户没有,一个页面几十K,那就是流量,那就是时间。

phpuser 发表于 2008-11-29 13:13

这个没什么用处吧,主要是能不能排第一

风雪飞雨 发表于 2008-11-29 14:25

我喜欢DIV,,,不过不太会用,只能用TABLE了.:P
DIV显示页面确实比表格快.

zhenfeng 发表于 2008-11-29 22:53

呵呵各有千秋,div速度好代码少,table可以可视化编辑。

页: [1] 2

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.