分(fēn)離結(jié)構與(yǔ)表現的(dí)另一(yī)個重要方(fāng)麵是(shì)使用語義化(huà)的(dí)標(biāo)記來構(gòu)造(zào)文(wén)檔內容。一個HTML元(yuán)素的存(cún)在(zài)就意(yì)味著被標(biāo)記內容的(dí) 那(nà)部(bù)分(fēn)有相(xiāng)應的(dí)結構(gòu)化(huà)的(dí)意義(yì)，沒(méi)有(yǒu)理由使(shǐ)用其他的(dí)標(biāo)記。換句話說(shuō)，不(bù)要讓CSS使(shǐ)一個HTML元(yuán)素看(kàn)起(qǐ)來就像另一個HTML元素(sù)，比如(rú)用＜DIV＞來代替(tì) ＜p＞標
分(fēn)離結構(gòu)與表現(xiàn)的(dí)另一(yī)個重(zhòng)要(yào)方麵(miàn)是使用語義(yì)化(huà)的標(biāo)記(jì)來構造(zào)文(wén)檔內容(róng)。一(yī)個(gè)html元(yuán)素的存在就意(yì)味著被標記(jì)內容的那(nà)部分有相應的結(jié)構化的意(yì)義，沒有(yǒu)理由使(shǐ) 用(yòng)其(qí)他的標(biāo)記。換句話(huà)說，不要讓CSS使(shǐ)一(yī)個HTML元(yuán)素看(kàn)起(qǐ)來(lái)就像(xiàng)另(lìng)一個(gè)HTML元素(sù)，比如(rú)用＜div＞來(lái)代(dài)替(tì)＜p＞標記標題。
雖(suī)然語(yǔ)義化的HTML屬於WEB標(biāo)準化(huà)範疇(chóu)，值(zhí)得WEB前(qián)端設計(jì)者學習，但對於(yú)一個全麵(miàn)的(dí)SEO來(lái)說(shuō)，使用標準化的網(wǎng)頁(yè)結(jié)構，對於SEO是(shì)有(yǒu)百利(lì)而無(wú)一害 的(dí)，而(ér)WEB標(biāo)準化就(jiù)必須(xū)談(tán)到(dào)語義(yì)化(huà)的HTML。其實，應該(gāi)很(hěn)容易(yì)想象(xiàng)，如果整(zhěng)個(gè)HTML文(wén)檔(dàng)中(zhōng)，隻(zhī)用(yòng)div來布(bù)局和(hé)表(biǎo)現(xiàn)數(shù)據(jù)，那(nà)還(huán)需(xū)要(yào)其他的HTML標 簽(qiān)做什(shí)麼呢？可以(yǐ)這(zhè)麼(mó)說，語(yǔ)義化的HTML讓(ràng)我(wǒ)們的網頁更(gēng)加(jiā)容(róng)易被(bèi)人或(huò)者(zhě)機器理解(jiě)，更(gēng)容(róng)易清楚的表(biǎo)達網(wǎng)頁(yè)的(dí)真實(shí)含義。下麵，我(wǒ)們就來了解SEO幾(jī)處需(xū)要重 點(diǎn)注意一些(xiē)語(yǔ)義化HTML。
①標(biāo)題(tí)＜Hx＞
＜h1＞，＜h2＞，＜h3＞，＜h4＞，＜h5＞，＜h6＞，在(zài)WEB中作為標題使用，並且依據重(zhòng)要(yào)性(xìng)遞減。＜h1＞是(shì)最高的(dí)等(děng)級，所以你(nǐ)需(xū)要(yào)準確(què)確定 每(měi)個頁麵最(zuì)重要的內容(róng)是什(shí)麼，要優化的(dí)關(guān)鍵詞(cí)在(zài)哪裏。以我們(mén)最常(cháng)見(jiàn)的博客為例(lì)，博客首頁上(shàng)羅列(liè)最多(duō)的(dí)通常就(jiù)是(shì)最新(xīn)博(bó)文(wén)，而(ér)最重(zhòng)要的(dí)應(yīng)該就是(shì)博(bó)客的(dí)名稱了， 是(shì)不(bù)是每個頁(yè)麵(miàn)的H1標簽(qiān)都包含博(bó)客(kè)名稱呢(ní)？建議(yì)次級(jí)頁(yè)麵的(dí)博(bó)客名稱(chēng)鏈接都放(fàng)在H2標簽裏(lǐ)，而(ér)你的文章標題則(zé)使(shǐ)用H1標(biāo)簽，這樣(yàng)對於整(zhěng)站優化是(shì)很有(yǒu)幫(bāng)助(zhù) 的(dí)，這也是優化(huà)到(dào)每個頁麵(miàn)需(xū)要(yào)注(zhù)意(yì)的(dí)一點。通(tōng)過合理設置(zhì)每個頁(yè)麵的＜Hx＞標(biāo)題(tí)，網(wǎng)站(zhàn)的(dí)內容才(cái)會更具優(yōu)勢。
②強(qiáng)調＜em＞，＜strong＞，＜b＞，＜i＞
＜em＞，＜strong＞這兩個標(biāo)簽(qiān)對SEO有(yǒu)著較(jiào)大(dà)影響(xiǎng)效(xiào)果，適(shì)當使用它們，可使你的網頁(yè)增色不少(shǎo)。＜em＞，＜strong＞與(yǔ)＜Hx＞一樣，其區 別(bié)也(yě)在於重(zhòng)要性不一樣。＜em＞表(biǎo)示(shì)強調(tiáo)，而＜strong＞意(yì)為重點強(qiáng)調(tiáo)，較＜em＞更(gēng)重一些。在SEO時，我們可以(yǐ)將(jiāng)最重(zhòng)要(yào)的關(guān)鍵(jiàn)詞(cí)用(yòng) ＜strong＞標記，對第二重要的用＜em＞標(biāo)記。結合(hé)前(qián)麵使(shǐ)用(yòng)的(dí)Hx標簽，它們(mén)更適(shì)合放(fàng)在文章正文的(dí)內(nèi)部，而＜Hx＞理(lǐ)所當(dāng)然是在(zài)用在(zài)正(zhèng)文的(dí)外部(bù)。有(yǒu) 些WEB設(shè)計者為(wéi)了(liǎo)達到網頁(yè)的某(mǒu)些(xiē)效果，使(shǐ)用(yòng)＜strong＞純(chún)粹是(shì)為(wéi)了達(dá)到(dào)加(jiā)粗，使用(yòng)＜em＞就(jiù)是(shì)為了(liǎo)傾斜，而這種做法根本沒必要，而(ér)且還會影響(xiǎng)到 SEO的效果。在以前，為了(liǎo)達(dá)到粗體，斜體的效(xiào)果，WEB設計(jì)者會(huì)使用(yòng)＜b＞，＜i＞標(biāo)簽，而現在(zài)基(jī)本(běn)不(bù)用它(tā)們(mén)了(liǎo)，它(tā)們(mén)僅僅是(shì)用來表現(xiàn)文本(běn)樣式的(dí)，而最明(míng) 智(zhì)和常用的(dí)解決(jué)方案是(shì)用CSS來控製(zhì)文(wén)字(zì)樣(yàng)式。
③段(duàn)落＜p＞
當搜索引(yǐn)擎(qíng)讀(dú)取(qǔ)網(wǎng)頁內容(róng)的時(shí)候，遇(yù)到＜p＞標(biāo)簽的時(shí)候(hòu)，立馬就(jiù)知道(dào)這是(shì)一個段(duàn)落，而如果使用＜DIV＞，就無法體(tǐ)現html語義化(huà)的(dí)優勢了。從(cóng)WEB標準 化的角度(dù)來看，文章(zhāng)正(zhèng)文(wén)使用(yòng)＜p＞是理所(suǒ)當然(rán)，也是更(gēng)值得(dé)提倡(chàng)的(dí)。不(bù)過如果(guǒ)使用(yòng)＜div＞代替(tì)＜p＞，對(duì)SEO的影響(xiǎng)還是(shì)甚(shèn)微的，因為(wéi)它(tā)們並沒有(yǒu)任(rèn)何強(qiáng)調 的意(yì)味(wèi)在(zài)裏麵(miàn)。但(dàn)是(shì)如果你(nǐ)使(shǐ)用(yòng)＜p＞來給(gěi)網頁整體布局，就(jiù)顯(xiǎn)得(dé)有(yǒu)些怪(guài)異了。
④列(liè)表＜ul＞，＜ol＞，＜li＞，＜table＞
＜ul＞為(wéi)無序列表(biǎo)，大家(jiā)廣(guǎng)泛使(shǐ)用的(dí)，有序列表＜ol＞也挺常(cháng)用。在web標準化過(guò)程(chéng)中，＜ul＞被(bèi)更多(duō)的用於導(dǎo)航(háng)條(tiáo)，這樣做(zuò)是完全(quán)正(zhèng)確的(dí)，而(ér)在文(wén)章列(liè)表(biǎo) 裏(lǐ)麵(miàn)，就可以(yǐ)使用＜ol＞了，因為那(nà)些列表(biǎo)都是有一(yī)定順序的(dí)。當然，這(zhè)兩(liǎng)個(gè)對於SEO的影響(xiǎng)也是甚微的，但如果你使用表格＜table＞代(dài)替列表，不(bù)僅會 使得HTML文檔變(biàn)得冗長，更不能很(hěn)好(hǎo)的(dí)利用(yòng)HTML語義(yì)化的優勢(shì)來優化(huà)你(nǐ)的網(wǎng)頁(yè)，因(yīn)為表格(gé)更適(shì)合來標記列(liè)表(biǎo)的(dí)數(shù)據。
⑤title屬性（不(bù)是title標簽(qiān)）和alt屬性(xìng)
title屬(shǔ)性是用(yòng)來為(wéi)元素(sù)提(tí)供額(é)外(wài)說明(míng)信息的(dí)，它可(kě)以(yǐ)用在除(chú)了＜base＞，＜basefont＞，＜head＞，＜html＞，＜meta＞， ＜param＞，＜script＞和(hé)＜title＞之(zhī)外的所有標簽。alt屬性為(wéi)不能顯示圖像(xiàng)，窗(chuāng)體或(huò)applets的(dí)用(yòng)戶(hù)代(dài)理（UA），指定替換文(wén)字。 alt屬(shǔ)性(xìng)對圖片優化(huà)的(dí)功能是(shì)毋(wú)庸(yōng)置(zhì)疑的(dí)，而且這也是SEO所提倡的，如(rú)果(guǒ)你非要(yào)在HTML裏(lǐ)麵(miàn)使用圖(tú)片，最好把圖(tú)片加上alt屬(shǔ)性，而(ér)且可以將關(guān)鍵(jiàn)詞適 當(dāng)的(dí)放(fàng)到裏(lǐ)麵去(qù)。半年前看(kàn)到(dào)一位(wèi)博(bó)友(yǒu)說(shuō)title屬(shǔ)性(xìng)（不(bù)是(shì)title標簽）可(kě)以(yǐ)增(zēng)加(jiā)網(wǎng)站的(dí)關(guān)鍵(jiàn)詞密度(dù)，在這裏持有(yǒu)不同(tóng)的觀(guān)點(diǎn)，因為(wéi)現(xiàn)在(zài)ALT屬(shǔ)性(xìng)裏(lǐ)的(dí)值(zhí) 都已(yǐ)經被搜(sōu)索引擎輕視了，title裏(lǐ)麵的內(nèi)容(róng)對關鍵詞(cí)密度(dù)的影響(xiǎng)也(yě)會被搜(sōu)索引(yǐn)擎(qíng)放(fàng)低(dī)。同時，title屬性裏的(dí)內容並不(bù)一定(dìng)能(néng)夠增加(jiā)關鍵詞的密(mì)度，如果 大量(liáng)使用，裏麵的內容(róng)不(bù)含(hán)關(guān)鍵詞，相反(fǎn)會(huì)削弱關鍵詞(cí)密度(dù)。
這篇文章更適(shì)合SEO初學(xué)者來看(kàn)，但是對於很多隻懂鏈接和(hé)內(nèi)容操作的SEO來(lái)說(shuō)，WEB標(biāo)準化(huà)還(huán)是應(yīng)該(gāi)引(yǐn)起大(dà)家的(dí)注意。同時，對於(yú)WEB設計(jì)者(zhě)來(lái)說，考慮(lǜ)HTML對網站(zhàn)SEO的影(yǐng)響，更應(yīng)該(gāi)正(zhèng)確的使(shǐ)用(yòng)你(nǐ)手下的(dí)HTML標記。
轉載(zǎi)請(qǐng)保(bǎo)留(liú)原(yuán)文地(dì)址: https://antelcom.cn/show-308.html