如何正確使用HTML標記

　　分離結(jié)構(gòu)與表現(xiàn)的另一個重要方面是使用語義化的標記來構(gòu)造文檔內(nèi)容。一個html元素的存在就意味著被標記內(nèi)容的 那部分有相應的結(jié)構(gòu)化的意義，沒有理由使用其他的標記。換句話說，不要讓CSS使一個HTML元素看起來就像另一個HTML元素，比如用＜div＞來代替 ＜p＞標

　　分離結(jié)構(gòu)與表現(xiàn)的另一個重要方面是使用語義化的標記來構(gòu)造文檔內(nèi)容。一個html元素的存在就意味著被標記內(nèi)容的那部分有相應的結(jié)構(gòu)化的意義，沒有理由使 用其他的標記。換句話說，不要讓CSS使一個HTML元素看起來就像另一個HTML元素，比如用＜div＞來代替＜p＞標記標題。

　　雖然語義化的HTML屬于WEB標準化范疇，值得WEB前端設計者學習，但對于一個全面的SEO來說，使用標準化的網(wǎng)頁結(jié)構(gòu)，對于SEO是有百利而無一害 的，而WEB標準化就必須談到語義化的HTML。其實，應該很容易想象，如果整個HTML文檔中，只用div來布局和表現(xiàn)數(shù)據(jù)，那還需要其他的HTML標 簽做什么呢？可以這么說，語義化的HTML讓我們的網(wǎng)頁更加容易被人或者機器理解，更容易清楚的表達網(wǎng)頁的真實含義。下面，我們就來了解SEO幾處需要重 點注意一些語義化HTML。

　?、贅祟}＜Hx＞

　?。糷1＞、＜h2＞、＜h3＞、＜h4＞、＜h5＞、＜h6＞，在WEB中作為標題使用，并且依據(jù)重要性遞減。＜h1＞是最高的等級，所以你需要準確確定 每個頁面最重要的內(nèi)容是什么，要優(yōu)化的關鍵詞在哪里。以我們最常見的博客為例，博客首頁上羅列最多的通常就是最新博文，而最重要的應該就是博客的名稱了， 是不是每個頁面的H1標簽都包含博客名稱呢？建議次級頁面的博客名稱鏈接都放在H2標簽里，而你的文章標題則使用H1標簽，這樣對于整站優(yōu)化是很有幫助 的，這也是優(yōu)化到每個頁面需要注意的一點。通過合理設置每個頁面的＜Hx＞標題，網(wǎng)站的內(nèi)容才會更具優(yōu)勢。

　?、趶娬{(diào)＜em＞、＜strong＞、＜b＞、＜i＞

　?。糴m＞、＜strong＞這兩個標簽對SEO有著較大影響效果，適當使用它們，可使你的網(wǎng)頁增色不少。＜em＞、＜strong＞與＜Hx＞一樣，其區(qū) 別也在于重要性不一樣。＜em＞表示強調(diào)，而＜strong＞意為重點強調(diào)，較＜em＞更重一些。在SEO時，我們可以將最重要的關鍵詞用 ＜strong＞標記，對第二重要的用＜em＞標記。結(jié)合前面使用的Hx標簽，它們更適合放在文章正文的內(nèi)部，而＜Hx＞理所當然是在用在正文的外部。有 些WEB設計者為了達到網(wǎng)頁的某些效果，使用＜strong＞純粹是為了達到加粗，使用＜em＞就是為了傾斜，而這種做法根本沒必要，而且還會影響到 SEO的效果。在以前，為了達到粗體、斜體的效果，WEB設計者會使用＜b＞、＜i＞標簽，而現(xiàn)在基本不用它們了，它們僅僅是用來表現(xiàn)文本樣式的，而最明 智和常用的解決方案是用CSS來控制文字樣式。

　?、鄱温洌紁＞

　　當搜索引擎讀取網(wǎng)頁內(nèi)容的時候，遇到＜p＞標簽的時候，立馬就知道這是一個段落，而如果使用＜DIV＞，就無法體現(xiàn)html語義化的優(yōu)勢了。從WEB標準 化的角度來看，文章正文使用＜p＞是理所當然，也是更值得提倡的。不過如果使用＜div＞代替＜p＞，對SEO的影響還是甚微的，因為它們并沒有任何強調(diào) 的意味在里面。但是如果你使用＜p＞來給網(wǎng)頁整體布局，就顯得有些怪異了。

　　④列表＜ul＞、＜ol＞、＜li＞、＜table＞

　　＜ul＞為無序列表，大家廣泛使用的，有序列表＜ol＞也挺常用。在web標準化過程中，＜ul＞被更多的用于導航條，這樣做是完全正確的，而在文章列表 里面，就可以使用＜ol＞了，因為那些列表都是有一定順序的。當然，這兩個對于SEO的影響也是甚微的，但如果你使用表格＜table＞代替列表，不僅會 使得HTML文檔變得冗長，更不能很好的利用HTML語義化的優(yōu)勢來優(yōu)化你的網(wǎng)頁，因為表格更適合來標記列表的數(shù)據(jù)。

　　⑤title屬性（不是title標簽）和alt屬性

　　title屬性是用來為元素提供額外說明信息的，它可以用在除了＜base＞，＜basefont＞，＜head＞，＜html＞，＜meta＞， ＜param＞，＜script＞和＜title＞之外的所有標簽。alt屬性為不能顯示圖像、窗體或applets的用戶代理（UA），指定替換文字。 alt屬性對圖片優(yōu)化的功能是毋庸置疑的，而且這也是SEO所提倡的，如果你非要在HTML里面使用圖片，最好把圖片加上alt屬性，而且可以將關鍵詞適 當?shù)姆诺嚼锩嫒?。半年前看到一位博友說title屬性（不是title標簽）可以增加網(wǎng)站的關鍵詞密度，在這里持有不同的觀點，因為現(xiàn)在ALT屬性里的值 都已經(jīng)被搜索引擎輕視了，title里面的內(nèi)容對關鍵詞密度的影響也會被搜索引擎放低。同時，title屬性里的內(nèi)容并不一定能夠增加關鍵詞的密度，如果 大量使用，里面的內(nèi)容不含關鍵詞，相反會削弱關鍵詞密度。

　　這篇文章更適合SEO初學者來看，但是對于很多只懂鏈接和內(nèi)容操作的SEO來說，WEB標準化還是應該引起大家的注意。同時，對于WEB設計者來說，考慮HTML對網(wǎng)站SEO的影響，更應該正確的使用你手下的HTML標記。