基于SEO的網(wǎng)頁布局分析

車開森

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

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

1 SEO介紹

1.1 SEO

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

1.2 搜索引擎的工作原理

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

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

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

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

1.3 SEO的影響

網(wǎng)站優(yōu)化的基本思想是通過對網(wǎng)站功能、結(jié)構(gòu)、布局、內(nèi)容等關(guān)鍵要素的合理設(shè)計，使得網(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ò)知識。

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

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

2 網(wǎng)頁布局

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

2.1 采用表格布局頁面特點

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4 結(jié)論

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

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

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

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