SEO優(yōu)化之網(wǎng)站建設(shè)代碼標(biāo)簽的使用介紹
關(guān)于網(wǎng)頁(yè)設(shè)計(jì)中代碼的標(biāo)簽,對(duì)于SEO優(yōu)化有什么影響?我們應(yīng)該怎么正確使用SEO優(yōu)化標(biāo)簽?zāi)??小編就來給大家科普SEO標(biāo)簽的用途。
title標(biāo)簽的SEO優(yōu)化
title標(biāo)簽是網(wǎng)頁(yè)的標(biāo)題,會(huì)在網(wǎng)站標(biāo)題欄上顯示,這個(gè)要怎樣設(shè)置呢?其實(shí)只強(qiáng)調(diào)重點(diǎn)即可,把重要的關(guān)鍵詞放在前面,不要重復(fù)出現(xiàn),每個(gè)頁(yè)面的title不要設(shè)置相同的。
keywords標(biāo)簽的SEO優(yōu)化
keywords部分,顧名思義,keywords是網(wǎng)頁(yè)內(nèi)容的關(guān)鍵詞,列舉出幾個(gè)重要關(guān)鍵詞即可,也不要過分堆砌。
description標(biāo)簽的SEO優(yōu)化
description是網(wǎng)頁(yè)的描述部分,這里要高度概況網(wǎng)頁(yè)的內(nèi)容,一定不要太長(zhǎng),也不要過分堆砌關(guān)鍵詞,每個(gè)頁(yè)面的description也要有所不同。這些理論的內(nèi)容大家可能都了解,給大家看看傳奇SEO網(wǎng)站的首頁(yè)源代碼截圖:
description主要對(duì)關(guān)鍵詞進(jìn)行擴(kuò)展,文字并不用太多。
網(wǎng)頁(yè)body中的代碼SEO優(yōu)化
對(duì)于網(wǎng)頁(yè)body中的代碼,我們有一個(gè)原則,就是“語(yǔ)義化代碼”。什么叫語(yǔ)義化呢?Html的每一個(gè)標(biāo)簽都有它特定的意義,而語(yǔ)義化就是讓我們?cè)谶m當(dāng)?shù)奈恢?,用適當(dāng)?shù)臉?biāo)簽,以更好的讓訪客和小蜘蛛都一目了然。
那么如何在合適的位置使用合適的標(biāo)簽?zāi)兀勘热纾篐1-H6標(biāo)簽多用于標(biāo)題類的UL標(biāo)簽多用于無(wú)序列表OL標(biāo)簽多用于有序列表DL標(biāo)簽用于定義數(shù)據(jù)列表em,strong用來表示強(qiáng)調(diào)的特別要注意的是div和span標(biāo)簽是代碼中沒有語(yǔ)意的標(biāo)簽,比如做導(dǎo)航時(shí)候不建議直接使用span,傳奇SEO使用UL和LI配合css樣式來做導(dǎo)航條。這就是讓合適的標(biāo)簽做了合適的事情。
常用標(biāo)簽的SEO優(yōu)化
接下來針對(duì)一些常用的標(biāo)簽,詳細(xì)的講解一些怎樣做SEO優(yōu)化。
首先每個(gè)網(wǎng)站都有超級(jí)鏈接,也就是標(biāo)簽,那么a標(biāo)簽怎么表達(dá)對(duì)小蜘蛛的友好呢?很多小伙伴們可能都知道了,a標(biāo)簽上要加上說明,就是鏈接的說明,也就是title,另外對(duì)于指向其他網(wǎng)站的鏈接,要加上rel="nofollow",這是告訴小蜘蛛,別去爬這個(gè)鏈接,小蜘蛛通過這個(gè)鏈接爬到其他網(wǎng)站,就不一定回來了。
接下來是網(wǎng)頁(yè)和內(nèi)容頁(yè)的SEO優(yōu)化知識(shí)。在網(wǎng)頁(yè)內(nèi)容頁(yè)的SEO優(yōu)化中,標(biāo)題不但要用h標(biāo)簽,還要用h1標(biāo)簽。為什么呢?因?yàn)樾≈┲胝J(rèn)為,h1標(biāo)簽的內(nèi)容是重要的,網(wǎng)頁(yè)正文的標(biāo)題,當(dāng)然重要了。當(dāng)然,如果直接使用h1標(biāo)簽,字體太大、太丑,這里就要使用CSS樣式進(jìn)行修飾一下了。正文標(biāo)題用h1,副標(biāo)題用h2,其他不重要的地方就不要濫用h標(biāo)簽了。
正文的內(nèi)容就是段落p標(biāo)簽,小蜘蛛看到p就知道是一個(gè)段落,關(guān)于p標(biāo)簽沒有太多東西可講,但是要說說他的同盟兄弟br標(biāo)簽,br標(biāo)簽只用于文本的換行,傳奇SEO不建議使用br標(biāo)簽對(duì)其他標(biāo)簽進(jìn)行換行,標(biāo)簽之間的間距和換行建議使用margin和padding。
img標(biāo)簽應(yīng)使用Alt說明,便于小蜘蛛識(shí)別圖片內(nèi)容
巧妙利用CSS布局,將重要內(nèi)容HTML代碼放在前面,通過CSS樣式來調(diào)整標(biāo)簽顯示的順序,將不重要的內(nèi)容放在后面。另外重要內(nèi)容不要使用JS輸出,小蜘蛛是無(wú)法讀取JS的內(nèi)容。還有,盡量不要使用iframe標(biāo)簽,小蜘蛛也是無(wú)法讀取的。后,作為編程人員,在做SEO優(yōu)化的時(shí)候,要不斷地精簡(jiǎn)代碼,因?yàn)樾≈┲胂矚g言簡(jiǎn)意賅的內(nèi)容。
想了解更多SEO技術(shù)的內(nèi)容,請(qǐng)?jiān)L問:SEO技術(shù)