作為CSSer，你需要知道很多知識(shí)。前面有UE設(shè)置，后面有程序。在開發(fā)過程中，你需要考慮網(wǎng)站優(yōu)化，收錄用戶體驗(yàn)和SEO。今天就談SEO和CSS布局的關(guān)系。首先，讓我們知道什么是SEO。

SEO主要是通過對(duì)網(wǎng)站的結(jié)構(gòu)、標(biāo)簽、排版等方面的優(yōu)化，使谷歌等搜索引擎能夠更輕松地搜索到網(wǎng)站的內(nèi)容，并讓網(wǎng)站的每個(gè)頁(yè)面在谷歌等搜索引擎中獲得更高的分?jǐn)?shù)，從而獲得更好的排名。

1、 代碼縮減

使用div+CSS布局，頁(yè)面代碼非常簡(jiǎn)潔，我相信每個(gè)了解XHTML的人都知道這一點(diǎn)。代碼簡(jiǎn)化有兩個(gè)直接的好處：一是提高了爬行器爬行的效率，可以在最短的時(shí)間內(nèi)爬上一個(gè)完整的頁(yè)面，這對(duì)收錄的質(zhì)量有一定的好處；二是因?yàn)榭梢愿咝佬校瑫?huì)受到爬行器的喜歡，這對(duì)收藏的數(shù)量有一定的好處。

2、 表的嵌套

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

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

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

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

3、 速度問題

與表布局相比，div+CSS布局減少了頁(yè)面代碼，大大提高了加載速度，這對(duì)爬行器爬行非常有利。太多的頁(yè)面代碼可能會(huì)導(dǎo)致爬行超時(shí)，爬行器會(huì)認(rèn)為頁(yè)面無法訪問，影響權(quán)重和收錄。

另一方面，真正的SEOER不僅僅是為了追求包容和排名。快速的響應(yīng)速度是提高用戶體驗(yàn)的基礎(chǔ)，這對(duì)整個(gè)搜索引擎的優(yōu)化和營(yíng)銷非常有利。

4、 對(duì)排名的影響

基于xthml標(biāo)準(zhǔn)的div+CSS布局通常足夠，可以在設(shè)計(jì)之后通過W3C驗(yàn)證。到目前為止，還沒有搜索引擎指出排名規(guī)則會(huì)傾向于符合W3C標(biāo)準(zhǔn)的網(wǎng)站或頁(yè)面，但事實(shí)證明，使用xthml架構(gòu)的網(wǎng)站排名總體上是好的。這可能會(huì)引起爭(zhēng)議，但樂善舒本人卻堅(jiān)持這一觀點(diǎn)。有異議的可以采取三組以上質(zhì)量基本相同的網(wǎng)站進(jìn)行對(duì)比觀察。

我想，這種情況可能不是排名規(guī)則，可能還是蜘蛛爬行網(wǎng)站，以上差異導(dǎo)致收錄質(zhì)量不同。

只要網(wǎng)頁(yè)做得好，我相信蜘蛛可以更快更簡(jiǎn)潔地掃描我們的網(wǎng)頁(yè)，收錄更多的內(nèi)容。