搜索引擎優化基礎教程 單面頁的最佳優化

什么是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＞是最高的等級，所以你需要正確確定每個頁面最重要的內容是什么，要優化的樞紐詞在哪里。以我們最常見的博客為例，博客首頁羅列最多的通常就是最新博文，而最重要的應該就是博客的名稱了。

但是，是不是每個頁面的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標記。