网页布局方式有很多，比如表格布局、布局表格布局、框架布局、模板和库布局以及
DIV+CSS 布局。DIV+CSS 是目前网页布局的主流。 
　　

2.1 采用表格布局页面特点 

　　利用表格布局可以轻松地将整个页面划分成需要的各个块，如若某个块中的内容需要
再划分，可以通过嵌套表格来实现。整体思路明了，易于操作。

 

　　表格中的每个块可单独调整，表格块与块之间的关系清晰。但是用表格设计的网页代码
相对复杂，维护和升级困难。比如，当页面制作完成后，希望调整表格中各块的位置，这样
则需要重新制作一个页面。并且，利用表格布局的页面当嵌套层次较多时，浏览速度较慢。

 

　　

2.2 采用 CSS+DIV 布局的网页具有以下特点 

　　用

DIV+CSS 布局的网页内容和样式相分离，代码精简，页面代码大大的缩减，结构清

晰，页面浏览速度提高。这种布局将设计部分剥离出来放在一个独立样式文件中，样式可以
定义在样式表文件中，置于网页文件之外，以链接的方式引入页面使用，真正做到内容与
样式的分离。

 

　　布局灵活，易于维护和改版。可以使许多网页的风格格式同时更新，不用再一页一页地
更新。

DIV+CSS 布局可以将站点上所有的网页风格都使用一个 CSS 文件进行控制，只要简

单的修改几个

CSS 文件，那么整个站点的所有页面都会随之发生改动。 

　　提高网页浏览速度。利用表格排版的页面在下载时必须等整个表格的内容都下载完毕之
后才会一次性显示出来，而利用

DIV+CSS 排版的页面在下载时，各个子块可以分别下载显

示，从而提高页面的下载速度。

 

　　

3 网页布局优化 

　　

3.1 鉴于 SEO 的传统布局方式分析 

　　

1）网页采用框架布局 

　　使用框架布局的页面，框架将浏览器窗口划分为若干个区域，每个区域用于分别显示
不同的网页，可以非常方便地完成导航。但由于框架是由框架集和框架组成，使用框架的页
面由多个网页搭配而成的，搜索引擎把框架中的页面看成是独立的页面进行索引，搜索引
擎只能访问其中的一页，这样其他网页被忽略了。网站的框架结构对搜索引擎来讲是一个索
引的盲点，不便于网页的收录，这对用框架布局的网站来说是相当不利的。

 

　　

2）网页采用表格布局 

　　使用表格布局的页面，一般为了达到一定的页面表现效果，多会采用多层表格嵌套来
划分页面结构。但是，当

spider 爬行页面时，遇到多层表格嵌套，就会跳过嵌套的内容或直

接放弃整个页面。如果嵌套的表格中的内容是核心内容，

spider 跳过了这一段，而没有抓取

到页面的核心，会把这个页面作为相似页面，这样会影响网站的排名和域名信任度。

 

　　

3.2 DIV+CSS 布局方式的优势 

　　网页布局方面，最适合搜索引擎的网页结构是小、静态、没有框架、格式一致的网页。用
DIV+CSS 布局的网页，页面代码精简，代码精简可以提高 spider 爬行效率，spider 可以在
最短时间内爬完整个页面，这样可以提高收录质量。另一方面，由于爬行效率高，会受到
spider 青睐，对收录数量也有一定的好处。 
　　用

DIV+CSS 布局的网页容易向 W3C 标准靠拢，网站是否符合 W3C 标准是搜索引擎给

网页排名和一个影响因素。并且，网站源代码简洁，标签使用少，这样使网站内容完全裸露
在搜索引擎的蜘蛛面前，便于抓取内容，增大关键内容的页面的比重，从而为排名因素增
加比重。

 

　　用

DIV+CSS 布局可很容易做到关键内容先被蜘蛛读取。大多站点都采用左中右三栏式，

而页面的主要内容一般都处于中间一栏，蜘蛛抓取页面内容是按照从上而下，从左至右的
顺序进行的，如果你在左栏内容较多，页面主要内容权值就会下降。但是用

DIV+CSS 布局，