作為一個CSSer，需要懂得的知識是比較多的，前面有UE設置，後面有程序，而在開發的同時，需要考慮到網站優化，包括用戶體驗和SEO等等。今天就SEO與DIV+CSS布局的關系，我們作一些了解，相信大家看了以後，會有收獲的。
首先了解一下，什麼是SEO。 SEO主要就是通過對網站的結構，標簽，排版等各方面的優化，使Google等搜索引擎更容易搜索網站的內容，並且讓網站的各個網頁在GOOGLE等搜索引擎中獲得較高的評分，從而獲得較好的排名。 一、代碼精簡 使用DIV+CSS布局，頁面代碼精簡，這一點相信對XHTML有所了解的都知道。代碼精簡所帶來的直接好處有兩點：一是提高蜘蛛爬行效率，能在最短的時間內爬完整個頁面，這樣對收錄質量有一定好處;二是由於能高效的爬行，就會受到蜘蛛喜歡，這樣對收錄數量有一定好處，溫馨部落網絡技術服務工作室在 這方面一直秉承精益求精的態度，做好每一步。 二、表格的嵌套問題 很多網站如何推廣的文章中稱，搜索引擎一般不抓取三層以上的表格嵌套，這一點一直沒有得到搜索引擎官方的證實。我的幾項實驗結果沒有完全出來，但根 據目前掌握的情況來看，蜘蛛爬行Table布局的頁面，遇到多層表格嵌套時，會跳過嵌套的內容或直接放棄整個頁面。從而減小了搜索效率。 使用Table布局，為了達到一定的視覺效果，不得不套用多個表格。如果嵌套的表格中是核心內容，蜘蛛爬行時跳過了這一段沒有抓取到頁面的核心，這個頁面就成了相似頁面。網站中過多的相似頁面會影響排名及域名信任度。 而DIV+CSS布局基本上不會存在這樣的問題，從技術角度來說，XHTML在控制樣式時也不需要過多的嵌套。這雖然沒有得到確認，但還是建議使用 Table布局的朋友們，在設計時盡可能的不要使用多層表格嵌套，SEOer們在文章中說明了這一點，相信他們也不是沒有依據的。 三、速度問題 DIV+CSS布局較Table布局減少了頁面代碼，加載速度得到很大的提高，這在蜘蛛爬行時是非常有利的。過多的頁面代碼可能造成爬行超時，蜘蛛 就會認為這個頁面無法訪問，影響收錄及權重。另一方面，真正的SEOer不只是為了追求收錄、排名，快速的響應速度是提高用戶體驗度的基礎，這對整個搜索 引擎優化及營銷都是非常有利的。 四、對排名的影響 基於XTHML標准的DIV+CSS布局，一般在設計完成後會盡可能的完善到能通過W C驗證。截止目前沒有搜索引擎表示排名規則會傾向於符合WC標准的網站或頁面，但事實證明使用XTHML架構的網站排名狀況一般都不錯。這一點或許會有爭議，但溫馨部落優化保持這樣的觀點。 原文地址 前端開發 http://www.jqueryba.com/172.html