其實零才接觸HTML語義化也不是很久，還記得第一次接觸竟然是被某網絡公司WEB前端招聘的HR問到，當時真的很囧。所謂吃一塹，長一智，零才決定對WEB前端和SEO結合起來學習。什麼是HTML語義化？如果大家對它也較為陌生，或者決定對下面的解釋理解起來有點吃力，可以參考下零才在微博中給的通俗解釋。
分離結構與表現的另一個重要方面是使用語義化的標記來構造文檔內容。一個XHTML元素的存在就意味被標記內容的那部分有相應的結構化的意義，沒有理由使用其他的標記。換句話說，不要讓CSS使一個HTML元素看起來就像另一個HTML元素，比如用＜div＞來代替＜p＞標記標題。
雖然語義化的HTML屬於WEB標准化范疇，值得WEB前端的設計者學習，但對於一個全面的SEO來說，使用標准化的網頁結構，對SEO是有百利而無一害的，而WEB標准化就必須談到語義化的HTML。其實，應該很容易想象，如果整個HTML文檔中，都只用div來布局、表現數據，那還需要其他的那些HTML標簽做什麼呢？可以這麼說，語義化的HTML讓我們的網頁更加容易被人或者機器理解，更容易清楚的表達網頁的真實含義。下面，我們就來了解下SEO種需要重點注意的一些語義化HTML。
標題＜Hx＞
＜h1＞、＜h2＞、＜h3＞、＜h4＞、＜h5＞、＜h6＞，在WEB中作為標題使用，並且依據重要性遞減。＜h1＞是最高的等級，所以你需要准確確定每個頁面最重要的內容是什麼，要優化的關鍵詞在哪裡。以我們最常見的博客為例，博客首頁羅列最多的通常就是最新博文，而最重要的應該就是博客的名稱了，比如零才的“零才網絡推廣博客”，而後面最新文章的鏈接標題則可以使用＜H2＞或者＜H3＞，一般都使用＜H2＞，表示次級標題。
但是，是不是每個頁面的H1標簽都包含博客名稱呢？建議次級頁面的博客名稱鏈接都放在H2標簽裡，而你的文章標題則使用H1標簽，這樣對於整站優化是很有幫助的，這也是優化到每個頁面需要注意的一點。通過合理設置每個頁面的hx標題，網站的內容才會更具優勢。
強調＜em＞、＜strong＞、＜b＞、＜i＞
＜em＞、＜strong＞這兩個標簽對SEO有著較大影響效果，適當使用它們，可使你的網頁增色不少。＜em＞、＜strong＞與Hx一樣，其區別也在於重要性不一樣。＜em＞ 表示強調，而＜strong＞意為重點強調，較em更重一些。在SEO時，我們可以將最重要的關鍵詞用strong標記，對第二重要的用em標記。結合前面使用的Hx標簽，它們更適合放在文章正文的內部，而Hx理所當然是在用在正文的外部。有些WEB設計者為了達到網頁的某些效果，使用＜strong＞純粹是為了達到加粗，使用em就是為了傾斜，而這種做法根本沒必要，而且相反可能會影響到SEO的效果。在以前，為了達到粗體、斜體的效果，WEB設計者會使用＜b＞、＜i＞標簽，而現在基本不用它們了，它們僅僅是用來表現文本樣式的，而最明智和常用的解決方案是用CSS來控制文字樣式。
段落＜p＞
當搜索引擎讀取網頁內容的時候，遇到P標簽的時候，立馬就知道這是一個段落，而如果使用DIV，就無法體現HTML語義化的優勢了。從WEB標准的角度來看，文章正文使用P是理所當然，也是更值得提倡的。不過如果使用＜div＞代替＜p＞，對SEO的影響還是甚微的，因為它們並沒有任何強調的意味在裡面。但是如果你使用P來給網頁整體布局，就顯得有些怪異了。
列表＜ul＞、＜ol＞、＜li＞、＜table＞
＜ul＞為無序列表，大家廣泛使用的，有序列表＜ol＞也挺常用。在web標准化過程中，＜ul＞被更多的用於導航條，這樣做是完全正確的，而在文章列表裡面，就可以使用ol了，因為那些列表都是有一定順序的。當然，這兩個對於SEO的影響也是甚微的，但如果你使用表格＜table＞代替列表，不僅會使得HTML文檔變得冗長，更沒能很好的利用HTML語義化的優勢來優化你的網頁，因為表格更適合來標記列表的數據。
title屬性（不是title標簽）和alt屬性
title屬性是用來為元素提供額外說明信息的，它可以用在除了base，basefont，head，html，meta，param，script和title之外的所有標簽。alt屬性為不能顯示圖像、窗體或applets的用戶代理（UA），指定替換文字。alt屬性對圖片優化的功能是毋庸置疑的，而且這也是SEO所提倡的，如果你非用圖片到HTML裡面去，最好將圖片加上ALT屬性，而且可以將關鍵詞適當的放到裡面去。半年前看到一位博友說title屬性（不是title標簽）可以增加網站的關鍵詞密度，零才在這裡持有不同的觀點，因為現在ALT屬性裡的值都已經被搜索引擎輕視了，title裡面的內容對關鍵詞密度的影響也會被搜索引擎放低，同時。title屬性裡的內容並不一定能夠增加關鍵詞的密度，如果大量使用，且裡面的內容不含關鍵詞，相反會削弱關鍵詞密度。
也許這篇文章更適合SEO初學者來看，但是對於很多只懂鏈接和內容操作的SEO來說，WEB標准還是應該引起大家的注意。同時，對於WEB設計者來說，考慮HTML對網站SEO的影響，更應該正確的使用你手下的HTML標記。
如果您對零才的文章有任何看法，可前往零才的博客參與討論，同時可以關注零才的新浪微博：http://t.sina.com.cn/yichang。本文原始出處：http://www.0cai.net/post/yuyihua-seo.html
感謝 0cai 的投稿