域名注冊(cè) 網(wǎng)站制作
您現(xiàn)在的位置:首頁(yè) >> 網(wǎng)站優(yōu)化 >> 內(nèi)容

SEO代碼優(yōu)化入門(mén)的最佳HTML代碼教程

時(shí)間:2016/4/14 14:47:28 點(diǎn)擊:1865

摘要:SEO代碼優(yōu)化入門(mén)的最佳HTML代碼教程 我們先看下最基本的HTML標(biāo)簽元素 1、!--頁(yè)面注解-- 2、html 3、head 4、title頁(yè)面標(biāo)題/title 5、meta http-equi...

SEO代碼優(yōu)化入門(mén)的最佳HTML代碼教程

我們先看下最基本的HTML標(biāo)簽元素

1、<!--頁(yè)面注解-->

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=gb2312">

7、<meta name="keywords" content="關(guān)鍵詞">

8、<meta name="description" content="網(wǎng)站描述">

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è)面內(nèi)容標(biāo)題</h1>

15、<h2>頁(yè)面相關(guān)性標(biāo)題</h2>

16、<h3>標(biāo)題系列</h3>

17、<h4>標(biāo)題系列</h4>

18、<h5>標(biāo)題系列</h5>

19、<h6>標(biāo)題系列</h6>

20、<img src="xxx.jpg" alt="圖片說(shuō)明">

21、<a href="/" title="鏈接說(shuō)明">鏈接詞</a>

22、<strong>重點(diǎn)關(guān)鍵詞強(qiáng)調(diào)</strong>

23、<b>關(guān)鍵詞強(qiáng)調(diào)</b><u>關(guān)鍵詞強(qiáng)調(diào)</u><i>關(guān)鍵詞強(qiáng)調(diào)</i>

24、</div>

25、<div>

26、版權(quán)部分關(guān)鍵詞強(qiáng)調(diào)

27、</div>

28、</body>

29、</html>

********************************************************

注:在<body>..</body>標(biāo)簽區(qū)中的羅列,都是一些基礎(chǔ)的HTML標(biāo)簽,這些標(biāo)簽出現(xiàn)的次序是可以變化的。

我們一步一步來(lái)說(shuō)。

第1行的<!--頁(yè)面注解-->。這個(gè)標(biāo)簽是用來(lái)做HTML代碼注解的,很多站在這里會(huì)寫(xiě)上關(guān)鍵詞,這種形式的注解在瀏覽器中是不會(huì)顯示的,而搜索引擎可以讀到。所以這個(gè)標(biāo)簽有的時(shí)候會(huì)成為作弊的一種形式,不要過(guò)多的用這種標(biāo)簽到來(lái)注明你的關(guān)鍵詞,否則如果搜索引擎認(rèn)為你是作弊的話,就慘了。

第4行<title>頁(yè)面標(biāo)題</title>。這是相當(dāng)重要的!這里字字值千金!對(duì)于做百度seo的朋友,一定要記得這個(gè)標(biāo)簽可能是你是否真正能夠做到排名靠前的重點(diǎn),而且這個(gè)重點(diǎn)絕對(duì)不容忽視。標(biāo)題主要注意你的用詞,如果你做**,堆關(guān)鍵詞也無(wú)所謂,如果你要做正規(guī)站點(diǎn),請(qǐng)你正確對(duì)待,寫(xiě)得標(biāo)準(zhǔn)一點(diǎn),不要堆關(guān)鍵字,保持你的主要詞在這里出現(xiàn)三次,太多對(duì)你沒(méi)有好處,對(duì)排名也不會(huì)有好處。GG并不喜歡太長(zhǎng)的標(biāo)題,百度也偶爾提到只希望在標(biāo)題的前20個(gè)字里出現(xiàn)你的關(guān)鍵詞。明確這些以后,還要注意的是,你的主要關(guān)鍵詞應(yīng)該在標(biāo)題里越靠前越好!

第7行<meta name="keywords" content="關(guān)鍵詞">。這個(gè)的用途現(xiàn)在權(quán)重越來(lái)越低,但是再低都是有權(quán)重的,只要認(rèn)真對(duì)待,這里的詞是有效果的。這里注意兩點(diǎn):第一、大部分人都會(huì)選擇在這里寫(xiě)關(guān)鍵詞不會(huì)超過(guò)三個(gè),有的人直接只寫(xiě)一個(gè),這是有好處的,每一處標(biāo)簽都有權(quán)重,你強(qiáng)調(diào)的內(nèi)容越少,那么它的權(quán)重會(huì)相對(duì)更高的,所以不要寫(xiě)太多,否則不如不寫(xiě),而讓搜索引擎自己去判斷你的頁(yè)面關(guān)鍵詞。第二、幾乎所有的SEO專業(yè)人員都會(huì)跟你說(shuō)盡量在每一個(gè)頁(yè)面寫(xiě)不同的關(guān)鍵詞,避免被認(rèn)為是重復(fù)頁(yè)面的危險(xiǎn)。

第8行<meta name="description" content="網(wǎng)站描述">。這個(gè)是主要為了在搜索結(jié)果里出現(xiàn)的索引結(jié)果的,索引結(jié)果就是在百度搜索你的站的時(shí)候標(biāo)題下面的摘要內(nèi)容。這是一個(gè)頁(yè)面的導(dǎo)讀,用來(lái)說(shuō)明網(wǎng)頁(yè)的主要內(nèi)容,當(dāng)然現(xiàn)在的權(quán)重不高,跟keywords標(biāo)簽一樣,不太受重視。而且現(xiàn)在由于搜索引擎機(jī)器人的越來(lái)越智能化,基本上已經(jīng)實(shí)現(xiàn)整個(gè)頁(yè)面的摘要內(nèi)容隨意出現(xiàn)它的索引結(jié)果里了,搜索引擎會(huì)根據(jù)你搜索的內(nèi)容不同顯示不同的索引。你如果要寫(xiě)description,就認(rèn)真去寫(xiě),很多人是用這里來(lái)控制搜索引擎的索引顯示的,因?yàn)榫W(wǎng)站描述寫(xiě)得越具體,就越有可能在索引的時(shí)候出現(xiàn)這個(gè)標(biāo)簽中的內(nèi)容。

第9行<link href="/img/index.css" rel="stylesheet" type="text/css" /> 這個(gè)只是一個(gè)CSS樣式表的 調(diào)用方式一共分2一種直接把CSS寫(xiě)進(jìn)HTML 一種是這種相對(duì)方便 和減少網(wǎng)頁(yè)代碼量的做法 調(diào)用CSS樣式表!

第10行<script language="JavaScript" src="/include/dedeajax2.js"></script> 這個(gè)是調(diào)用JS(javascript)文件的方法 也可以直接把JS寫(xiě)進(jìn)HTML網(wǎng)頁(yè) 但這樣和上面的CSS調(diào)用一樣 方便減少網(wǎng)頁(yè)代碼量! 本來(lái)以為JS代碼搜索引擎抓取不了 但實(shí)驗(yàn)結(jié)果表明SE已經(jīng)能夠抓取JAVASCRIPT內(nèi)的代碼! 實(shí)驗(yàn)頁(yè)見(jiàn)( /seojs.html )

第14行<h1>頁(yè)面內(nèi)容標(biāo)題</h1>。這個(gè)標(biāo)簽是一個(gè)頁(yè)面最重要的標(biāo)簽,也是搜索引擎定位這個(gè)頁(yè)面的主要依據(jù),如果你的<h1>標(biāo)簽里沒(méi)有出現(xiàn)你的頁(yè)面關(guān)鍵字,那真是的一種很大的損失,這里的權(quán)重相對(duì)于其它的在<body>區(qū)的標(biāo)簽來(lái)說(shuō)更加重要。在HTML代碼中,它的重要性僅次于<title>。很多人放棄寫(xiě)這個(gè)標(biāo)簽,對(duì)于搜索引擎是很不友好的,你可以不出現(xiàn)其它的強(qiáng)調(diào)關(guān)鍵詞的標(biāo)簽,但是這個(gè)標(biāo)簽一定要出現(xiàn),這是告訴搜索引擎你的頁(yè)面用一句話應(yīng)該如何表達(dá),如果這一行字都沒(méi)有,再智能化的機(jī)器人可能都會(huì)以你的<title>來(lái)決定是否用來(lái)作為一個(gè)詞的排名,很多時(shí)候一個(gè)網(wǎng)站的頁(yè)面標(biāo)題都是完全一樣的,因?yàn)樗麄兂绦虻脑,但是如果你沒(méi)有辦法修改title,已經(jīng)損失很大了,而如果你的頁(yè)面這個(gè)<h1>標(biāo)簽也沒(méi)有出現(xiàn)的話,我不知道搜索引擎會(huì)怎么樣去理解一個(gè)頁(yè)面,對(duì)于SEO來(lái)說(shuō),那真很糟糕的一件事情。所以,認(rèn)真對(duì)待你的頁(yè)面<h1>,這是很重要的,要強(qiáng)調(diào)的是,這個(gè)標(biāo)簽一個(gè)頁(yè)面不要出現(xiàn)太多,道理很簡(jiǎn)單,太多會(huì)讓別人無(wú)法確定你頁(yè)面中哪一個(gè)才是最重要的,無(wú)法確定重點(diǎn)跟沒(méi)有這個(gè)標(biāo)簽我覺(jué)得沒(méi)有太大的分別。所以,最好只出現(xiàn)1次,以達(dá)到明確說(shuō)明的目的。

第15行<h2>頁(yè)面相關(guān)性標(biāo)題</h2>。這個(gè)標(biāo)簽與<h1>是一樣和道理,但是權(quán)重相對(duì)來(lái)說(shuō)較低,如果你的頁(yè)面沒(méi)有<h1>,那么這個(gè)標(biāo)簽對(duì)于頁(yè)面來(lái)說(shuō)基本上就相當(dāng)于<h1>的重要性了。這里面你包含的是長(zhǎng)尾關(guān)鍵詞相關(guān)的內(nèi)容,比如你的頁(yè)面做幾個(gè)關(guān)鍵詞,主詞應(yīng)該出現(xiàn)在<h1>里,那么其它的詞以及你想發(fā)展的詞就可以出現(xiàn)在<h2>里,這樣來(lái)說(shuō)是一種合理的安排。

而<h3>~<h6>這些標(biāo)簽,重要性是依次遞減的,在一個(gè)頁(yè)面的權(quán)重越來(lái)越低。

第20行<img src="xxx.jpg" alt="圖片說(shuō)明">。我想這個(gè)標(biāo)簽很多人都知道,它的作用很明確,不是指定一張圖片的說(shuō)明文字,讓搜索引擎知道這張圖片是關(guān)于什么的。比如你的圖片是"周杰倫",那么你的alt="圖片說(shuō)明"中的"圖片說(shuō)明"就應(yīng)該是與"周杰倫"相關(guān)的詞或者句子。這樣寫(xiě)當(dāng)然也有利于你在圖片搜索的結(jié)果里顯示排名更前面一點(diǎn),不過(guò)現(xiàn)在百度基本上是以頁(yè)面標(biāo)題作為一張圖片排名的要素,當(dāng)然,你的alt標(biāo)記做得好,將會(huì)增加你的圖片匹配度。關(guān)于圖片說(shuō)明的研究,以后我也許會(huì)寫(xiě)一篇分析性的文章,因?yàn)橛?lt;a>鏈接的圖片里,還會(huì)有一個(gè)title標(biāo)簽,title與alt這兩個(gè)誰(shuí)重要,是有必要研究一下的。

第21行<a href="/" title="鏈接說(shuō)明">鏈接詞</a>。這是鏈接說(shuō)明,同進(jìn)也是一個(gè)頁(yè)面鏈接的SEO重點(diǎn),這里的"鏈接詞"相當(dāng)?shù)闹匾,如果你跟別人交換鏈接,你這個(gè)詞的寫(xiě)法是起著外鏈好壞與否的決定性因素的。"鏈接詞"建議你最好寫(xiě)成自己的關(guān)鍵詞,如果覺(jué)得實(shí)在不行或者怎么樣,你一定要在"鏈接說(shuō)明"里出現(xiàn)你的關(guān)鍵詞。否則對(duì)于排名,你的鏈接做得沒(méi)有太大的好處。這在SEO專業(yè)術(shù)語(yǔ)里還有一種叫法,叫做"google****",就是用很多站點(diǎn),同時(shí)做鏈接到一個(gè)網(wǎng)站,然后所有的"鏈接詞"都寫(xiě)一個(gè)詞-"周杰倫菲",不久以后google就會(huì)將這個(gè)站當(dāng)做"周杰倫"這個(gè)詞最權(quán)威的站點(diǎn),即使被那些站點(diǎn)鏈接的這個(gè)頁(yè)面沒(méi)有任何與"周杰倫"相關(guān)的內(nèi)容,這個(gè)網(wǎng)站在"周杰倫"這個(gè)詞的排名情況也會(huì)很好。不過(guò)google已經(jīng)調(diào)整了算法,但是這樣做鏈接肯定是有用的,一定要認(rèn)真對(duì)待你的鏈接。還有一個(gè)重點(diǎn),就是對(duì)方的鏈接,如果是JS調(diào)用的,你就別想在他那里得到任何權(quán)重,因?yàn)樗阉饕娌粫?huì)去讀取JS里的內(nèi)容,所以,建議大家好好做鏈接,不要做了鏈接你的站卻跟沒(méi)做一樣。像百度空間的友情鏈接就是JS文件調(diào)用的,所以百度空間里的友情鏈接你是沒(méi)有權(quán)重的。具體可以查看HTML代碼,正常情況下一個(gè)頁(yè)面你找不到你的網(wǎng)站地址在<a>..</a>標(biāo)簽內(nèi)出現(xiàn),基本上這就是屬于無(wú)效鏈接。

第22行<strong>重點(diǎn)關(guān)鍵詞強(qiáng)調(diào)</strong>。這個(gè)標(biāo)簽基實(shí)重要性僅次于<h1>,很多人都這樣跟我講。所以我也基本上認(rèn)同,很確定的是它比<b>、<u>、<i>等標(biāo)簽要權(quán)重高。所以如果你的頁(yè)面有很重要的詞,而你想強(qiáng)調(diào)它,首先選這個(gè)<strong>標(biāo)簽吧,接下來(lái)相對(duì)不重要的詞強(qiáng)調(diào)請(qǐng)你選<b>、<u>、<i>等標(biāo)簽。當(dāng)然,不要用得太多了,用得太多沒(méi)有重點(diǎn)就等于沒(méi)有用了。

第27行版權(quán)部分關(guān)鍵詞強(qiáng)調(diào)。我為什么要寫(xiě)這個(gè)?因?yàn)檫@個(gè)權(quán)重越來(lái)越高了,在底部版權(quán)部分,很接近版權(quán)部分出現(xiàn)的關(guān)鍵詞,是一種SEO策劃的手法。在這里強(qiáng)調(diào)你的關(guān)鍵詞,是讓你的關(guān)鍵詞布局更加合理,而不是頭部出現(xiàn)關(guān)鍵詞,中部強(qiáng)調(diào)很多次,而底部卻什么也沒(méi)有關(guān)聯(lián),這個(gè)詞在這個(gè)頁(yè)面是否值得懷疑呢?

轉(zhuǎn)載請(qǐng)保留原文地址: http://headlineschannel.com/show-558.html

責(zé)編:王麗 作者:不詳 來(lái)源:網(wǎng)絡(luò)