網頁設計運用CSS+DIV對SEO的影響

隨著WEB2.0標準化設計理念的普及,國內很多網站已紛紛採用div+css製作方法,所以我們今天就談談網頁設計者如何用CSS對網站優化及在SEO方面的好處這個話題:

首先我們先來談談甚麼是CSS?CSS是"Cascading Style Sheet"的縮寫,一般稱為 "階層樣式表"。CSS並不是一種程式設計語言,而是用於網頁排版的標記性語言。它的定義是由W3C制訂的,可以讓您的網頁圖文元素更有獨特的風格。CSS最重要的目標是將文件的內容與它的顯示分隔開來。在CSS出現前,幾乎所有的HTML文件內都包含文件顯示的資訊,比如字體的顏色、大小、背景應該是怎樣的、或是利用表格進行多層巢狀編排等等都必須一一在HTML文件內呈現。CSS可使網頁設計者可以將這些非主文資訊從網頁中隔離出來,簡化HTML文件之源碼結構,這些資訊被放在一個輔助的,用CSS語言寫的文件中。HTML文件中只包含結構和內容的資訊,CSS文件中只包含樣式的資訊。

綜合上述,網頁設計使用CSS+DIV相對於傳統表格布局之優點:
一、藉由遵循網頁設計標準規格,主文件內容可與版面設計區分開來,將設計部分放在一個獨立的樣式文件中。二、簡化多層巢狀表格繁瑣的HTML程式碼,使用CSS+DIV後,主文件除了使用幾個div、ul、li、dl、dd、dt之類的標籤外,幾乎不用其他標籤,提高搜尋引擎對網頁主文檢索之效率。三、綜合一和二之優點,相對HTML之檔案變得更小,可以減少在網路上傳送的資料量,自然可提高網頁瀏覽速度。四、日後網頁之維護,只需修改單一一個CSS文檔便可,使維護上更容易。