客服
SEO代碼優(yōu)化入門的最佳HTML代碼教程
SEO代碼優(yōu)化入門的最佳HTML代碼教程
我們先看下最基本的HTML標(biāo)簽元素
1、<!--頁面注解-->
2、<html>
3、<head>
4、<title>頁面標(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>頁面內(nèi)容標(biāo)題</h1>
15、<h2>頁面相關(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="圖片說明">
21、<a href="/" title="鏈接說明">鏈接詞</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)的次序是可以變化的。
我們一步一步來說。西安做網(wǎng)站推薦閱讀>>> 網(wǎng)站代碼SEO優(yōu)化（清理垃圾代碼）,
第1行的<!--頁面注解-->。這個(gè)標(biāo)簽是用來做HTML代碼注解的，很多站在這里會(huì)寫上關(guān)鍵詞，這種形式的注解在瀏覽器中是不會(huì)顯示的，而搜索引擎可以讀到。所以這個(gè)標(biāo)簽有的時(shí)候會(huì)成為作弊的一種形式，不要過多的用這種標(biāo)簽到來注明你的關(guān)鍵詞，否則如果搜索引擎認(rèn)為你是作弊的話，就慘了。
第4行<title>頁面標(biāo)題</title>。這是相當(dāng)重要的！這里字字值千金！對(duì)于做百度seo的朋友，一定要記得這個(gè)標(biāo)簽可能是你是否真正能夠做到排名靠前的重點(diǎn)，而且這個(gè)重點(diǎn)絕對(duì)不容忽視。標(biāo)題主要注意你的用詞，如果你做垃圾站，堆關(guān)鍵詞也無所謂，如果你要做正規(guī)站點(diǎn)，請(qǐng)你正確對(duì)待，寫得標(biāo)準(zhǔn)一點(diǎn)，不要堆關(guān)鍵字，保持你的主要詞在這里出現(xiàn)三次，太多對(duì)你沒有好處，對(duì)排名也不會(huì)有好處。GG并不喜歡太長的標(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)重越來越低，但是再低都是有權(quán)重的，只要認(rèn)真對(duì)待，這里的詞是有效果的。這里注意兩點(diǎn)：第一、大部分人都會(huì)選擇在這里寫關(guān)鍵詞不會(huì)超過三個(gè)，有的人直接只寫一個(gè)，這是有好處的，每一處標(biāo)簽都有權(quán)重，你強(qiáng)調(diào)的內(nèi)容越少，那么它的權(quán)重會(huì)相對(duì)更高的，所以不要寫太多，否則不如不寫，而讓搜索引擎自己去判斷你的頁面關(guān)鍵詞。第二、幾乎所有的SEO專業(yè)人員都會(huì)跟你說盡量在每一個(gè)頁面寫不同的關(guān)鍵詞，避免被認(rèn)為是重復(fù)頁面的危險(xiǎn)。
第8行<meta name="description" content="網(wǎng)站描述">。這個(gè)是主要為了在搜索結(jié)果里出現(xiàn)的索引結(jié)果的，索引結(jié)果就是在百度搜索你的站的時(shí)候標(biāo)題下面的摘要內(nèi)容。這是一個(gè)頁面的導(dǎo)讀，用來說明網(wǎng)頁的主要內(nèi)容，當(dāng)然現(xiàn)在的權(quán)重不高，跟keywords標(biāo)簽一樣，不太受重視。而且現(xiàn)在由于搜索引擎機(jī)器人的越來越智能化，基本上已經(jīng)實(shí)現(xiàn)整個(gè)頁面的摘要內(nèi)容隨意出現(xiàn)它的索引結(jié)果里了，搜索引擎會(huì)根據(jù)你搜索的內(nèi)容不同顯示不同的索引。你如果要寫description，就認(rèn)真去寫，很多人是用這里來控制搜索引擎的索引顯示的，因?yàn)榫W(wǎng)站描述寫得越具體，就越有可能在索引的時(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寫進(jìn)HTML 一種是這種相對(duì)方便 和減少網(wǎng)頁代碼量的做法 調(diào)用CSS樣式表!西安做網(wǎng)站推薦閱讀>>> 網(wǎng)站代碼SEO優(yōu)化建議,
第10行<script language="JavaScript" src="/include/dedeajax2.js"></script> 這個(gè)是調(diào)用JS(javascript)文件的方法 也可以直接把JS寫進(jìn)HTML網(wǎng)頁 但這樣和上面的CSS調(diào)用一樣 方便減少網(wǎng)頁代碼量! 本來以為JS代碼搜索引擎抓取不了 但實(shí)驗(yàn)結(jié)果表明SE已經(jīng)能夠抓取JAVASCRIPT內(nèi)的代碼! 實(shí)驗(yàn)頁見( /seojs.html )
第14行<h1>頁面內(nèi)容標(biāo)題</h1>。這個(gè)標(biāo)簽是一個(gè)頁面最重要的標(biāo)簽，也是搜索引擎定位這個(gè)頁面的主要依據(jù)，如果你的<h1>標(biāo)簽里沒有出現(xiàn)你的頁面關(guān)鍵字，那真是的一種很大的損失，這里的權(quán)重相對(duì)于其它的在<body>區(qū)的標(biāo)簽來說更加重要。在HTML代碼中，它的重要性僅次于<title>。很多人放棄寫這個(gè)標(biāo)簽，對(duì)于搜索引擎是很不友好的，你可以不出現(xiàn)其它的強(qiáng)調(diào)關(guān)鍵詞的標(biāo)簽，但是這個(gè)標(biāo)簽一定要出現(xiàn)，這是告訴搜索引擎你的頁面用一句話應(yīng)該如何表達(dá)，如果這一行字都沒有，再智能化的機(jī)器人可能都會(huì)以你的<title>來決定是否用來作為一個(gè)詞的排名，很多時(shí)候一個(gè)網(wǎng)站的頁面標(biāo)題都是完全一樣的，因?yàn)樗麄兂绦虻脑颍侨绻銢]有辦法修改title，已經(jīng)損失很大了，而如果你的頁面這個(gè)<h1>標(biāo)簽也沒有出現(xiàn)的話，我不知道搜索引擎會(huì)怎么樣去理解一個(gè)頁面，對(duì)于SEO來說，那真很糟糕的一件事情。所以，認(rèn)真對(duì)待你的頁面<h1>，這是很重要的，要強(qiáng)調(diào)的是，這個(gè)標(biāo)簽一個(gè)頁面不要出現(xiàn)太多，道理很簡單，太多會(huì)讓別人無法確定你頁面中哪一個(gè)才是最重要的，無法確定重點(diǎn)跟沒有這個(gè)標(biāo)簽我覺得沒有太大的分別。所以，最好只出現(xiàn)1次，以達(dá)到明確說明的目的。
第15行<h2>頁面相關(guān)性標(biāo)題</h2>。這個(gè)標(biāo)簽與<h1>是一樣和道理，但是權(quán)重相對(duì)來說較低，如果你的頁面沒有<h1>，那么這個(gè)標(biāo)簽對(duì)于頁面來說基本上就相當(dāng)于<h1>的重要性了。這里面你包含的是長尾關(guān)鍵詞相關(guān)的內(nèi)容，比如你的頁面做幾個(gè)關(guān)鍵詞，主詞應(yīng)該出現(xiàn)在<h1>里，那么其它的詞以及你想發(fā)展的詞就可以出現(xiàn)在<h2>里，這樣來說是一種合理的安排。
而<h3>~<h6>這些標(biāo)簽，重要性是依次遞減的，在一個(gè)頁面的權(quán)重越來越低。
第20行<img src="xxx.jpg" alt="圖片說明">。我想這個(gè)標(biāo)簽很多人都知道，它的作用很明確，不是指定一張圖片的說明文字，讓搜索引擎知道這張圖片是關(guān)于什么的。比如你的圖片是"周杰倫"，那么你的alt="圖片說明"中的"圖片說明"就應(yīng)該是與"周杰倫"相關(guān)的詞或者句子。這樣寫當(dāng)然也有利于你在圖片搜索的結(jié)果里顯示排名更前面一點(diǎn)，不過現(xiàn)在百度基本上是以頁面標(biāo)題作為一張圖片排名的要素，當(dāng)然，你的alt標(biāo)記做得好，將會(huì)增加你的圖片匹配度。關(guān)于圖片說明的研究，以后我也許會(huì)寫一篇分析性的文章，因?yàn)橛?lt;a>鏈接的圖片里，還會(huì)有一個(gè)title標(biāo)簽，title與alt這兩個(gè)誰重要，是有必要研究一下的。
第21行<a href="/" title="鏈接說明">鏈接詞</a>。這是鏈接說明，同進(jìn)也是一個(gè)頁面鏈接的SEO重點(diǎn)，這里的"鏈接詞"相當(dāng)?shù)闹匾?，如果你跟別人交換鏈接，你這個(gè)詞的寫法是起著外鏈好壞與否的決定性因素的。"鏈接詞"建議你最好寫成自己的關(guān)鍵詞，如果覺得實(shí)在不行或者怎么樣，你一定要在"鏈接說明"里出現(xiàn)你的關(guān)鍵詞。否則對(duì)于排名，你的鏈接做得沒有太大的好處。這在SEO專業(yè)術(shù)語里還有一種叫法，叫做"google****"，就是用很多站點(diǎn)，同時(shí)做鏈接到一個(gè)網(wǎng)站，然后所有的"鏈接詞"都寫一個(gè)詞-"周杰倫菲"，不久以后google就會(huì)將這個(gè)站當(dāng)做"周杰倫"這個(gè)詞最權(quán)威的站點(diǎn)，即使被那些站點(diǎn)鏈接的這個(gè)頁面沒有任何與"周杰倫"相關(guān)的內(nèi)容，這個(gè)網(wǎng)站在"周杰倫"這個(gè)詞的排名情況也會(huì)很好。不過google已經(jīng)調(diào)整了算法，但是這樣做鏈接肯定是有用的，一定要認(rèn)真對(duì)待你的鏈接。還有一個(gè)重點(diǎn)，就是對(duì)方的鏈接，如果是JS調(diào)用的，你就別想在他那里得到任何權(quán)重，因?yàn)樗阉饕娌粫?huì)去讀取JS里的內(nèi)容，所以，建議大家好好做鏈接，不要做了鏈接你的站卻跟沒做一樣。像百度空間的友情鏈接就是JS文件調(diào)用的，所以百度空間里的友情鏈接你是沒有權(quán)重的。具體可以查看HTML代碼，正常情況下一個(gè)頁面你找不到你的網(wǎng)站地址在<a>..</a>標(biāo)簽內(nèi)出現(xiàn)，基本上這就是屬于無效鏈接。西安網(wǎng)站建設(shè)推薦閱讀>>> 代碼優(yōu)化,
第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)重高。所以如果你的頁面有很重要的詞，而你想強(qiáng)調(diào)它，首先選這個(gè)<strong>標(biāo)簽吧，接下來相對(duì)不重要的詞強(qiáng)調(diào)請(qǐng)你選<b>、<u>、<i>等標(biāo)簽。當(dāng)然，不要用得太多了，用得太多沒有重點(diǎn)就等于沒有用了。
第27行版權(quán)部分關(guān)鍵詞強(qiáng)調(diào)。我為什么要寫這個(gè)？因?yàn)檫@個(gè)權(quán)重越來越高了，在底部版權(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)很多次，而底部卻什么也沒有關(guān)聯(lián)，這個(gè)詞在這個(gè)頁面是否值得懷疑呢？
相關(guān)文章：
-
其實(shí)可以參考： DEDECMS織夢PHP主動(dòng)推送代碼（API新增內(nèi)容和歷史內(nèi)容推送） ， 只是API不同而已 ，熊掌號(hào)API和搜索資源平臺(tái)的鏈接提交不同而已，修改API即可用，下面是創(chuàng)建單獨(dú)的PHP文件， 需...
-
一、新增內(nèi)容主動(dòng)推送 通過新增內(nèi)容接口，提交站內(nèi) 當(dāng)天新產(chǎn)生內(nèi)容的鏈接。新增內(nèi)容享受24小時(shí)內(nèi)抓取校驗(yàn)、快速展現(xiàn)優(yōu)待。僅限提交綁定站點(diǎn)下的內(nèi)容，否則無法成功提交，配額不可累計(jì)...
-
很簡單，頁面中加入以下百度JS代碼 script src=https://xiongzhang.baidu.com/sdk/c.js?appid=你的熊掌號(hào)ID/script 熊掌號(hào)ID在 熊掌ID設(shè)置處找，或者搜索資源平臺(tái) 內(nèi)容提交API提交 處的 appid。 然后在合適的地方...
-
對(duì)做網(wǎng)站感興趣，想學(xué)的朋友有這樣的疑問，企業(yè)網(wǎng)站相對(duì)來說簡單一些，想學(xué)做企業(yè)網(wǎng)站準(zhǔn)備從事相關(guān)工作或者自己為公司做一個(gè)網(wǎng)站，那么做企業(yè)網(wǎng)站需要會(huì)寫代碼嗎？今天西安蟠龍網(wǎng)絡(luò)...
-
文件文本代碼、文件夾比較對(duì)比工具軟件比較多，西安蟠龍網(wǎng)絡(luò)小編推薦一個(gè)比較專業(yè)的軟件就是Beyondcompare（無與倫比的優(yōu)秀）。 IT工作者通常會(huì)對(duì)不同的文件進(jìn)行代碼比較或者文件夾比較，...
-
方法一html5：audioautoplay=1loop=1sourcesrc=音樂地址.mp3/audio不顯示播放器。 autoplay=1自動(dòng)播放 loop=1 循環(huán)播放 方法二html5：videocontrols=需不需要控制條autoplay=自動(dòng)播放name=mediasourcesrc=音樂地址type=audio...
-
一行代碼解決各種IE兼容問題,IE6,IE7,IE8,IE9,IE10 在網(wǎng)站開發(fā)中不免因?yàn)楦鞣N兼容問題苦惱，針對(duì)兼容問題，其實(shí)IE給出了解決方案Google也給出了解決方案 百度也應(yīng)用了這種方案去解決IE的兼容問題...
-
必須結(jié)束標(biāo)記 以前在HTML中，你可以打開許多標(biāo)簽，例如p和li而不一定寫 對(duì)應(yīng)的/p和/li來關(guān)閉它們。但在XHTML中這是不合法的。XHTML要求有 嚴(yán)謹(jǐn)?shù)慕Y(jié)構(gòu)，所有標(biāo)簽必須關(guān)閉。如果是單獨(dú)不成對(duì)的...
-
西安做網(wǎng)站推薦閱讀 sass/scss和 less的區(qū)別 ， FFFFFF #DDDDDD #AAAAAA #888888 #666666 #444444 #000000 #FFB7DD #FF88C2 #FF44AA #FF0088 #C10066 #A20055 #8C0044 #FFCCCC #FF8888 #FF3333 #FF0000 #CC0000 #AA0000 #880000 #FFC8B4 #FFA488 #FF7744 #...
-
1.結(jié)構(gòu)性定義 文件類型 lt;HTMLgt;lt;/HTMLgt; （放在檔案的開頭與結(jié)尾）文件主題 lt;TITLEgt;lt;/TITLEgt; （必須放在「文頭」區(qū)塊內(nèi)）文頭 l......