車開森

湖北財(cái)稅職業(yè)學(xué)院，湖北武漢 430064

當(dāng)前，越來越多的網(wǎng)站發(fā)布在互聯(lián)網(wǎng)中，網(wǎng)站提供各式各樣的信息和服務(wù)，對(duì)于廣大的網(wǎng)民來說，會(huì)經(jīng)常在互聯(lián)網(wǎng)中搜索所需信息，搜索引擎已經(jīng)成為在廣闊的網(wǎng)絡(luò)中獲取所需信息的最重要途徑和工具；對(duì)各個(gè)網(wǎng)站來說，在搜索引擎中的收錄量和排名，直接影響著網(wǎng)站的宣傳和運(yùn)營(yíng)。搜索引擎在互聯(lián)網(wǎng)中的地位、對(duì)人們的日常生產(chǎn)產(chǎn)生巨大影響。SEO（搜索引擎優(yōu)化）越來越重要。

1 SEO介紹

1.1 SEO

SEO即搜索引擎優(yōu)化，網(wǎng)站的SEO是指針對(duì)搜索引擎使網(wǎng)站內(nèi)容較容易被搜索引擎取得并接受。搜索引擎在抓取該網(wǎng)站的資料后進(jìn)行比對(duì)及運(yùn)算，最后將PR值（Page Rank）較高的網(wǎng)站放在網(wǎng)絡(luò)上其他使用者在搜索時(shí)會(huì)優(yōu)先看到的位置，證明網(wǎng)站的重要程度，進(jìn)而促使搜索者可以得到正確且有幫助的資訊。搜索引擎優(yōu)化通過對(duì)網(wǎng)站結(jié)構(gòu)、網(wǎng)頁文字、網(wǎng)頁標(biāo)簽、網(wǎng)站的鏈接等進(jìn)行合理規(guī)劃部署使搜索引擎更容易抓取網(wǎng)站的內(nèi)容，使網(wǎng)站在搜索引擎中具有較強(qiáng)的自然排名競(jìng)爭(zhēng)優(yōu)勢(shì)。其本質(zhì)是優(yōu)化網(wǎng)站，讓搜索引擎蜘蛛程序更好的閱讀與抓取。

1.2 搜索引擎的工作原理

搜索引擎能夠獲得網(wǎng)站網(wǎng)頁資料，并建立數(shù)據(jù)庫以提供查詢的系統(tǒng)。這個(gè)便是通過所謂的爬行器（crawler）或叫爬行蜘蛛（spider）來進(jìn)行的，這些爬行器其實(shí)是用計(jì)算機(jī)語言編制的程序，用以在互聯(lián)網(wǎng)中不分晝夜的訪問各個(gè)網(wǎng)站。爬行器能夠掃描一定IP地址范圍內(nèi)的網(wǎng)站，并沿著網(wǎng)絡(luò)上的鏈接從一個(gè)網(wǎng)頁到另一個(gè)網(wǎng)頁，從一個(gè)網(wǎng)站到另一個(gè)網(wǎng)站采集網(wǎng)頁資料。它為保證采集的資料最新，還會(huì)回訪已抓取過的網(wǎng)頁。

搜索引擎并不會(huì)取回整個(gè)頁面的信息，搜索引擎只會(huì)取得每個(gè)頁面最有價(jià)值的信息，一般如：標(biāo)題、描述、關(guān)鍵詞等。因此，如果想網(wǎng)站大部分網(wǎng)頁信息都被搜索引擎帶走，就不要把網(wǎng)頁設(shè)計(jì)得太長(zhǎng)，內(nèi)容太多。而是應(yīng)該多設(shè)計(jì)一些頁面，頁面布局要合理，頁面內(nèi)容相應(yīng)少些，網(wǎng)頁之間的鏈接設(shè)置好。這樣，對(duì)于搜索引擎來說，既能夠快速閱讀，又能夠帶走一個(gè)網(wǎng)頁幾乎所有的信息。

搜索引擎是從上到下、從左到右訪問網(wǎng)站信息的，而且搜索引擎訪問的是代碼，和網(wǎng)頁做得如何美觀無關(guān)。所以在建立網(wǎng)站的時(shí)候，關(guān)鍵內(nèi)容在網(wǎng)頁中的位置非常重要，網(wǎng)頁布局相當(dāng)重要。

搜索引擎為搜索到的網(wǎng)頁根據(jù)自己的標(biāo)準(zhǔn)對(duì)網(wǎng)頁進(jìn)行評(píng)價(jià)，在用戶搜索時(shí)會(huì)按評(píng)價(jià)的高低順序顯示給用戶，將其認(rèn)為最好的推薦在首位，較次的排列在其后，依次類推。

1.3 SEO的影響

網(wǎng)站優(yōu)化的基本思想是通過對(duì)網(wǎng)站功能、結(jié)構(gòu)、布局、內(nèi)容等關(guān)鍵要素的合理設(shè)計(jì)，使得網(wǎng)站的功能和表現(xiàn)形式達(dá)到最優(yōu)效果，更好的起到企業(yè)宣傳的作用。SEO考慮的不僅是在搜索引擎的中排名，更重要是要為用戶獲取信息和服務(wù)提供方便，引擎優(yōu)化的最高目標(biāo)是為了用戶，SEO可以讓更多的用戶更快的找到他想找的東西?？梢宰屜嚓P(guān)的關(guān)鍵詞排名靠前，滿足用戶需求，更加方便網(wǎng)絡(luò)了解很少甚至不懂網(wǎng)絡(luò)的人尋找到需要的網(wǎng)絡(luò)知識(shí)。

良好SEO可以讓網(wǎng)站排名自然靠前，從而增加網(wǎng)站瀏覽量，增加可信度，增加網(wǎng)站的曝光率，促進(jìn)網(wǎng)站宣傳和業(yè)務(wù)發(fā)展。還能使網(wǎng)站更實(shí)用，可訪問性更強(qiáng)，而且對(duì)搜索引擎更友好。

良好的SEO可以讓企業(yè)更好的宣傳自己，擴(kuò)大企業(yè)知名度，讓更多的人知道公司和產(chǎn)品，從而購買企業(yè)的產(chǎn)品，提高效益。

2 網(wǎng)頁布局

網(wǎng)頁布局方式有很多，比如表格布局、布局表格布局、框架布局、模板和庫布局以及DIV+CSS布局。DIV+CSS是目前網(wǎng)頁布局的主流。

2.1 采用表格布局頁面特點(diǎn)

利用表格布局可以輕松地將整個(gè)頁面劃分成需要的各個(gè)塊，如若某個(gè)塊中的內(nèi)容需要再劃分，可以通過嵌套表格來實(shí)現(xiàn)。整體思路明了，易于操作。

表格中的每個(gè)塊可單獨(dú)調(diào)整，表格塊與塊之間的關(guān)系清晰。但是用表格設(shè)計(jì)的網(wǎng)頁代碼相對(duì)復(fù)雜，維護(hù)和升級(jí)困難。比如，當(dāng)頁面制作完成后，希望調(diào)整表格中各塊的位置，這樣則需要重新制作一個(gè)頁面。并且，利用表格布局的頁面當(dāng)嵌套層次較多時(shí)，瀏覽速度較慢。

2.2 采用CSS+DIV布局的網(wǎng)頁具有以下特點(diǎn)

用DIV+CSS布局的網(wǎng)頁內(nèi)容和樣式相分離，代碼精簡(jiǎn)，頁面代碼大大的縮減，結(jié)構(gòu)清晰，頁面瀏覽速度提高。這種布局將設(shè)計(jì)部分剝離出來放在一個(gè)獨(dú)立樣式文件中，樣式可以定義在樣式表文件中，置于網(wǎng)頁文件之外，以鏈接的方式引入頁面使用，真正做到內(nèi)容與樣式的分離。

布局靈活，易于維護(hù)和改版?？梢允乖S多網(wǎng)頁的風(fēng)格格式同時(shí)更新，不用再一頁一頁地更新。DIV+CSS布局可以將站點(diǎn)上所有的網(wǎng)頁風(fēng)格都使用一個(gè)CSS文件進(jìn)行控制，只要簡(jiǎn)單的修改幾個(gè)CSS文件，那么整個(gè)站點(diǎn)的所有頁面都會(huì)隨之發(fā)生改動(dòng)。

提高網(wǎng)頁瀏覽速度。利用表格排版的頁面在下載時(shí)必須等整個(gè)表格的內(nèi)容都下載完畢之后才會(huì)一次性顯示出來，而利用DIV+CSS排版的頁面在下載時(shí)，各個(gè)子塊可以分別下載顯示，從而提高頁面的下載速度。

3 網(wǎng)頁布局優(yōu)化

3.1 鑒于SEO的傳統(tǒng)布局方式分析

1）網(wǎng)頁采用框架布局

使用框架布局的頁面，框架將瀏覽器窗口劃分為若干個(gè)區(qū)域，每個(gè)區(qū)域用于分別顯示不同的網(wǎng)頁，可以非常方便地完成導(dǎo)航。但由于框架是由框架集和框架組成，使用框架的頁面由多個(gè)網(wǎng)頁搭配而成的，搜索引擎把框架中的頁面看成是獨(dú)立的頁面進(jìn)行索引，搜索引擎只能訪問其中的一頁，這樣其他網(wǎng)頁被忽略了。網(wǎng)站的框架結(jié)構(gòu)對(duì)搜索引擎來講是一個(gè)索引的盲點(diǎn)，不便于網(wǎng)頁的收錄，這對(duì)用框架布局的網(wǎng)站來說是相當(dāng)不利的。

2）網(wǎng)頁采用表格布局

使用表格布局的頁面，一般為了達(dá)到一定的頁面表現(xiàn)效果，多會(huì)采用多層表格嵌套來劃分頁面結(jié)構(gòu)。但是，當(dāng)spider爬行頁面時(shí)，遇到多層表格嵌套，就會(huì)跳過嵌套的內(nèi)容或直接放棄整個(gè)頁面。如果嵌套的表格中的內(nèi)容是核心內(nèi)容，spider跳過了這一段，而沒有抓取到頁面的核心，會(huì)把這個(gè)頁面作為相似頁面，這樣會(huì)影響網(wǎng)站的排名和域名信任度。

3.2 DIV+CSS布局方式的優(yōu)勢(shì)

網(wǎng)頁布局方面，最適合搜索引擎的網(wǎng)頁結(jié)構(gòu)是小、靜態(tài)、沒有框架、格式一致的網(wǎng)頁。用DIV+CSS布局的網(wǎng)頁，頁面代碼精簡(jiǎn)，代碼精簡(jiǎn)可以提高spider爬行效率，spider可以在最短時(shí)間內(nèi)爬完整個(gè)頁面，這樣可以提高收錄質(zhì)量。另一方面，由于爬行效率高，會(huì)受到spider青睞，對(duì)收錄數(shù)量也有一定的好處。

用DIV+CSS布局的網(wǎng)頁容易向W3C標(biāo)準(zhǔn)靠攏，網(wǎng)站是否符合W3C標(biāo)準(zhǔn)是搜索引擎給網(wǎng)頁排名和一個(gè)影響因素。并且，網(wǎng)站源代碼簡(jiǎn)潔，標(biāo)簽使用少，這樣使網(wǎng)站內(nèi)容完全裸露在搜索引擎的蜘蛛面前，便于抓取內(nèi)容，增大關(guān)鍵內(nèi)容的頁面的比重，從而為排名因素增加比重。

用DIV+CSS布局可很容易做到關(guān)鍵內(nèi)容先被蜘蛛讀取。大多站點(diǎn)都采用左中右三欄式，而頁面的主要內(nèi)容一般都處于中間一欄，蜘蛛抓取頁面內(nèi)容是按照從上而下，從左至右的順序進(jìn)行的，如果你在左欄內(nèi)容較多，頁面主要內(nèi)容權(quán)值就會(huì)下降。但是用DIV+CSS布局，可以把主要內(nèi)容先寫在前面，再寫左欄、右欄內(nèi)容，然后通過CSS定位達(dá)到預(yù)設(shè)效果。

方便調(diào)整網(wǎng)站結(jié)構(gòu)布局。對(duì)于常用的表格布局，若想改下布局是相當(dāng)麻煩的，用CSS+DIV布局，如果網(wǎng)頁結(jié)構(gòu)設(shè)計(jì)的合理，可以用CSS很輕松的改變網(wǎng)站的顯示效果，因其達(dá)到了結(jié)構(gòu)和內(nèi)容、行為的分離。Spider亦關(guān)注網(wǎng)站更新，如果網(wǎng)站結(jié)構(gòu)定期發(fā)動(dòng)，自然搜索引擎蜘蛛會(huì)對(duì)其產(chǎn)生吸引力。

4 結(jié)論

基于XTHML標(biāo)準(zhǔn)的DIV+CSS布局方式，使網(wǎng)頁樣式與內(nèi)容分離，結(jié)構(gòu)簡(jiǎn)單，較表格布局減少了頁面代碼，提高了頁面加載速度，便于網(wǎng)站維護(hù)和更新。這些對(duì)于Spider爬行都是非常有利的，利于搜索引擎優(yōu)化。

[1]范彥忠.SEO技術(shù)研究[J].計(jì)算機(jī)應(yīng)用與軟件，2010，1.

[2]薛曉霞，王曉紅，王磊.基于搜索引擎優(yōu)化的企業(yè)網(wǎng)站設(shè)計(jì)策略研究[J].生產(chǎn)力研究，2009，12.

[3]盧秉亮，朱健，張磊，郞勇，王磊.Internet搜索引擎精確檢索算法及實(shí)現(xiàn)[J].微處理機(jī)，2007，2.