搜索引擎優(yōu)化基礎(chǔ)教程 單面頁的最佳優(yōu)化

什么是HTML語義化？

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

固然語義化的HTML屬于WEB尺度化范疇，值得WEB前真?zhèn)�設(shè)計(jì)者學(xué)習(xí)，但對(duì)于一個(gè)全面的SEO來說，使用尺度化的網(wǎng)頁結(jié)構(gòu)，對(duì)SEO是有百利而無一害的，而WEB尺度化就必需談到語義化的HTML。實(shí)在，應(yīng)該很輕易想象，假如整個(gè)HTML文檔中，都只用div來布局、表現(xiàn)數(shù)據(jù)，那還需要其他的那些HTML標(biāo)簽做什么呢？可以這么說，語義化的HTML讓我們的網(wǎng)頁更加輕易被人或者機(jī)器理解，更輕易清晰的表達(dá)網(wǎng)頁的真實(shí)含義。下面，我們就來了解下SEO種需要重點(diǎn)留意的一些語義化HTML。

標(biāo)題＜Hx＞

＜h1＞、＜h2＞、＜h3＞、＜h4＞、＜h5＞、＜h6＞，在WEB中作為標(biāo)題使用，并且依據(jù)重要性遞減。＜h1＞是最高的等級(jí)，所以你需要正確確定每個(gè)頁面最重要的內(nèi)容是什么，要優(yōu)化的樞紐詞在哪里。以我們最常見的博客為例，博客首頁羅列最多的通常就是最新博文，而最重要的應(yīng)該就是博客的名稱了。

但是，是不是每個(gè)頁面的H1標(biāo)簽都包含博客名稱呢？建議次級(jí)頁面的博客名稱鏈接都放在H2標(biāo)簽里，而你的文章標(biāo)題則使用H1標(biāo)簽，這樣對(duì)于整站優(yōu)化是很有匡助的，這也是優(yōu)化到每個(gè)頁面需要留意的一點(diǎn)。通過公道設(shè)置每個(gè)頁面的hx標(biāo)題，網(wǎng)站的內(nèi)容才會(huì)更具上風(fēng)。

夸大＜em＞、＜strong＞、＜b＞、＜i＞

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

段落＜p＞

當(dāng)搜索引擎讀取網(wǎng)頁內(nèi)容的時(shí)候，碰到P標(biāo)簽的時(shí)候，立馬就知道這是一個(gè)段落，而假如使用DIV，就無法體現(xiàn)HTML語義化的上風(fēng)了。從WEB尺度的角度來看，文章正文使用P是理所當(dāng)然，也是更值得提倡的。不外假如使用＜div＞代替＜p＞，對(duì)SEO的影響仍是甚微的，由于它們并沒有任何夸大的意味在里面。但是假如你使用P來給網(wǎng)頁整體布局，就顯得有些怪異了。

列表＜ul＞、＜o(jì)l＞、＜li＞、＜table＞

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

title屬性（不是title標(biāo)簽）和alt屬性

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

也許這篇文章更適合SEO初學(xué)者來看，但是對(duì)于良多只懂鏈接和內(nèi)容操縱的SEO來說，WEB尺度仍是應(yīng)該引起大家的留意。同時(shí)，對(duì)于WEB設(shè)計(jì)者來說，考慮HTML對(duì)網(wǎng)站SEO的影響，更應(yīng)該準(zhǔn)確的使用你手下的HTML標(biāo)記。