DIV+CSS設(shè)計(jì)的網(wǎng)站是按照W3C標(biāo)準(zhǔn)的，如果一個(gè)站點(diǎn)完全是CSS+DIV制作的，那么你網(wǎng)站的SEO(搜索引擎優(yōu)化)工作已經(jīng)完成了30%!為什么會(huì)這么說(shuō)?SEO其他方面在哪?好，請(qǐng)接著我的思路往下看：

DIV+CSS 網(wǎng)站相當(dāng)30%的SEO工作

1、div+css網(wǎng)站遵循“網(wǎng)頁(yè)結(jié)構(gòu)、表現(xiàn)、行為分離，互不干涉搶功”理念，且不說(shuō)SEO，其實(shí)按照這個(gè)理念建設(shè)起來(lái)的網(wǎng)站，網(wǎng)頁(yè)打開(kāi)速度會(huì)明顯的加快。因?yàn)榘凑者@個(gè)理念，網(wǎng)頁(yè)將會(huì)分成html、css、js三種類(lèi)型的文件，而css、js又是可以緩存的，所以瀏覽一個(gè)這樣的網(wǎng)頁(yè)其實(shí)就是下載html 代碼就行了，速度當(dāng)然變快。

我們先看看SEO都做啥：

a.網(wǎng)頁(yè)META標(biāo)簽會(huì)添加的比較齊全，如keywords、description、robots;

b.被搜引擎抓取的內(nèi)容，代碼比較精簡(jiǎn)，非內(nèi)容代碼大大減少，文件小;

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

d.不會(huì)出現(xiàn)表格那樣多層嵌套的問(wèn)題。

2、修飾性圖片文本替換，js、flash文字圖片還原有些網(wǎng)站為了追求炫眼效果，采用了圖片按鈕，圖片新聞flash切換，文本的js跑燈效果……這樣大大將原本屬于圖片，文字鏈接的代碼變成了搜索引擎讀不懂的js代碼、flash，或者是直接插入原本不是內(nèi)容的修飾性圖片替換了文字。如果這些剛好又包含了熱門(mén)關(guān)鍵字，那么搜索收錄量將損失很大。修飾性圖片文本替換：就是說(shuō)將不是內(nèi)容而是修飾的圖片變成底圖顯示，不干擾搜索引擎，讓它忽略它。而有增加文字，之后使用css隱藏掉，這樣也增加了可以搜索的文字。常見(jiàn)使用于logo，按鈕，菜單。 js、flash文字圖片還原：這是我近來(lái)提出來(lái)的一個(gè)思路，還沒(méi)有廣泛給大家知道的方法(呵呵，大家接不接受還是個(gè)問(wèn)題)：將js，flash顯示的內(nèi)容轉(zhuǎn)為html，之后使用js讀取html，傳遞參數(shù)啟動(dòng)原來(lái)的效果、并且隱藏html，只是比原來(lái)增加了幾個(gè)步驟。詳細(xì)可以參考我寫(xiě)的文章：如何減少 JS對(duì)搜索的負(fù)面影響。

3、W3C要求必須添加鏈接標(biāo)簽的title、圖片標(biāo)簽的alt屬性這樣的話，所有的a標(biāo)簽都會(huì)規(guī)范的添加有 title文本，img有alt文本。而不是等到要優(yōu)化的時(shí)候臨時(shí)的把幾個(gè)含有關(guān)鍵字的鏈接(描文本)添加上title，圖片加好alt。css+div 不是為了SEO優(yōu)化而添加title、alt，而是為了網(wǎng)頁(yè)親和力添加它們。

4、合理安排使用

文本加粗，斜體，下劃線這是語(yǔ)義化標(biāo)簽都必須做到的一步。所以做到了CSS+div，這個(gè)問(wèn)題也會(huì)在不知不覺(jué)中做到了。

5、網(wǎng)頁(yè)標(biāo)準(zhǔn)可以隨時(shí)將重要的內(nèi)容調(diào)前，之后使用css重新定位。例如頁(yè)面效果圖中中間的文字比較重要，可以先把重要的內(nèi)容放在左邊的代碼的前面，方便搜索引擎，之后使用css將它調(diào)會(huì)到效果圖的位置。

6、網(wǎng)頁(yè)標(biāo)準(zhǔn)提到的好處

更少的代碼和組件，容易維護(hù)

帶寬要求降低(代碼更簡(jiǎn)潔)，成本降低。

更容易被搜尋引擎搜索到

改版方便，不需要變動(dòng)頁(yè)面內(nèi)容

提供打印版本而不需要復(fù)制內(nèi)容

提高網(wǎng)站易用性。

SEO的另一半工作是編輯，編程編輯涉及的工作有：頻道欄目的設(shè)計(jì)、取名，頁(yè)面的布局(關(guān)鍵詞的位置安排)，創(chuàng)建欄目時(shí)，錄稿時(shí)，文件夾，文件的取名;關(guān)鍵詞管理，了解當(dāng)前使用的關(guān)鍵詞流行度，競(jìng)爭(zhēng)度;專(zhuān)題、當(dāng)前熱門(mén)的關(guān)注;錄稿時(shí)關(guān)鍵詞的提煉、圖片alt的插入習(xí)慣;與同類(lèi)型網(wǎng)站的交流，交換鏈接……編程涉及的工作有：頁(yè)面實(shí)現(xiàn)靜態(tài)化;URL實(shí)現(xiàn)偽靜態(tài)，使用re_write重寫(xiě)技術(shù);本站系統(tǒng)搜索中關(guān)鍵詞的搜索功能，實(shí)現(xiàn)網(wǎng)站各個(gè)頁(yè)面的關(guān)鍵詞網(wǎng);維護(hù)服務(wù)器，穩(wěn)定服務(wù)器。評(píng)論的廣告過(guò)濾;自動(dòng)將關(guān)鍵詞加粗、添加含有title關(guān)鍵字的鏈接;避免網(wǎng)站過(guò)多死鏈接，提供死鏈接自動(dòng)刪除或修復(fù)功能;相關(guān)文章取文章鏈接格式：先是關(guān)鍵詞相同的關(guān)連，二關(guān)鍵字與標(biāo)題的關(guān)連，文章內(nèi)容與關(guān)鍵詞關(guān)連。……所以制作完成CSS+div的網(wǎng)頁(yè)后，你只是完成了30%的SEO 工作，還有另外70%需要編輯，編程共同完成。其它的作弊，或者是刻意重復(fù)關(guān)鍵詞，body之間代碼的開(kāi)始或結(jié)束增加關(guān)鍵詞出現(xiàn)機(jī)會(huì)。

制作、編程是SEO的“打地基”沒(méi)有好的制作，符合搜索優(yōu)化的代碼結(jié)構(gòu)，那么無(wú)論編輯的水平怎么樣，搜索引擎也不會(huì)有好效果。但也可以看到：“地基”打好以后，隨著時(shí)間的增長(zhǎng)，編輯的作用效果就會(huì)原來(lái)越明顯，因?yàn)榈鼗恍枰?jīng)常變動(dòng)的。一動(dòng)就是傷筋骨的“大工程了”。

不符合標(biāo)準(zhǔn)的網(wǎng)站，趕緊網(wǎng)站重構(gòu)吧

div+css更方便搜索引擎的搜索。用只包含結(jié)構(gòu)化內(nèi)容的HTML代替嵌套的標(biāo)簽，搜索引擎將更有效地搜索到你的內(nèi)容，并可能給你一個(gè)較高的評(píng)價(jià) ranking)。所以說(shuō)辛苦的學(xué)習(xí)SEO，還不如來(lái)一次網(wǎng)站重構(gòu)，使用CSS+div做網(wǎng)站，布局好網(wǎng)站的xhtml、css、js，選好程序，那么剩下的工作就是編輯。

SEO能否實(shí)現(xiàn)最好的優(yōu)化，這就要看編輯的能力和水平了。