作為CSSer，你需要知道很多知識。前面有UE設置，后面有程序。在開發過程中，你需要考慮網站優化，收錄用戶體驗和SEO。今天就談SEO和CSS布局的關系。首先，讓我們知道什么是SEO。

SEO主要是通過對網站的結構、標簽、排版等方面的優化，使谷歌等搜索引擎能夠更輕松地搜索到網站的內容，并讓網站的每個頁面在谷歌等搜索引擎中獲得更高的分數，從而獲得更好的排名。

1、 代碼縮減

使用div+CSS布局，頁面代碼非常簡潔，我相信每個了解XHTML的人都知道這一點。代碼簡化有兩個直接的好處：一是提高了爬行器爬行的效率，可以在最短的時間內爬上一個完整的頁面，這對收錄的質量有一定的好處；二是因為可以高效爬行，會受到爬行器的喜歡，這對收藏的數量有一定的好處。

2、 表的嵌套

在很多關于如何推廣網站的文章中，都說搜索引擎一般不會捕捉到超過三級的表嵌套，這一點還沒有得到搜索引擎的官方證實。我的幾個實驗結果并不完全可用，但根據目前的情況，爬行器在爬行具有表布局的頁面時，遇到多層表嵌套時，會跳過嵌套內容或放棄整個頁面。從而降低了搜索效率。

使用表格布局，為了達到一定的視覺效果，我們必須應用多個表格。如果嵌套表是核心內容，并且爬行器在爬行時跳過此部分，并且沒有抓住頁面的核心，則頁面將成為類似的頁面。過多的相似網頁會影響網站的排名和域名信任度。

div+CSS布局基本上沒有這樣的問題。從技術角度來看，XHTML在控制樣式時不需要太多嵌套。

盡管他們不相信在本文的設計中使用嵌套表是基于SEOER的建議，但他們不想盡可能多地使用它。

3、 速度問題

與表布局相比，div+CSS布局減少了頁面代碼，大大提高了加載速度，這對爬行器爬行非常有利。太多的頁面代碼可能會導致爬行超時，爬行器會認為頁面無法訪問，影響權重和收錄。

另一方面，真正的SEOER不僅僅是為了追求包容和排名。快速的響應速度是提高用戶體驗的基礎，這對整個搜索引擎的優化和營銷非常有利。

4、 對排名的影響

基于xthml標準的div+CSS布局通常足夠，可以在設計之后通過W3C驗證。到目前為止，還沒有搜索引擎指出排名規則會傾向于符合W3C標準的網站或頁面，但事實證明，使用xthml架構的網站排名總體上是好的。這可能會引起爭議，但樂善舒本人卻堅持這一觀點。有異議的可以采取三組以上質量基本相同的網站進行對比觀察。

我想，這種情況可能不是排名規則，可能還是蜘蛛爬行網站，以上差異導致收錄質量不同。

只要網頁做得好，我相信蜘蛛可以更快更簡潔地掃描我們的網頁，收錄更多的內容。