運用CSS改進網站設計的3個技巧

Web開發者發表於2012-07-03

  CSS是一種分離表述編碼和實際內容的一種最有用的方式,也是一種使搜尋引擎最優化的方式,通常,網站設計中會建立一整套的css樣式標準,這些標準儲存在一個副檔名為css的單獨檔案中。然後利用HTML標籤設計網頁的時候,就會用到CSS檔案中的內容。三種簡單但很有效的設計技術來指導你正確地利用css改進網站的設計,以使網站能在大多數搜尋引擎中的排名靠前。

  一、用css技術構建檔案

  首先考慮一下搜尋引擎執行的實事。搜尋引擎機器人進入網站後,瀏覽網站上的內容,因為這些工具不會浪費過多的時間去尋找,所以網站的內容是越容易被搜尋到越好。考慮到這個問題,有些網頁的表述結構是不必要的,這時要去掉。在一個單獨的css檔案中這些結構會更容易儲存。這就意味著,要用少量的HTML標籤代替那些沒有任何關係的表格標籤,因為運用css規則可以更好地安排HTML標籤。把大量的多餘的標記去除以後,只剩下了安排合理的內容。這樣搜尋引擎就更容易發現網站並對網站做索引。

  二、利用css建立影象

  使用圖片相互切換的方式來實現連結效果的傳統做法是運用一些相對複雜的JS中的切換功能來實現的。JS編碼不是網頁要呈現的真正內容,只是一些無關緊要的語言,它對搜尋引擎非常不友好,所以如果在網頁中過多地運用這種技術來處理內容,會影響到網站在搜尋引擎中的排名。利用css來設計網頁是一種更好的辦法。利用2種圖形在網頁中建立文字連結,運用css來設計佈局。在HTML中,把連結內容展現出來,設計出長度和寬度,然後把2種影象定義為兩種不同的背景,一張圖片是在滑鼠離開時呈現,另一張圖片在滑鼠點選時出現。

  三、運用css設計標題標籤

  我們知道,搜尋引擎會重點去搜尋網站中可以找到標題,例如,標題1,標題2,標題3等等。設計標題標籤的時候,令很多沒有經驗的設計者頭疼的是,瀏覽器用大量很難看的黑色資訊去呈現。這時候就要用css了,它能使標題設計格局更合理,文字內容更能吸引搜尋引擎來搜尋。並且這樣完美的文章更能吸引瀏覽者的眼球。

相關文章