使用DIV+CSS标准重构网站对SEO更具优势

【摘 要】现在DIV+CSS已经很风靡了，各大网站纷纷采用DIV+CSS标准重构自己的网站。采用DIV+CSS模式后，给用户最直观的体验就是网页打开速度快了。DIV+CSS所以成为目前网页布局主流，主要核心原因，其实不仅仅是其符合W3C标准，而是通过采用DIV+CSS，网页表现与内容分离。本文章将从几个方面论述DIV+CSS相对于Table模式对SEO具有的优势。

【关键词】DIV；CSS；TABLE；SEO；搜索引擎

一、什么是DIV+CSS

DIV元素是用来为HTML文档内大块（Block-

Level）的内容提供结构和背景的元素。

DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。

CSS是英语Cascading Style Sheets（层叠样式表单）的缩写，用于定义HTML元素的显示形式，是W3C（万维网联盟，World Wide Web Consortium）推出的格式化网页内容的标准技术。网页设计者必须掌握的技术之一。

div+css是网站标准（或称“WEB标准”）中常用的术语之一，是一种网页的布局方法，这种网页布局方法有别于传统的HTML网页设计语言中的表格（TABLE）定位方式，可实现网页页面内容与表现相分离。在XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。

XHTML是The Extensible HyperText Markup Language（可扩展超文本标识语言）的缩写。XHTML基于可扩展标记语言（XML），是一种在HTML基础上优化和改进的的新语言，目的是基于XML应用与强大的数据转换能力，适应未来网络应用更多的需求。

二、DIV+CSS布局网站的好处

相对于传统的TABLE定位方式，DIV+CSS这种布局方式具有以下4个显著优势：

1.表现和内容相分离

采用DIV+CSS布局模式的网页有独立的样式文件，能够将网页的设计部分剥离出来，HTML文件中只存放页面代码和文本信息，大大缩减页面代码。

2.提高搜索引擎对网页的索引效率

由于采用DIV+CSS布局方式的网页中只包含结构化内容的HTML标签，没有页面表现的样式代码。经过标准化重构后的页面文件大小能够从50KB“瘦身”至9.8KB。因而，搜索引擎将更快捷有效地搜索到你的网页内容，并给予一个较高的评价

3.提高页面浏览速度

对于同一个页面视觉效果，采用DIV+CSS重构的页面容量要比TABLE编码的页面文件容量小得多，前者一般只有后者的1/2大小。

4.易于维护和改版

采用TABLE布局最大的坏处就是不利于结构和表现分离，后期维护比较麻烦。而使用DIV+CSS能很好的解决这个问题。只要简单的修改几个CSS文件中的属性，整个网站就能从颜色、布局等方面发生很大的改变，从而改变整个网站的设计风格。可见，DIV+CSS布局对网站的维护和更新更加便利、高效。

三、DIV+CSS布局模式对搜索引擎优化（seo①）的优势

DIV+CSS对搜索引擎优化（SEO）的优势有哪些？

1.代码精简让spider②爬行更顺畅

使用DIV+CSS布局，页面代码精简，代码精简所带来的直接好处有两点：

一是提高spider爬行效率。spider能在最短的时间内爬完整个页面，这样对收录质量有好处。

二是由于能高效的爬行，网站就会受到spider喜欢，这样对收录数量有一定好处。

2.解决表格嵌套让spider爬行至每一个角落

很多关于网站如何推广的文章中称，搜索引擎一般不抓取三层以上的表格嵌套，这一点一直没有得到搜索引擎官方的证实。

通常情况下，使用Table布局时，为了达到一定的视觉效果，必须使用多个表格层层嵌套。根据一些实验结果的情况来看，spider爬行在遇到多层表格嵌套时，会跳过嵌套的内容或直接放弃整个页面。如果嵌套的表格中是核心内容，spider爬行时跳过了这一段没有抓取到页面的核心，这个页面就成了相似页面。网站中过多的相似页面会影响排名及域名信任度。而DIV+CSS布局基本上不会存在这样的问题，从技术角度来说，XHTML在控制样式时也不需要过多的嵌套。

虽然这一结论没有得到官方证实，但还是建议设计页面的时候尽量不要使用多层表格嵌套。很多的SEOer们也已经认识到了这一点，相信他们不是没有依据的。

3.提高加载速度让spider坐上时光机

DIV+CSS布局较Table布局减少了页面代码量，页面加载速度得到很大的提高，这在spider爬行时是非常有利的。过多的页面代码可能造成爬行超时，spider就会认为这个页面无法访问，影响收录及权重。另一方面，真正的SEO网站优化不只是为了追求收录、排名，快速的响应速度是提高用户体验度的基础，这对整个搜索引擎优化及营销都是非常有利的。

4.对搜索引擎排名的影响

基于XHTML标准的DIV+CSS布局，一般在设计完成后会尽可能的完善到能通过W3C验证。事实证明，使用XHTML架构的网站排名状况一般都不错，造成此种情况的最大可能是spider爬行网站时，因以上差异导致收录质量的不同。毕竟现在竞争激烈，各个网站纷纷使出看家本领，提高网站的商业价值。因此，建议设计者还是按照DIV+CSS标准布局为好。

四、影响SEO搜索引擎优化的网页制作细节

网页主要由三部分组成：结构（Struc-

ture）、表现（Presentation）和行为（Beha-

vior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型、ECMAScript等。

1.将页面的表现（css）与行为（Javas-

cript）全部分离到外部文件中去，让页面代码只用来显示实际内容。

例如：

2.抛弃传统Table布局模式，采用XHtml代码编写页面。去掉页面中的例如font/bgcolor等格式化控制标签。用符合WEB标准的代码来制作页面。这样能够让XHtml代码结构化、语义化。提高页面代码的可读性。

3.通过采用上述方法，你会发现你的html文件会变得非常小，如果可以，尽量让代码量越少越好。太大的页面会影响搜索引擎的处理速度。一般通过XHtml+Css设计的网页，html代码应该可以控制在50K以内。

4.用好图片的alt标签合理的使用页面关键字去描述图片，增加页面的关键字密度。

5.尽量不使用javascript来做与内容相关的事情。例如用document.write去显示正文，会影响搜索引擎对页面内容的搜索。

6.不要使用javascript实现网站的导航，因为会让搜索引擎迷失方向。

7.每个页面的关键字尽可能出现在页面的标题，也就是头部的Title标签中。当然，要合理应用，太要太长。不要使用与页面内容无关的网络热门关键字。

8.尽量在每个页面代码中合理使用标签，并让关键字出现在标签中，让页面的文档结构更清楚。

注释：

①SEO（Search Engine Optimization），汉译为搜索引擎优化。seo是指在了解搜索引擎自然排名机制的基础上，对网站进行内部及外部的调整优化，改进网站在搜索引擎中关键词的自然排名，获得更多流量，从而达到网站销售及品牌建设的目标。

②Spider，汉译为蜘蛛。Search Engine Spider，即搜索引擎蜘蛛。把互联网比喻成一张蜘蛛网，Spider就是在网上爬来爬去的蜘蛛。搜索引擎蜘蛛是通过网页的链接地址来寻找网页，从网站某一个页面（通常是首页）开始，读取网页的内容，找到在网页中的其它链接地址，然后通过这些链接地址寻找下一个网页，这样一直循环下去，直到把整个网站的页面都抓取完为止。