按照w3c標準重構網站相當30%的SEO工作

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

css div網站相當30%的SEO工作

1、css div網站遵循「網頁結構、表現、行為分離，互不干涉搶功」理念

% R3 d) a# L! ^! Z  R2 z% x且不說SEO，其實按照這個理念建設起來的網站，網頁打開速度會明顯的加快。因為按照這個理念，網頁將會分成html、css、js三種類型的文件，而css、js又是可以緩存的，所以瀏覽一個這樣的網頁其實就是下載html代碼就行了，速度當然變快。
' C5 p3 b% o. `' G
( e; ^# x+ d9 l; T* ?我們先看看SEO都做啥：
a.網頁META標籤會添加的比較齊全，如keywords、description、robots；
# q/ e1 n, L% D1 ^# M. n; _$ pb.被搜引擎抓取的內容，代碼比較精簡，非內容代碼大大減少，文件小；
* D/ V: E0 l  H5 w' ~+ K! Jc.文本會比較前。幾乎都在200字內就可以搜索到正文，重要內容；
d.不會出現表格那樣多層嵌套的問題。
9 G  K9 O( R8 U) ?8 u5 k3 q( [8 W
' W0 l' {0 [& ]7 T2 q2、修飾性圖片文本替換，js、flash文字圖片還原
) {- m, B  H7 F
有些網站為了追求炫眼效果，採用了圖片按鈕，圖片新聞flash切換，文本的js跑到效果……這樣大大將原本屬於圖片，文字鏈接的代碼變成了搜索引擎讀不懂的js代碼、flash，或者是直接插入原本不是內容的修飾性圖片替換了文字。如果這些剛好又包含了熱門關鍵字，那麼搜索收錄量將損失很大。
6 Z( U! E2 _  |* W4 S1 y0 ]: P修飾性圖片文本替換：就是說將不是內容而是修飾的圖片變成底圖顯示，不干擾搜索引擎，讓它忽略它。而有增加文字，之後使用css隱藏掉，這樣也增加了可以搜索的文字。常見使用於logo，按鈕，菜單。
  r; V5 Q, c2 [* G/ p+ s6 U" f+ Zjs、flash文字圖片還原：這是我近來提出來的一個思路，還沒有廣泛給大家知道的方法（呵呵，大家接不接受還是個問題）：將js，flash顯示的內容轉為html，之後使用js讀取html，傳遞參數啟動原來的效果、並且隱藏html，只是比原來增加了幾個步驟。詳細可以參考我寫的文章：如何減少 JS對搜索的負面影響。


1 v! R( E6 f( Q& P3、W3C要求必須添加鏈接標籤的title、圖片標籤的alt屬性

這樣的話，所有的a標籤都會規範的添加有title文本，img有alt文本 。而不是等到要優化的時候臨時的把幾個含有關鍵字的鏈接（描文本）添加上title，圖片加好alt。CSS+div不是為了SEO優化而添加title、alt，而是為了網頁親和力添加它們。
& u2 a+ K2 w+ |' x6 Y
4、合理安排使用<h1>~<h6>，文本加粗，斜體，下劃線

* d3 O  E- h6 a0 r! u8 a7 y/ S這是語義化標籤都必須做到的一步。所以做到了CSS+div，這個問題也會在不知不覺中做到了。
, n2 f# G1 u6 d" a
6 b$ `2 @, I: X$ s8 b/ K5 [5、網頁標準可以隨時將重要的內容調前，之後使用css重新定位。

例如頁面效果圖中中間的文字比較重要，可以先把重要的內容放在左邊的代碼的前面，方便搜索引擎，之後使用css將它調會到效果圖的位置。
3 U' C; S! w6 M; M5 A
! [, T, [% O  }6 S& ~7 b6 A6、網頁標準提到的好處
' k6 u# y% [% z% z
! m# y( y' J  Q! e# J  r
更少的代碼和組件，容易維護
帶寬要求降低（代碼更簡潔），成本降低。
更容易被搜尋引擎搜索到
改版方便，不需要變動頁面內容
提供打印版本而不需要複製內容
6 {' D; ?" o$ ?9 l* J- a3 }' s提高網站易用性。

9 R, D' v- ^  Z) V1 `
' @' Q9 q( f$ F5 E6 L+ ~9 k: K" ASEO的另一半工作是編輯，編程
& y4 B( k% D% g3 l+ ]
) f0 `( U1 ~1 V! j/ u+ S8 W! k編輯涉及的工作有：頻道欄目的設計、取名，頁面的佈局（關鍵詞的位置安排），創建欄目時，錄稿時，文件夾，文件的取名；關鍵詞管理，瞭解當前使用的關鍵詞流行度，競爭度；專題、當前熱門的關注；錄稿時關鍵詞的提煉、圖片alt的插入習慣；與同類型網站的交流，交換鏈接……
" T4 l5 U: h. ?
) l( ~. I6 Y' R8 [" Y編程涉及的工作有：頁面實現靜態化；URL實現偽靜態，使用re_write重寫技術；本站系統搜索中關鍵詞的搜索功能，實現網站各個頁面的關鍵詞網；維護服務器，穩定服務器。評論的廣告過濾；自動將關鍵詞加粗、添加含有title關鍵字的鏈接；避免網站過多死鏈接，提供死鏈接自動刪除或修復功能；相關文章取文章鏈接格式：先是關鍵詞相同的關連，二關鍵字與標題的關連，文章內容與關鍵詞關連。……

, _2 G1 h+ ^9 J3 Y4 l4 c) n$ {所以製作完成CSS+div的網頁後，你只是完成了30%的SEO工作，還有另外70%需要編輯，編程共同完成。其它的愛百度也愛谷歌，或者是刻意重複關鍵詞，body之間代碼的開始或結束增加關鍵詞出現機會。
( O+ H, v. d7 K7 _, a# C3 l

8 h) o4 \1 t; N
" h. y# k' R5 _' H製作、編程是SEO的「打地基」
0 E* }! Y: M; Y9 t6 \
沒有好的製作，符合搜索優化的代碼結構，那麼無論編輯的水平怎麼樣，搜索引擎也不會有好效果。但也可以看到：「地基」打好以後，隨著時間的增長，編輯的作用效果就會原來越明顯，因為地基不需要經常變動的。一動就是傷筋骨的「大工程了」。
( k# Y4 q9 ?4 X

: k& c+ N4 o, k+ r9 S, F# T- Y9 N
不符合標準的網站，趕緊網站重構吧
  h0 `3 b  U8 H- Y$ h( x
, x9 L: ~5 r* J" F! UChristopher Schmitt
! n1 B: I0 q8 m( S& O; N9 @( ~
更方便搜索引擎的搜索。用只包含結構化內容的HTML代替嵌套的標籤，搜索引擎將更有效地搜索到你的內容，並可能給你一個較高的評價(ranking)。
所以說辛苦的學習SEO，還不如來一次網站重構，使用CSS+div做網站，佈局好網站的xhtml、css、js，選好程序，那麼剩下的工作就是編輯。SEO能否實現最好的優化，這就要看編輯的能力和水平了。