CSS (Cascading Style Sheets) 顧名思義就是就是串聯式的樣式設定資料。若單就傳統網頁的樣式設定而言,它頂多只是簡化了 HTML codes 中的語法;但它卻有一絲絲 XML 的味道,值得細細品味....
不過,本文不打算說明 CSS 的特色,僅針對 CSS 在 SEO 議題上的優勢列舉如下:
定位
細心的設計師可以發現,搜尋引擎在收錄內容時,會由最接近 <BODY>的內容開始擷取,作為搜尋結果的段落內容;而標題則為該網頁的<TITLE>。TITLE沒什麼問題,但BODY就一樣了。主要的影響在於網頁版型的設計和配置,配置不當時,往往搜尋引擎上出現的,總是一樣的廢話。那麼,網友會點嗎?網友不點,那麼 SEO 就破功了。而這點,可以透過 CSS 的定位效果予以改善。(對 Yahoo 沒用,或許這就是 Yahoo 慢慢淡出搜尋引擎市場的因素之一。)
簡潔
透過 CSS 優化之後的網頁,其內容(不包含CSS)是非常簡潔,而且架構清晰的(幾乎跟 XML 一樣)。如此一來,搜尋引擎就更容易解析甚至「弄懂」網頁所描述的內容,再將它呈現在搜尋結果中。而若沒有善用 CSS 的網頁,則往往有一大堆的虛碼、符號、參數(尤其是用 Word 這類非專業軟體所產生的網頁),而這對 SEO 是沒有任何幫助的。
清楚切割
簡言之 CSS 最大的特色就是清楚切割。網頁裡都是實際的內容;CSS 中則是這些內容要如何顯示的各項定義。因此,設計者甚至可以為不同的狀況規劃專屬的 CSS 定義來顯示相同的內容。
多此一舉嗎?
不~~現在有越來越多取得資訊的管道、平台或設備,藉此將能快速地將內容推播到各種平台之上。這將是未來的大趨勢!