SEO之網站重構

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

DIV+CSS設計的網站是按照W3C標準的，如果一個網站完全是CSS+DIV製作的，那麼你網站的SEO(搜尋引擎優化)工作已經完成了30%!為什麼會這麼說? SEO其他方面在哪?好，請接著我的思路往下看：

DIV+CSS 網站相當30%的SEO工作

1、div+css網站遵循「網頁結構、表現、行為分離，互不幹涉搶功」理念，且不說SEO，其實按照這個理念建設起來的網站，網頁打開速度會明顯的加快。 因為按照這個理念，網頁將會分成html、css、js三種類型的檔，而css、js又是可以緩存的，所以流覽一個這樣的網頁其實就是下載html 代碼就行了，速度當然變快。

我們先看看SEO都做啥：

a.網頁META標籤會添加的比較齊全，如keywords、description、robots;

b.被搜引擎抓取的內容，代碼比較精簡，非內容代碼大大減少，檔小;

c.文本會比較靠前。 幾乎都在200字內就可以搜索到正文，重要內容;

d.不會出現表格那樣多層嵌套的問題。

2、修飾性圖片文本替換，js、flash文字圖片還原有些網站為了追求炫眼效果，採用了圖片按鈕，圖片新聞flash切換，文本的js跑燈效果...... 這樣大大將原本屬於圖片，文字連結的代碼變成了搜尋引擎讀不懂的js代碼、flash，或者是直接插入原本不是內容的修飾性圖片替換了文字。 如果這些剛好又包含了熱門關鍵字，那麼搜索收錄量將損失很大。 修飾性圖片文本替換：就是說將不是內容而是修飾的圖片變成底圖顯示，不幹擾搜尋引擎，讓它忽略它。 而有增加文字，之後使用css隱藏掉，這樣也增加了可以搜索的文字。 常見使用於logo，按鈕，功能表。 js、flash文字圖片還原：這是我近來提出來的一個思路，還沒有廣泛給大家知道的方法(呵呵，大家接不接受還是個問題)：將js，flash顯示的內容轉為html，之後使用js讀取html，傳遞參數啟動原來的效果、 並且隱藏html，只是比原來增加了幾個步驟。 詳細可以參考我寫的文章：如何減少 JS對搜索的負面影響。

3、W3C要求必須添加連結標籤的title、圖片標籤的alt屬性這樣的話，所有的a標籤都會規範的添加有 title文本，img有alt文本。 而不是等到要優化的時候臨時的把幾個含有關鍵字的連結(描文本)添加上title，圖片加好alt。 css+div 不是為了SEO優化而添加title、alt，而是為了網頁親和力添加它們。

4、合理安排使用

文本加粗，斜體，底線這是語義化標籤都必須做到的一步。 所以做到了CSS+div，這個問題也會在不知不覺中做到了。

5、網頁標準可以隨時將重要的內容調前，之後使用css重新置放。 例如頁面效果圖中中間的文字比較重要，可以先把重要的內容放在左邊的代碼的前面，方便搜尋引擎，之後使用css將它調會到效果圖的位置。

6、網頁標準提到的好處

更少的代碼和元件，容易維護

頻寬要求降低(代碼更簡潔)，成本降低。

更容易被搜尋引擎搜索到

改版方便，不需要變動頁面內容

提供列印版本而不需要複製內容

提高網站易用性。

SEO的另一半工作是編輯，程式設計編輯涉及的工作有：頻道欄目的設計、取名，頁面的佈局(關鍵字的位置安排)，創建欄目時，錄稿時，資料夾，檔的取名;關鍵字管理，瞭解當前使用的關鍵字17891.html">流行度，競爭度; 專題、當前熱門的關注;錄稿時關鍵字的提煉、圖片alt的插入習慣;與同類型網站的交流，交換連結...... 程式設計涉及的工作有：頁面實現靜態化; URL實現偽靜態，使用re_write重寫技術;本站系統搜索中關鍵字的搜索功能，實現網站各個頁面的關鍵字網;維護伺服器，穩定伺服器。 評論的廣告過濾;自動將關鍵字加粗、添加含有title關鍵字的連結;避免網站過多死連結，提供死連結自動刪除或修復功能;相關文章取文章連結格式：先是關鍵字相同的關連，二關鍵字與標題的關連，文章內容與關鍵字關連。 ...... 所以製作完成CSS+div的網頁後，你只是完成了30%的SEO 工作，還有另外70%需要編輯，程式設計共同完成。 其它的作弊，或者是刻意重複關鍵字，body之間代碼的開始或結束增加關鍵字出現機會。

製作、程式設計是SEO的「打地基」沒有好的製作，符合搜索優化的代碼結構，那麼無論編輯的水準怎麼樣，搜尋引擎也不會有好效果。 但也可以看到：「地基」打好以後，隨著時間的增長，編輯的作用效果就會原來越明顯，因為地基不需要經常變動的。 一動就是傷筋骨的「大工程了」。

不符合標準的網站，趕緊網站重構吧

div+css更方便搜尋引擎的搜索。 用只包含結構化內容的HTML代替嵌套的標籤，搜尋引擎將更有效地搜索到你的內容，並可能給你一個較高的評價 ranking)。 所以說辛苦的學習SEO，還不如來一次網站重構，使用CSS+div做網站，佈局好網站的xhtml、css、js，選好程式，那麼剩下的工作就是編輯。

SEO能否實現最好的優化，這就要看編輯的能力和水準了。