基于SEO的网页布局

当前,越来越多的网站发布在互联网中,网站提供各式各样的信息和怎么写作,对于广大的网民来说,会经常在互联网中搜索所需信息,搜索引擎已经成为在广阔的网络中获取所需信息的最重要途径和工具；对各个网站来说,在搜索引擎中的收录量和排名,直接影响着网站的宣传和运营.搜索引擎在互联网中的地位、对人们的日常生产产生巨大影响.SEO（搜索引擎优化）越来越重要.

1SEO介绍

1.1SEO

SEO即搜索引擎优化,网站的SEO是指针对搜索引擎使网站内容较容易被搜索引擎取得并接受.搜索引擎在抓取该网站的资料后进行比对及运算,最后将PR值（PageRank）较高的网站放在网络上其他使用者在搜索时会优先看到的位置,证明网站的重要程度,进而促使搜索者可以得到正确且有帮助的资讯.搜索引擎优化通过对网站结构、网页文字、网页标签、网站的链接等进行合理规划部署使搜索引擎更容易抓取网站的内容,使网站在搜索引擎中具有较强的自然排名竞争优势.其本质是优化网站,让搜索引擎蜘蛛程序更好的阅读与抓取.

1.2搜索引擎的工作原理

搜索引擎能够获得网站网页资料,并建立数据库以提供查询的系统.这个便是通过所谓的爬行器（crawler）或叫爬行蜘蛛（spider）来进行的,这些爬行器其实是用计算机语言编制的程序,用以在互联网中不分昼夜的访问各个网站.爬行器能够扫描一定IP地址范围内的网站,并沿着网络上的链接从一个网页到另一个网页,从一个网站到另一个网站采集网页资料.它为保证采集的资料最新,还会回访已抓取过的网页.

搜索引擎并不会取回整个页面的信息,搜索引擎只会取得每个页面最有价值的信息,一般如：标题、描述、关 键 词等.因此,如果想网站大部分网页信息都被搜索引擎带走,就不要把网页设计得太长,内容太多.而是应该多设计一些页面,页面布局要合理,页面内容相应少些,网页之间的链接设置好.这样,对于搜索引擎来说,既能够快速阅读,又能够带走一个网页几乎所有的信息.

搜索引擎是从上到下、从左到右访问网站信息的,而且搜索引擎访问的是代码,和网页做得如何美观无关.所以在建立网站的时候,关键内容在网页中的位置非常重要,网页布局相当重要.

搜索引擎为搜索到的网页根据自己的标准对网页进行评价,在用户搜索时会按评价的高低顺序显示给用户,将其认为最好的推荐在首位,较次的排列在其后,依次类推.

1.3SEO的影响

网站优化的基本思想是通过对网站功能、结构、布局、内容等关键要素的合理设计,使得网站的功能和表现形式达到最优效果,更好的起到企业宣传的作用.SEO考虑的不仅是在搜索引擎的中排名,更重要是要为用户获取信息和怎么写作提供方便,引擎优化的最高目标是为了用户,SEO可以让更多的用户更快的找到他想找的东西.可以让相关的关 键 词排名靠前,满足用户需求,更加方便网络了解很少甚至不懂网络的人寻找到需要的网络知识.

良好SEO可以让网站排名自然靠前,从而增加网站浏览量,增加可信度,增加网站的率,促进网站宣传和业务发展.还能使网站更实用,可访问性更强,而且对搜索引擎更友好.

良好的SEO可以让企业更好的宣传自己,扩大企业知名度,让更多的人知道公司和产品,从而购写企业的产品,提高效益.

2网页布局

网页布局方式有很多,比如表格布局、布局表格布局、框架布局、模板和库布局以及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.2DIV+CSS布局方式的优势

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

用DIV+CSS布局的网页容易向W3C标准靠拢,网站是否符合W3C标准是搜索引擎给网页排名和一个影响因素.并且,网站源代码简洁,标签使用少,这样使网站内容完全裸露在搜索引擎的蜘蛛面前,便于抓取内容,增大关键内容的页面的比重,从而为排名因素增加比重.

用DIV+CSS布局可很容易做到关键内容先被蜘蛛读取.大多站点都采用左中右三栏式,而页面的主要内容一般都处于中间一栏,蜘蛛抓取页面内容是按照从上而下,从左至右的顺序进行的,如果你在左栏内容较多,页面主要内容权值就会下降.但是用DIV+CSS布局,可以把主要内容先写在前面,再写左栏、右栏内容,然后通过CSS定位达到预设效果.

方便调整网站结构布局.对于常用的表格布局,若想改下布局是相当麻烦的,用CSS+DIV布局,如果网页结构设计的合理,可以用CSS很轻松的改变网站的显示效果,因其达到了结构和内容、行为的分离.Spider亦关注网站更新,如果网站结构定期发动,自然搜索引擎蜘蛛会对其产生吸引力.

4结论

基于XTHML标准的DIV+CSS布局方式,使网页样式与内容分离,结构简单,较表格布局减少了页面代码,提高了页面加载速度,便于网站维护和更新.这些对于Spider爬行都是非常有利的,利于搜索引擎优化.