HTML語言標(biāo)簽:SEO人員必須懂的HTML語言代碼

申請(qǐng)免費(fèi)試用、咨詢電話：400-8352-114

一：為什么SEO人員必須懂一些HTML代碼？

SEO人員到底要不要懂HTML之爭(zhēng)，一直都很熱門，說必須懂的人和說不必懂的人在數(shù)量上差不多，而且懂HTML代碼和不懂HTML代碼的seo人員都能夠?qū)EO工作做的很不錯(cuò)，所以才會(huì)出現(xiàn)公婆各持己見的情況。

實(shí)際上SEO工作是由很多細(xì)節(jié)累積起來的，假設(shè)一共有100項(xiàng)工作內(nèi)容，那么懂html語言和不懂html語言的人都做到了90項(xiàng)，在搜索引擎和用戶看來，這個(gè)網(wǎng)站就有90分，對(duì)于懂或者不懂html語言這個(gè)問題似乎并沒有那么重要了，因?yàn)榇蠹夷繕?biāo)一致，并且取得的成果一樣，自然而然也就無所謂懂或者不懂HTML了。

但是，如果我們不滿足于只得90分，就需要努力去取得那未曾做到的10個(gè)細(xì)節(jié)，而HTML語言就是其中一個(gè)，所以，作為SEO人員最好還是必須懂一些HTML代碼。

二：SEO人員必須懂的HTML語言代碼

（1）<title></title>標(biāo)題標(biāo)簽：如果我們不知道網(wǎng)頁的標(biāo)題是由哪個(gè)標(biāo)簽來控制的，是一件很失敗的事情。曾與一位朋友交流其站點(diǎn)的優(yōu)化問題，我對(duì)他說頁面的標(biāo)題要優(yōu)化一下，標(biāo)題的寫法最好是“文章標(biāo)題-欄目名稱-網(wǎng)站名稱”的結(jié)構(gòu)，結(jié)果他將正文的標(biāo)題修改了。這充分說明這位朋友并懂<title></title>標(biāo)題標(biāo)簽，所以不知道如何去修改頁面標(biāo)題。而頁面標(biāo)題對(duì)于搜索引擎來說是非常重要的，所以我們 作為SEO人員，一定要會(huì)使用<title></title>標(biāo)題標(biāo)簽。

（2）<meta name="keywords" content="" />頁面關(guān)鍵詞標(biāo)簽：作為SEO人員，所有的工作內(nèi)容都是在做與關(guān)鍵詞相關(guān)的工作，所以我們千萬不能將這個(gè)標(biāo)簽忽略了。對(duì)于<meta name="keywords" content="" />常見有兩種錯(cuò)誤：

（2.1）沒有使用<meta name="keywords" content=""/>頁面關(guān)鍵詞標(biāo)簽：通過源碼，我們可以發(fā)現(xiàn)很多網(wǎng)站其實(shí)沒有這個(gè)標(biāo)簽。沒有此標(biāo)簽的網(wǎng)站，大部分情況是因?yàn)镃MS程序不支持，而有些則是因?yàn)椴幻?白它的作用，所以沒有添加。不論是那種情況，我們都可以通過某些方法來改進(jìn)。

（2.2）關(guān)鍵詞分隔符號(hào)使用不正確：關(guān)鍵詞內(nèi)容的正確形式是【content="關(guān)鍵詞,關(guān)鍵詞2,……"】，關(guān)鍵詞與關(guān)鍵詞之間使用英文半角逗號(hào)分隔開來，而不是使用下劃線、豎線或者空格等符號(hào)。

（3）<meta name="description" content="" />頁面描述標(biāo)簽：此標(biāo)簽可以看著是定義文章的主要內(nèi)容，與標(biāo)題一樣，搜索引擎會(huì)將其顯示在搜索結(jié)果頁中。所以我們千萬不要忽略，甚至于我們可以利用這一點(diǎn)來將一些促銷和利好信息展示給搜索者，描述的寫法可以參見我們之前的文章。

（4）<base href="" />默認(rèn)地址標(biāo)簽：在某些情況下，我們的網(wǎng)站會(huì)被某些人惡意復(fù)制，造成網(wǎng)站排名下降和權(quán)重流失等損失，為了在一定程度上防御這種復(fù)制帶來的后果，很 多SEO人員提出在鏈接中使用絕對(duì)url的方法。實(shí)際上除了使用絕對(duì)地址，我們還可以使用<base href="" />默認(rèn)地址標(biāo)簽，使用了默認(rèn)地址標(biāo)簽的頁面，其頁內(nèi)所有的相對(duì)url地址都是將其【href】所指定的url作為基準(zhǔn)，進(jìn)行鏈接。

同時(shí)，在此也提醒一下建站的朋友，如果使用了<base href="" />默認(rèn)地址標(biāo)簽，在修改各種包含文件——如css，js等引用文件——的時(shí)候，要去掉<base href=""/>默認(rèn)地址標(biāo)簽，否則修改本地文件是無效的，因?yàn)樗鼤?huì)默認(rèn)去調(diào)用href指定的文件。

（5）<b></b>和<strong></strong>文字加粗標(biāo)簽：這兩組html標(biāo)簽在 視覺效果上都是讓文字加粗，都有強(qiáng)調(diào)的作用，它會(huì)告訴用戶和搜索引擎，這部分內(nèi)容在本頁面是很重要的。所以我們?cè)陧撁嬷锌梢詫⒅匾脑~組——一般是關(guān)鍵 詞，進(jìn)行<b></b>或<strong></strong>加粗強(qiáng)調(diào)。但是要避免通篇都是加粗，或者 通篇都沒有詞組被加粗，這兩種方式都是不可取的。

大部分情況下，使用<b></b>或者<strong></strong>效果是類似的，有專家 提出使用<b></b>字符更少、更能節(jié)約帶寬，所以建議將<strong></strong>都換成<b></b>，但顯然這個(gè)理由并不是那么充分和吸引人，幾個(gè)字符，對(duì)于現(xiàn)在的網(wǎng)絡(luò)速度來說，完全可以忽略不計(jì)。

（6）<h1></h1>內(nèi)容最大標(biāo)題標(biāo)簽：被<h1></h1>包含的內(nèi)容，搜索引擎會(huì)給予很高的權(quán)重，所以作為SEO人員，一定要重視這一點(diǎn)。并且要記?。?lt;h1></h1>是用來定義正文內(nèi)容最大標(biāo)題，而不是頁面標(biāo)題，不要與<title></title>混淆。

同時(shí)，一個(gè)頁面只允許有一個(gè)<h1></h1>標(biāo)簽，否則會(huì)被認(rèn)為是作弊——目前來說是這樣的，HTML5擁有更強(qiáng)的功 能，允許一個(gè)頁面有多個(gè)<h1></h1>標(biāo)簽，但目前還未完全被搜索引擎所支持，所以我們堅(jiān)持在一個(gè)頁面使用一 個(gè)<h1></h1>是沒錯(cuò)的。

（7）<h2></h2>和<h3></h3>內(nèi)容次級(jí)標(biāo)題標(biāo)簽：一篇文章，除了標(biāo)題，還會(huì)有各種次級(jí)段落標(biāo)題，比如本文：

<h3>一：為什么SEO人員必須懂一些HTML代碼？</h3>

<h3>二：SEO人員必須懂的HTML語言代碼</h3>

就存在多個(gè)次級(jí)標(biāo)題。一般建議，頁面必須有<h1></h1>和標(biāo)簽，<h2></h2> 和<h3></h3>標(biāo)簽不作要求，也不建議使用<h4></h4>及更次級(jí)的標(biāo)簽，因?yàn)樽饔貌淮?，?不阻止使用，因?yàn)樗麄兪俏臋n的標(biāo)準(zhǔn)標(biāo)簽，即使無用，也無害。

（8）<a href="" target="" rel=""></a>超鏈接標(biāo)簽：作為SEO人員，這個(gè)HTML標(biāo)簽是必須懂的，在互聯(lián)網(wǎng)中超鏈接標(biāo)簽可以說是靈魂一般的存在，如果 沒有超鏈接標(biāo)簽，網(wǎng)站將失去意義。不管我們是做錨文本，還是做圖片鏈接，都需要使用它。

這里我們要注意它的兩個(gè)屬性，一個(gè)是【target】，它決定了鏈接以何種方式打開，一般站內(nèi)鏈接會(huì)被定義為在當(dāng)前頁面打開，外部鏈接被定義為在新窗口中打開。

另外一個(gè)屬性是【rel】，其最讓SEO人員關(guān)注的就是【Nofollow】值，因?yàn)樗聿粋鬟f權(quán)重。對(duì)內(nèi)可以集中權(quán)重，不使其分散到無意義的頁面；對(duì)外，可以防止權(quán)重流失和避免被騙友情鏈接。

（9）<img src="" alt="" width="" height="" />圖片標(biāo)簽：圖片標(biāo)簽我們要注意的是其【alt】屬性，因?yàn)樗阉饕娌⒉徽J(rèn)識(shí)圖片，而【alt】屬性則在大概意義上告訴了搜索引擎此圖片的內(nèi)容。 所以，作為SEO人員，一定要重視【alt】屬性的使用，對(duì)每一幅具有實(shí)際意義的圖片都應(yīng)該加上【alt】屬性，并為其指定內(nèi)容。在大多數(shù)瀏覽器中，定義 了【alt】屬性內(nèi)容的圖片，當(dāng)鼠標(biāo)懸停在圖片上的時(shí)候，會(huì)顯示【alt】屬性值：

鼠標(biāo)懸停顯示【alt】屬性值

而這幅圖片的html代碼為：

代碼： <img src="/uploads/2012/04/lianggebiaoti.jpg" alt="頁面標(biāo)題和內(nèi)容標(biāo)題的區(qū)別" width="658" height="237" /> ……

另外兩個(gè)屬性【widht】和【height】用來定義圖片的寬度和高度，大部分情況下，很多程序編寫人員都是忽略，讓瀏覽器自行判斷圖片的大小。 這種做法在圖片的顯示上面是沒有什么錯(cuò)誤的，但是忽略【width】和【height】屬性，會(huì)增加圖片顯示的時(shí)間，所以我們應(yīng)該主動(dòng)給圖片加上寬度和高 度屬性，并指定其值。

三：總結(jié)

以上就是SEO工作人員必須懂的9個(gè)HTML語言標(biāo)簽，希望廣大的SEOer們能夠?qū)⑺鼈兊挠梅ㄗ鲆粋€(gè)詳細(xì)的了解，并能夠在日常的SEO優(yōu)化工作中去遵照標(biāo)準(zhǔn)來使用他們。相信只要我們?cè)絹碓椒蠘?biāo)準(zhǔn)，搜索引擎也會(huì)越來越喜歡我們的網(wǎng)站，同時(shí)也能夠給用戶以良好的訪問體驗(yàn)。

如果在學(xué)習(xí)這9個(gè)html標(biāo)簽過程中有任何問題和疑問，可以給我們留言。