1.从 SEO 的角度,网页设计采用 div+css 的主要好处是什么

html-css028

1.从 SEO 的角度,网页设计采用 div+css 的主要好处是什么,第1张

大家都知道DIV+CSS是目前正在流行的网页布局方式,但是它与表格布局、框架布局相比较

而言又有哪些优点呢?今天我就来给你分享一下DIV+CSS这种布局方式的优点:

(1) 结构清晰,容易被搜索引擎收集。

(2) 与表格比能减少代码,实现表格布局的许多功能,从而提高页面的加载速度。

(3) 能够在任何地方、任何设备上表现已经构建好的网页布局。

(4) 可以实现和表现和内容数据的分离。

(5) 能很好的控制页面的布局效果。

(6) 拥有强大的字体控制和排版能力。

2、网页打开速度

众所周之:客户是上帝。搜索引擎也不例外,所以搜索引擎会优先抓取客户体验比较好的网站。真正的SEOer不只是为了追求收录、排名,快速的响应速度是提高用户体验度的基础网站。试问:如果你打开一个网站需要一分钟以上,你下次还会来这个网站吗?DIV+CSS布局较Table布局减少了页面代码,加载速度得到很大的提高,这在Spider爬行时是非常有利的。过多的页面代码可能造成爬行超时,Spider就会认为这个页面无法访问,影响收录及权重。

3、对排名的影响

基于XTHML标准的DIV+CSS布局,一般在设计完成后会尽可能的完善到能通过W3C验证。

div+css,这个布局中,div承载的是内容,而css承载的是样式。内容和样式的分离对于所见即所得的传统table编辑方式确实是一个很大的冲击,尤其是设计人员很难接受设计一个他们不能立即看到的样式。不过div+css的好处实在是太明显了:

1、搜索引擎亲和力:搜索引擎不会在意一个页面的设计或者构成。搜索引擎不可能“欣赏”设计漂亮新颖的页面;也不会去“排斥”颜色搭配丑陋的页面。它们只是默默地拿到它们需要的内容就离开。如果一个页面中涵盖了大量的table来描述构架,试想搜索引擎要花多大的代价才可以拿到真正有用的信息呢?

凭我自己的经验,一般来说,table构架描述的页面,样式结构和内容信息大小比可能达到1:1甚至更高。而CSS+DIV构架的页面,虽然在客户端看来下载一个复杂的CSS也要占用差不多的带宽,然而搜索引擎可以很方便的绕过这个css,而直接抓去div中的内容。这便是div的优势所在。带宽的稍多占用,完全显得微不足道,更何况一个冗余的table设计架构如果代码写的不好会占用更多的带宽。

2、重构页面的方便性。

这个应用最经典的例子就是各大blog程序了。就如现在我用的LBS系统,以及流行的PJBLOG、php下面的WP、MT,都是采用div+css构架。内容和样式的分离导致我们在重构页面布局(更换皮肤)的时候,只用针对每一个div元素重新定义其具体位置、样式就行了。而在原来的table基础上进行改版,几乎必须改变所有的内容注入渠道,实在是太过于麻烦.

关于韩国风格网站难用div描述的问题,我个人认为在web2.0的大军冲击下,韩国的花哨流派很快会被简约派所代替。如果确实是优秀的设计,我个人认为用Flash来完成更好!