DIV+CSS基礎教程：XHTML+CSS與SEO

xHTML+CSS與SEO的內容，後面章節會詳細給大家介紹，這裡就先說一些，讓大家對xHTML+CSS與SEO有一定的認識，為後面製作頁面打基礎，畢竟我們做出來的頁面還是要給搜尋引擎看的，所以不能不提提xHTML+CSS與SEO的關係。

1)將頁面中最重要的內容用h1標籤括起來，h1的內容就和頁面title很自然的包含了網站或者頁面的核心關鍵詞，搜尋引擎很重視h1標籤的內容喲

2)合理的運用h2、h3等標題標籤，他們對於頁面來說就是文章不同的等級或者不同的功能區域的標誌性元素

3)頁面meta資訊不可忽視，一定要包含頁面核心的內容

4)為了便於搜尋引擎更方便的抓取，要儘可能的保證HTML頁面代碼純淨，強調一下，既然是xHTML+CSS布局頁面，所以CSS代碼要單獨寫在一個檔案內，保證CSS部分和HTML部分徹底分離；html頁面中使用id和class，儘可能的避免style="";盡量使用標準的CSS命名規範，從這裡就可以看出你這個頁面重構師是否專業喲；盡量使用CSS的縮寫以節省代碼，例如padding:10px
20px 10px 20px;縮寫為padding:10px 20px;最好不要在HTML頁面用font、center這種標籤。

5)在HTML頁面中strong標籤是可以使用的，可以進一步強化關鍵詞和相應的文字資訊。

6)頁面中的javascript代碼會對搜尋引擎分析頁面內容產生幹擾，可以將javascript代碼封裝在一個.js檔案中外部調用。

7)<img />儘可能的加入alt注釋，因為百度和google都有搜尋圖片的功能，如果加了alt，就更方便搜尋蜘蛛的爬行，搜尋相應關鍵詞，就可能出現你網站上的圖片，點擊圖片不就進入你的網站了嘛，就又多了點流量吧。

出自:CSS學習論壇