一、DIV+CSS的網頁制作對搜索引擎優化的優勢

　　由于國外都流行用DIV+CSS來制作網頁，這點與大多國內的企業站點用TABLE不同，所以想談一下DIV+CSS的網頁制作對搜索引擎優化(SEO)的優勢有哪些?這些都是比較于TABLE而言的。

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

　　1、代碼精簡

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

　　2、表格的嵌套問題

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

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

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

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

　　3、速度問題

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

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

　　4、對排名的影響

　　基于XTHML標準的DIV+CSS布局，一般在設計完成后會盡可能的完善到能通過W3C驗證。截止目前沒有搜索引擎表示排名規則會傾向于符合W3C標準的網站或頁面，但事實證明使用XTHML架構的網站排名狀況一般都不錯。這一點或許會有爭議，但樂思蜀本人保持這樣的觀點，有異議者可以拿三組以上基本同等質量的網站對比觀察。

　　我想，這樣的情況可能不是排名規則，大的可能還是spider爬行網站時，出現以上差異導致收錄質量的不同。

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

　　二、影響SEO搜索引擎優化的網頁制作細節

　　1、將CSS與jAVACSRIPT全部用下邊的方法分離到外部文件中去，讓html代碼大可能的只是用來顯示實際內容。

　　2、采用Xhtml代碼編寫頁面，拋棄傳統Table布局模式，去掉頁面中的例如font/bgcolor等格式化控制標簽。用符合web標準的代碼來制作頁面。這樣能夠讓xhtml代碼結構化、語義化。提高頁面代碼的可讀性。3、采用了上邊的方法你會發現你的html代碼會變得非常小，當然如果可以的話。讓它變得更小。太大的頁面會影響搜索引擎的處理速度。一般通過xhtml+css設計的網頁，html代碼應該可以控制在50K以內。大家可以去看一下用web標準重構得比較好的網站。

　　4、用好圖片的alt標簽合理的使用頁面關鍵字去描述圖片，這樣能增加頁面的關鍵字密度。

　　5、盡可能少地使用javascript來做與內容相關的事情，例如用document.write去顯示正文。這樣會影響搜索引擎對頁面內容的搜索。

　　6、千萬不要去javascript來實現你網站的導航，那樣會讓搜索引擎迷失方向。[Page]

　　7、每個頁面的關鍵字盡可能出現在頁面的標題，也就是頭部的Title標簽中。當然，要合理應用，太要太長，更別用大量與頁面內容無關的網絡熱門關鍵字。因為那就不是優化而是在作弊。

　　8、盡量在每個頁面代碼中合理使用標簽，并讓關鍵字出現在標簽中，讓頁面的文檔結構更清楚。