基于SEO的網頁布局分析

車開森

湖北財稅職業學院，湖北武漢 430064

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

1 SEO介紹

1.1 SEO

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

1.2 搜索引擎的工作原理

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

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

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

搜索引擎為搜索到的網頁根據自己的標準對網頁進行評價，在用戶搜索時會按評價的高低順序顯示給用戶，將其認為最好的推薦在首位，較次的排列在其后，依次類推。

1.3 SEO的影響

網站優化的基本思想是通過對網站功能、結構、布局、內容等關鍵要素的合理設計，使得網站的功能和表現形式達到最優效果，更好的起到企業宣傳的作用。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.2 DIV+CSS布局方式的優勢

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

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

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

方便調整網站結構布局。對于常用的表格布局，若想改下布局是相當麻煩的，用CSS+DIV布局，如果網頁結構設計的合理，可以用CSS很輕松的改變網站的顯示效果，因其達到了結構和內容、行為的分離。Spider亦關注網站更新，如果網站結構定期發動，自然搜索引擎蜘蛛會對其產生吸引力。

4 結論

基于XTHML標準的DIV+CSS布局方式，使網頁樣式與內容分離，結構簡單，較表格布局減少了頁面代碼，提高了頁面加載速度，便于網站維護和更新。這些對于Spider爬行都是非常有利的，利于搜索引擎優化。

[1]范彥忠.SEO技術研究[J].計算機應用與軟件，2010，1.

[2]薛曉霞，王曉紅，王磊.基于搜索引擎優化的企業網站設計策略研究[J].生產力研究，2009，12.

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