現在主流網站為什么都用div+css布局而不是用table


由於剛剛接觸前端,一直覺得table布局在代碼上看起來比div+css更整潔,div+css布局的頁面,一堆的<div><div><div>...</div></div></div>看起來都讓人犯密集恐懼症,那么為什么現在的主流網站還都樂此不疲呢?為什么div+css反而成了一種主流布局方式呢?一直對此不解。這篇文章好像是解決了我的問題,先摘錄過來,以便查閱。

以下內容摘自:http://www.divcss5.com/wenji/w180.shtml

問:SEO為什么要求網頁設計師用DIV+CSS布局網頁?

答:通常情況下,SEOer非常喜歡把一個網站做到最細節,在網頁設計方面,有時與設計師溝通時,通常會問到:SEO為什么要求網頁設計師用DIV+CSS布局網頁?有什么好處之類的問題,其實SEO們考慮的問題就是如何讓網頁的內容更好的讓搜索引擎抓取網頁的內容,更容易評估網頁內容的質量,這樣有利於排名。這是SEO們的最基本的目的,當然CSS+DIV的好處並不局限於此,以下為詳細的分析:

SEO主要就是通過對網站的結構,標簽,排版等各方面的優化,使Google等搜索引擎更容易搜索網站的內容,並且讓網站的各個網頁在GOOGLE等搜索引擎中獲得較高的評分,從而獲得較好的排名。DIV CSS網頁布局對SEO有哪些影響呢?

代碼精簡
使用DIV+CSS布局,頁面代碼精簡,這一點相信對XHTML有所了解的都知道。代碼精簡所帶來的直接好處有兩點:一是提高spider爬行效率,能在最短的時間內爬完整個頁面,這樣對收錄質量有一定好處;二是由於能高效的爬行,就會受到spider喜歡,這樣對收錄數量有一定好處。

表格的嵌套問題
很多網站如何推廣的文章中稱,搜索引擎一般不抓取三層以上的表格嵌套,這一點一直沒有得到搜索引擎官方的證實。我的幾項實驗結果沒有完全出來,但根據目前掌握的情況來看,spider爬行Table布局的頁面,遇到多層表格嵌套時,會跳過嵌套的內容或直接放棄整個頁面。

使用Table布局,為了達到一定的視覺效果,不得不套用多個表格。如果嵌套的表格中是核心內容,spider爬行時跳過了這一段沒有抓取到頁面的核心,這個頁面就成了相似頁面。網站中過多的相似頁面會影響排名及域名信任度。

而DIV+CSS布局基本上不會存在這樣的問題,從技術角度來說,XHTML在控制樣式時也不需要過多的嵌套。

這雖然沒有得到確認,但還是建議使用Table布局的朋友們,在設計時盡可能的不要使用多層表格嵌套,SEOer們在文章中說明了這一點,相信他們也不是沒有依據的。

速度問題
DIV+CSS布局較Table布局減少了頁面代碼,加載速度得到很大的提高,這在spider爬行時是非常有利的。過多的頁面代碼可能造成爬行超時,spider就會認為這個頁面無法訪問,影響收錄及權重。

另一方面,真正的SEOer不只是為了追求收錄、排名,快速的響應速度是提高用戶體驗度的基礎,這對整個搜索引擎優化及營銷都是非常有利的。

CSS對排名的影響
基於XTHML標准的DIV+CSS布局,一般在設計完成后會盡可能的完善到能通過W3C驗證。截止目前沒有搜索引擎表示排名規則會傾向於符合W3C標准的網站或頁面,但事實證明使用XTHML架構的網站排名狀況一般都不錯。這一點或許會有爭議,但樂思蜀本人保持這樣的觀點,有異議者可以拿三組以上基本同等質量的網站對比觀察。
我想,這樣的情況可能不是排名規則,最大的可能還是spider爬行網站時,出現以上差異導致收錄質量的不同。

畢竟廖勝於無,建議建站或改版的朋友們,技術許可的情況下,還是選擇DIV+CSS布局為好

如需轉載,請注明文章出處和來源網址:http://www.divcss5.com/wenji/w180.shtml


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM