SEO代(dài)碼優化(huà)入門的(dí)最佳HTML代(dài)碼教程(chéng)
我們(mén)先(xiān)看下最基本的HTML標簽元(yuán)素
1，<!--頁麵注解(jiě)-->
2，<html>
3，<head>
4，<title>頁(yè)麵標(biāo)題</title>
5，<meta http-equiv=Content-Language content=zh-cn>
6，<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
7，<meta name="keywords" content="關鍵詞">
8，<meta name="description" content="網(wǎng)站(zhàn)描(miáo)述(shù)">
9，<link href="/img/index.CSS" rel="stylesheet" type="text/css" />
10，<scrIPt language="JavaScript" src="/include/dedeajax2.js"></script>
11，</head>
12，<body>
13，<div>
14，<h1>頁(yè)麵(miàn)內(nèi)容標題</h1>
15，<h2>頁麵相(xiāng)關(guān)性標(biāo)題</h2>
16，<h3>標題係列(liè)</h3>
17，<h4>標(biāo)題(tí)係(xì)列</h4>
18，<h5>標(biāo)題(tí)係(xì)列</h5>
19，<h6>標(biāo)題係列</h6>
20，<img src="xxx.jpg" alt="圖(tú)片說(shuō)明">
21，<a href="/" title="鏈接(jiē)說明">鏈(liàn)接(jiē)詞</a>
22，<strong>重(zhòng)點(diǎn)關鍵(jiàn)詞強調</strong>
23，<b>關鍵詞(cí)強調</b><u>關鍵詞強調</u><i>關鍵(jiàn)詞(cí)強調(tiáo)</i>
24，</div>
25，<div>
26，版(bǎn)權(quán)部(bù)分關鍵詞(cí)強(qiáng)調
27，</div>
28，</body>
29，</html>
********************************************************
注(zhù)：在(zài)<body>..</body>標(biāo)簽區中的(dí)羅列，都是(shì)一些(xiē)基(jī)礎(chǔ)的(dí)HTML標簽(qiān)，這些(xiē)標簽出現的(dí)次(cì)序是可(kě)以(yǐ)變化的。
我們(mén)一步(bù)一步來(lái)說。
第1行的<!--頁麵(miàn)注解-->。這個標(biāo)簽(qiān)是用(yòng)來做(zuò)HTML代(dài)碼注(zhù)解(jiě)的，很(hěn)多站在這(zhè)裏(lǐ)會寫(xiě)上關(guān)鍵(jiàn)詞，這(zhè)種(zhǒng)形(xíng)式(shì)的(dí)注解在瀏(liú)覽(lǎn)器(qì)中(zhōng)是不會(huì)顯(xiǎn)示的，而(ér)搜索引擎可(kě)以(yǐ)讀到(dào)。所以這(zhè)個(gè)標簽有(yǒu)的(dí)時(shí)候會(huì)成為(wéi)作弊的(dí)一種形式，不要過(guò)多(duō)的(dí)用這(zhè)種(zhǒng)標簽到來注(zhù)明(míng)你(nǐ)的關鍵(jiàn)詞，否(fǒu)則(zé)如果搜索(suǒ)引擎認(rèn)為你(nǐ)是(shì)作弊(bì)的話，就慘了。
第(dì)4行(háng)<title>頁麵標(biāo)題</title>。這是(shì)相當重(zhòng)要的！這(zhè)裏字字值(zhí)千(qiān)金(jīn)！對於做(zuò)百(bǎi)度seo的朋友(yǒu)，一(yī)定要(yào)記得這個標(biāo)簽(qiān)可能是(shì)你是(shì)否真正(zhèng)能(néng)夠(gòu)做到(dào)排(pái)名(míng)靠前的重(zhòng)點(diǎn)，而(ér)且(qiě)這個重點(diǎn)絕對不容(róng)忽視。標(biāo)題主(zhǔ)要注(zhù)意(yì)你(nǐ)的(dí)用(yòng)詞，如果你做**，堆(duī)關(guān)鍵(jiàn)詞也無所謂，如果(guǒ)你(nǐ)要做(zuò)正(zhèng)規(guī)站點，請你正確(què)對(duì)待(dài)，寫(xiě)得(dé)標準一(yī)點(diǎn)，不(bù)要(yào)堆關鍵(jiàn)字，保持你(nǐ)的(dí)主要詞在(zài)這(zhè)裏(lǐ)出(chū)現三(sān)次，太多對你沒有(yǒu)好處，對排名也(yě)不會有(yǒu)好處。GG並不喜歡太長(cháng)的標題，百度(dù)也(yě)偶爾(ěr)提(tí)到隻希(xī)望在標題的前20個(gè)字裏(lǐ)出現(xiàn)你(nǐ)的關(guān)鍵詞(cí)。明確這些(xiē)以後(hòu)，還要注(zhù)意的是，你的主(zhǔ)要(yào)關(guān)鍵(jiàn)詞應該在標題裏越靠前(qián)越(yuè)好(hǎo)！
第(dì)7行<meta name="keywords" content="關鍵詞">。這(zhè)個(gè)的(dí)用途現在(zài)權重(zhòng)越(yuè)來越低，但(dàn)是再低都(dū)是有權(quán)重的(dí)，隻(zhī)要(yào)認(rèn)真對(duì)待，這裏的(dí)詞是有效果(guǒ)的。這裏注意(yì)兩(liǎng)點(diǎn)：第(dì)一(yī)，大部(bù)分人都(dū)會(huì)選擇(zé)在這裏寫關鍵(jiàn)詞(cí)不會超過三個(gè)，有的(dí)人(rén)直接(jiē)隻寫一個(gè)，這是(shì)有(yǒu)好處的，每一處(chǔ)標(biāo)簽(qiān)都(dū)有(yǒu)權(quán)重(zhòng)，你(nǐ)強調的(dí)內(nèi)容越(yuè)少(shǎo)，那麼它的權(quán)重會相(xiāng)對更(gēng)高(gāo)的，所(suǒ)以(yǐ)不(bù)要(yào)寫太多(duō)，否則(zé)不(bù)如(rú)不寫，而讓搜索引擎自(zì)己去判(pàn)斷你的頁麵(miàn)關鍵詞。第(dì)二(èr)，幾乎所有的SEO專業(yè)人(rén)員都(dū)會跟你(nǐ)說(shuō)盡量在每(měi)一(yī)個頁(yè)麵寫(xiě)不(bù)同的(dí)關鍵(jiàn)詞，避免(miǎn)被認(rèn)為是(shì)重復(fù)頁麵(miàn)的(dí)危(wēi)險。
第8行(háng)<meta name="description" content="網站描述">。這(zhè)個(gè)是(shì)主(zhǔ)要(yào)為了在(zài)搜(sōu)索結(jié)果裏(lǐ)出現的(dí)索引結(jié)果的(dí)，索(suǒ)引結(jié)果就是(shì)在百度搜(sōu)索你的(dí)站的(dí)時候(hòu)標題(tí)下麵(miàn)的摘要(yào)內容(róng)。這是一個頁(yè)麵(miàn)的導讀，用來(lái)說明網(wǎng)頁的主要內容(róng)，當然現在(zài)的權重(zhòng)不(bù)高，跟(gēn)keywords標簽(qiān)一樣(yàng)，不太受重視。而(ér)且(qiě)現在(zài)由於(yú)搜索引擎(qíng)機器(qì)人的(dí)越來越智能(néng)化(huà)，基(jī)本(běn)上(shàng)已經實(shí)現整個頁(yè)麵的摘要(yào)內容隨意出現(xiàn)它的(dí)索(suǒ)引(yǐn)結果(guǒ)裏了，搜索引擎會根據你搜(sōu)索(suǒ)的(dí)內容(róng)不同顯(xiǎn)示(shì)不(bù)同的索引。你如(rú)果要(yào)寫description，就認真(zhēn)去寫(xiě)，很(hěn)多(duō)人(rén)是用(yòng)這裏來控(kòng)製搜(sōu)索(suǒ)引擎的索引顯(xiǎn)示(shì)的，因(yīn)為網(wǎng)站描述(shù)寫(xiě)得(dé)越具體(tǐ)，就越(yuè)有可(kě)能在(zài)索引的(dí)時(shí)候(hòu)出現這(zhè)個標(biāo)簽(qiān)中(zhōng)的內容(róng)。
第9行<link href="/img/index.css" rel="stylesheet" type="text/css" /> 這個隻(zhī)是一(yī)個(gè)CSS樣(yàng)式表的(dí) 調(tiáo)用(yòng)方(fāng)式一(yī)共分2一種(zhǒng)直(zhí)接把CSS寫進(jìn)HTML 一種(zhǒng)是這(zhè)種相對(duì)方便 和(hé)減少網頁代碼量(liáng)的做法(fǎ) 調用CSS樣(yàng)式表(biǎo)!
第10行(háng)<script language="JavaScript" src="/include/dedeajax2.js"></script> 這個是(shì)調(tiáo)用(yòng)JS(javascript)文(wén)件的(dí)方法(fǎ) 也(yě)可(kě)以直接把(bǎ)JS寫(xiě)進HTML網頁 但這(zhè)樣和上(shàng)麵的(dí)CSS調(tiáo)用一樣 方(fāng)便(biàn)減(jiǎn)少網(wǎng)頁代碼量! 本(běn)來以(yǐ)為JS代碼(mǎ)搜(sōu)索引(yǐn)擎抓(zhuā)取(qǔ)不了 但實驗結果表明SE已(yǐ)經(jīng)能夠抓取JAVASCRIPT內(nèi)的(dí)代(dài)碼! 實(shí)驗(yàn)頁(yè)見(jiàn)( /seojs.html )
第14行(háng)<h1>頁麵內容標(biāo)題</h1>。這個(gè)標(biāo)簽是(shì)一(yī)個頁(yè)麵(miàn)最(zuì)重(zhòng)要(yào)的標簽，也(yě)是(shì)搜索引(yǐn)擎定位這個頁(yè)麵的(dí)主要依據(jù)，如(rú)果(guǒ)你(nǐ)的<h1>標簽裏沒有(yǒu)出(chū)現你(nǐ)的頁(yè)麵關(guān)鍵字(zì)，那(nà)真(zhēn)是的(dí)一(yī)種很大(dà)的損失(shī)，這裏的權(quán)重(zhòng)相對於其它的(dí)在(zài)<body>區(qū)的標簽來說更加重(zhòng)要(yào)。在HTML代(dài)碼(mǎ)中(zhōng)，它的重要性(xìng)僅(jǐn)次(cì)於<title>。很多人放(fàng)棄寫(xiě)這(zhè)個標(biāo)簽，對於搜索引擎(qíng)是很不友(yǒu)好(hǎo)的，你可以不出(chū)現(xiàn)其它(tā)的強(qiáng)調關(guān)鍵(jiàn)詞的標(biāo)簽，但(dàn)是這(zhè)個標簽(qiān)一(yī)定(dìng)要出現，這(zhè)是告訴搜索引(yǐn)擎你的頁麵用一(yī)句(jù)話應該如(rú)何表(biǎo)達，如果這(zhè)一行字(zì)都(dū)沒有，再智(zhì)能(néng)化的機器人可(kě)能(néng)都(dū)會(huì)以(yǐ)你(nǐ)的<title>來決定(dìng)是否用來(lái)作為一(yī)個(gè)詞(cí)的排名，很多(duō)時(shí)候一個網站的(dí)頁麵(miàn)標題都(dū)是(shì)完(wán)全(quán)一樣的(dí)，因為他們程序的(dí)原(yuán)因(yīn)，但是如(rú)果你沒有(yǒu)辦法(fǎ)修(xiū)改(gǎi)title，已經(jīng)損失很大了(liǎo)，而如果你的頁(yè)麵(miàn)這(zhè)個(gè)<h1>標(biāo)簽也(yě)沒(méi)有出(chū)現(xiàn)的話，我(wǒ)不知道搜索引擎會怎(zěn)麼樣去理解(jiě)一個頁(yè)麵，對(duì)於SEO來說(shuō)，那(nà)真很糟糕的一件事(shì)情(qíng)。所以，認真(zhēn)對(duì)待你(nǐ)的頁麵<h1>，這(zhè)是(shì)很重(zhòng)要的(dí)，要(yào)強調的是(shì)，這個標簽一個頁麵不要(yào)出現太(tài)多(duō)，道理很簡(jiǎn)單(dān)，太(tài)多會(huì)讓別(bié)人(rén)無法(fǎ)確(què)定你頁(yè)麵(miàn)中哪(nǎ)一(yī)個才(cái)是最重要的，無法確(què)定(dìng)重點跟沒(méi)有這個(gè)標簽(qiān)我覺得沒(méi)有太大(dà)的分(fēn)別。所以，最(zuì)好(hǎo)隻出現(xiàn)1次，以(yǐ)達到(dào)明確(què)說明的(dí)目的(dí)。
第15行<h2>頁麵相(xiāng)關(guān)性標題</h2>。這個標簽(qiān)與<h1>是一樣和(hé)道(dào)理，但是(shì)權(quán)重相(xiāng)對(duì)來(lái)說較低，如(rú)果你(nǐ)的(dí)頁(yè)麵沒有<h1>，那(nà)麼(mó)這個標簽(qiān)對於(yú)頁(yè)麵(miàn)來說(shuō)基(jī)本上(shàng)就相(xiāng)當(dāng)於(yú)<h1>的重要(yào)性了。這(zhè)裏(lǐ)麵(miàn)你包含(hán)的是長尾關(guān)鍵詞相關(guān)的內(nèi)容，比(bǐ)如你(nǐ)的(dí)頁麵做幾個(gè)關(guān)鍵詞，主詞應該(gāi)出現(xiàn)在<h1>裏，那(nà)麼(mó)其(qí)它的(dí)詞(cí)以及你想發(fā)展的(dí)詞就(jiù)可(kě)以(yǐ)出現(xiàn)在<h2>裏，這樣(yàng)來(lái)說(shuō)是一(yī)種(zhǒng)合理的安排(pái)。
而(ér)<h3>~<h6>這些標簽(qiān)，重(zhòng)要(yào)性是(shì)依次(cì)遞(dì)減的，在(zài)一(yī)個頁(yè)麵(miàn)的(dí)權重(zhòng)越(yuè)來(lái)越低。
第20行<img src="xxx.jpg" alt="圖片說明(míng)">。我想這個(gè)標簽(qiān)很(hěn)多人(rén)都知(zhī)道，它的作用很明(míng)確，不是(shì)指定(dìng)一(yī)張(zhāng)圖片的說(shuō)明文字(zì)，讓搜(sōu)索引擎(qíng)知(zhī)道這(zhè)張(zhāng)圖(tú)片是關於什(shí)麼的。比(bǐ)如你的圖(tú)片是(shì)"周傑倫"，那(nà)麼你(nǐ)的(dí)alt="圖片(piàn)說明"中(zhōng)的(dí)"圖片(piàn)說(shuō)明(míng)"就(jiù)應該是(shì)與"周(zhōu)傑(jié)倫"相(xiāng)關(guān)的詞或者(zhě)句(jù)子。這樣(yàng)寫當然也有利(lì)於你在圖(tú)片搜索(suǒ)的結(jié)果裏顯示(shì)排名更(gēng)前(qián)麵(miàn)一點(diǎn)，不(bù)過(guò)現(xiàn)在(zài)百度基本上(shàng)是以頁麵標(biāo)題作(zuò)為一張圖(tú)片(piàn)排(pái)名(míng)的要素，當然(rán)，你的alt標記(jì)做(zuò)得好(hǎo)，將會增加你的(dí)圖(tú)片匹配(pèi)度(dù)。關於圖片說明的(dí)研(yán)究，以後(hòu)我也許(xǔ)會寫(xiě)一篇(piān)分(fēn)析性(xìng)的文(wén)章(zhāng)，因為(wéi)有<a>鏈接的(dí)圖片裏，還(huán)會有(yǒu)一個(gè)title標(biāo)簽，title與(yǔ)alt這兩個誰(shuí)重要(yào)，是(shì)有(yǒu)必要(yào)研究(jiū)一下(xià)的(dí)。
第21行<a href="/" title="鏈接(jiē)說(shuō)明">鏈接(jiē)詞</a>。這是鏈(liàn)接(jiē)說(shuō)明，同進(jìn)也是(shì)一(yī)個(gè)頁(yè)麵鏈接(jiē)的(dí)SEO重(zhòng)點，這裏(lǐ)的(dí)"鏈接詞"相當的重要，如(rú)果你跟(gēn)別人交換鏈接(jiē)，你(nǐ)這(zhè)個(gè)詞的寫法是起(qǐ)著外(wài)鏈(liàn)好壞(huài)與(yǔ)否的決(jué)定性因素(sù)的(dí)。"鏈接(jiē)詞"建議(yì)你最(zuì)好寫成自己的(dí)關鍵詞(cí)，如果(guǒ)覺(jué)得(dé)實在(zài)不行(háng)或者(zhě)怎麼樣，你一定(dìng)要在(zài)"鏈接(jiē)說(shuō)明(míng)"裏出現你的(dí)關(guān)鍵詞。否則(zé)對(duì)於排名，你(nǐ)的鏈接(jiē)做得沒有太大的好處(chǔ)。這(zhè)在SEO專(zhuān)業術語裏(lǐ)還(huán)有一種叫法(fǎ)，叫做(zuò)"google****"，就(jiù)是用很(hěn)多站(zhàn)點，同時做鏈接到(dào)一個網站，然(rán)後(hòu)所(suǒ)有的"鏈(liàn)接詞"都(dū)寫一個詞-"周傑倫菲(fēi)"，不久以後google就(jiù)會將(jiāng)這個(gè)站當做"周(zhōu)傑(jié)倫"這個詞(cí)最(zuì)權威(wēi)的站點(diǎn)，即使被那(nà)些站點(diǎn)鏈(liàn)接(jiē)的這(zhè)個頁麵沒(méi)有任(rèn)何與(yǔ)"周傑(jié)倫(lún)"相關的(dí)內容，這個網站在(zài)"周傑倫"這個詞(cí)的排(pái)名(míng)情況也(yě)會很好(hǎo)。不(bù)過(guò)google已經(jīng)調整了(liǎo)算(suàn)法(fǎ)，但(dàn)是(shì)這(zhè)樣(yàng)做鏈接(jiē)肯定(dìng)是有用的，一定(dìng)要認真對(duì)待(dài)你(nǐ)的鏈接(jiē)。還有一個(gè)重點(diǎn)，就是(shì)對(duì)方(fāng)的鏈接，如果是(shì)JS調(tiáo)用(yòng)的，你(nǐ)就(jiù)別(bié)想在他那裏得(dé)到任(rèn)何(hé)權重，因為搜索(suǒ)引擎不(bù)會去讀(dú)取JS裏的內(nèi)容，所(suǒ)以(yǐ)，建議(yì)大家好(hǎo)好做(zuò)鏈(liàn)接，不(bù)要(yào)做(zuò)了鏈接你(nǐ)的站(zhàn)卻(què)跟(gēn)沒做(zuò)一樣(yàng)。像(xiàng)百度空間(jiān)的(dí)友(yǒu)情(qíng)鏈接就(jiù)是JS文件調(tiáo)用(yòng)的，所(suǒ)以百度空(kōng)間(jiān)裏的友(yǒu)情(qíng)鏈接你(nǐ)是沒有權重的。具(jù)體可以(yǐ)查看HTML代(dài)碼，正常(cháng)情況下(xià)一個頁(yè)麵(miàn)你找(zhǎo)不(bù)到(dào)你的(dí)網站地址在(zài)<a>..</a>標(biāo)簽內(nèi)出(chū)現(xiàn)，基本上這就是屬於(yú)無效鏈(liàn)接。
第22行<strong>重(zhòng)點關鍵詞強(qiáng)調</strong>。這個標簽(qiān)基實(shí)重要性(xìng)僅(jǐn)次於<h1>，很多(duō)人都(dū)這樣(yàng)跟我講(jiǎng)。所以(yǐ)我也基本上認同(tóng)，很確(què)定(dìng)的(dí)是它(tā)比<b>，<u>，<i>等(děng)標(biāo)簽要(yào)權(quán)重高(gāo)。所以如果你的(dí)頁麵有(yǒu)很(hěn)重(zhòng)要的(dí)詞，而(ér)你想(xiǎng)強(qiáng)調(tiáo)它，首(shǒu)先選(xuǎn)這個(gè)<strong>標簽吧，接下來(lái)相對不重要的(dí)詞(cí)強(qiáng)調(tiáo)請(qǐng)你(nǐ)選<b>，<u>，<i>等(děng)標(biāo)簽(qiān)。當(dāng)然(rán)，不(bù)要用(yòng)得(dé)太多(duō)了(liǎo)，用得太(tài)多(duō)沒有重點(diǎn)就等(děng)於沒(méi)有用(yòng)了。
第27行版(bǎn)權(quán)部分關(guān)鍵(jiàn)詞(cí)強(qiáng)調。我為什(shí)麼要寫這(zhè)個？因(yīn)為(wéi)這(zhè)個(gè)權(quán)重越來越(yuè)高了，在底部(bù)版(bǎn)權部(bù)分，很接近(jìn)版權部分出現的關鍵詞，是(shì)一種(zhǒng)SEO策劃的手法(fǎ)。在這(zhè)裏強調(tiáo)你(nǐ)的(dí)關鍵詞(cí)，是讓(ràng)你(nǐ)的關鍵(jiàn)詞布局更加(jiā)合理，而不(bù)是頭(tóu)部出現(xiàn)關(guān)鍵詞，中(zhōng)部(bù)強調很(hěn)多(duō)次，而底(dǐ)部(bù)卻什(shí)麼(mó)也沒(méi)有關聯，這個詞在這個頁(yè)麵是否(fǒu)值得(dé)懷疑呢？
轉(zhuǎn)載請(qǐng)保(bǎo)留(liú)原文(wén)地(dì)址: https://antelcom.cn/show-558.html