- 相關(guān)推薦
HTML與搜索引擎優(yōu)化
H1
W3C指出h1-h6標(biāo)簽可定義標(biāo)題，h1定義最大的標(biāo)題，h6定義最小的標(biāo)題。搜索引擎十分喜歡標(biāo)題標(biāo)簽，搜索引擎機(jī)器人在處理完<title>和<meta>標(biāo)簽之后，緊接著就會(huì)處理頁(yè)面內(nèi)容中的標(biāo)題標(biāo)簽。
<body>
<h1>一級(jí)標(biāo)題</h1>
<p>段落</p>
<p>
<h2>二級(jí)標(biāo)題</h2>
<p>...</p>
<p>
<h3>三級(jí)標(biāo)題</h3>
<p>...</p>
<p>
<h4>四級(jí)標(biāo)題</h4>
<p>...</p>
</p>
</p>
</p>
</body>
鏈接標(biāo)簽（<a>）
<a href="http://www.021-seo.com/baozhuang/" target="_blank" title="東棟新升 上海SEO
培訓(xùn)頻道">上海SEO培訓(xùn)</a>
1、換行符
如果希望注釋多行顯示，可以使用“ ”作為換行符
2、關(guān)鍵詞字?jǐn)?shù)
建議不超過(guò)36個(gè)字符（18個(gè)中文漢字）
3、排列原則
獨(dú)特性的關(guān)鍵詞放前面，重復(fù)性的關(guān)鍵詞盡量靠后
4、其他
盡量不要使用“的”、“上”、“好”、“等等”等，搜索引擎數(shù)據(jù)庫(kù)默認(rèn)不收錄的字
圖片標(biāo)簽（<img>）加上alt屬性
<img src="http://www.021-seo.com/images/logo.gif" alt="菜鳥(niǎo)變網(wǎng)蟲(chóng)">
雙標(biāo)簽的不要忘記閉合標(biāo)簽
在html5中，做了統(tǒng)一規(guī)范，要求所有的標(biāo)簽必須閉合。
去<table>化
美工盡量使用p+CSS的模式，而不是傳統(tǒng)的table，因?yàn)閠able標(biāo)簽眾多，搜索引擎能讀懂的標(biāo)簽比較少。
使用p布局，盡量少用p
<p> 可定義文檔中的分區(qū)或節(jié)（pision/section）。這個(gè)是w3school的說(shuō)明。我們僅需要使用p把網(wǎng)站分成若干個(gè)區(qū)就可以了，不要濫用p標(biāo)簽，那樣就回到了濫用table標(biāo)簽的年代了。
使用<br><p>只有一行，而使用<p><br>就會(huì)多了空白的一行。
標(biāo)簽大小寫(xiě)要符合規(guī)范
尤其注意不要將下列標(biāo)簽寫(xiě)成大寫(xiě)
1、<title></title>
2、<meta>
3、<body>
4、<a>
5、<img>
6、<h1></h1> <h2></h2>
7、<strong></strong>
8、<head></head>
不要把css代碼直接寫(xiě)在頭部，不要把JS代碼直接寫(xiě)在頭部。
Google公開(kāi)了一項(xiàng)搜索引擎排名因素，就是網(wǎng)頁(yè)打開(kāi)的速度也會(huì)影響排名。
頭部
這meta解釋起來(lái)比較拗口，比如metadata，意為描述data的data，英文即data about data。在HTML里，meta標(biāo)記(meta tags)表示用來(lái)描述網(wǎng)頁(yè)的有關(guān)信息。
聲明語(yǔ)言編碼 (charset)，如果是中文簡(jiǎn)體：
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
標(biāo)題標(biāo)簽(title)
<title>上海SEO行業(yè)專(zhuān)業(yè)SEO公司 上海SEO|搜索引擎優(yōu)化|SEO公司</title>
1、第一個(gè)關(guān)鍵詞：必須是該頁(yè)面的主要內(nèi)容，比如“網(wǎng)站優(yōu)化頁(yè)面”，就應(yīng)該寫(xiě)“網(wǎng)站優(yōu)化”。
2、名詞短語(yǔ)：必須是介紹前面的一句帶有關(guān)鍵字的名詞短語(yǔ)，上例中存在“SEO”、“上海SEO”、“SEO公司”、“上海SEO公司”、“上海SEO行業(yè)”、“SEO專(zhuān)業(yè)”、“專(zhuān)業(yè)SEO”、“專(zhuān)業(yè)SEO公司”、“上海公司”、“上海專(zhuān)業(yè)SEO公司”等等眾多關(guān)鍵詞，注意盡量不要使用“的”、“了”、“啊”、“上”等不能夠組成關(guān)鍵詞的字，原因：浪費(fèi)資源
3、其他關(guān)鍵詞：網(wǎng)頁(yè)文本沒(méi)有的關(guān)鍵詞不要放在上面
4、符號(hào)：“_”不要寫(xiě)成“—”(中文狀態(tài))，可以寫(xiě)成“-”（英文狀態(tài)）；符合“|”可以用“,”（英文狀態(tài)）代替，不要使用“，”（中文狀態(tài)）。
5、字?jǐn)?shù)
關(guān)鍵詞四——六個(gè)字即可，短語(yǔ)+第一個(gè)關(guān)鍵詞不宜超過(guò)39個(gè)字符（19個(gè)字以?xún)?nèi)為宜），總的數(shù)量不宜超過(guò)80個(gè)
字符（40個(gè)中文漢字），超過(guò)39個(gè)字符的部分將不被搜索引擎顯示，超過(guò)80個(gè)字符的部門(mén)將不被搜索引擎收錄，
超過(guò)部分過(guò)多對(duì)網(wǎng)站排名有影響。
6、其他
結(jié)束的時(shí)候不要使用“ />”，應(yīng)該直接寫(xiě)“>”
<meta name="keywords" content="搜索引擎優(yōu)化,SEO">
1、字?jǐn)?shù)
總的數(shù)量不宜超過(guò)100個(gè)字符（50個(gè)中文漢字）
2、關(guān)鍵詞
關(guān)鍵詞不要疊加，“包裝機(jī)械，包裝設(shè)計(jì)，食品包裝，包裝公司，包裝用戶(hù)，包裝信息，包裝訂單，包
裝企業(yè)，包裝新聞，包裝資訊”應(yīng)改為“包裝,設(shè)計(jì),食品,公司,企業(yè),用戶(hù),信息，機(jī)械,訂單,新聞,資訊”，有
時(shí)為了增加相關(guān)性，可以添加幾個(gè)“包裝機(jī)械，包裝設(shè)計(jì)”之類(lèi)的關(guān)鍵詞，以增加相關(guān)性。
3、符號(hào)
符號(hào)需使用“,”（英文狀態(tài)），而不是“，”（中文狀態(tài)）
4、其他
結(jié)束的時(shí)候不要使用“ />”，應(yīng)該直接寫(xiě)“>”
<meta name="description" content="東棟新升是上海地區(qū)專(zhuān)業(yè)的SEO公司,主要從事搜索引擎優(yōu)化
(SEO),網(wǎng)站優(yōu)化，用戶(hù)體驗(yàn)優(yōu)化(UEO),營(yíng)銷(xiāo)型 網(wǎng)站建設(shè)以及相關(guān)的SEO咨詢(xún)和培訓(xùn)等業(yè)務(wù)”>
1、字?jǐn)?shù)
不要超過(guò)200個(gè)字符（100個(gè)中文漢字），超過(guò)152個(gè)字符（76個(gè)中文漢字）的部分將不被搜索引擎顯示。
2、符號(hào)
符號(hào)需要使用“(”、“)”(英文狀態(tài))，而不是“（”、“）”。原因：浪費(fèi)字符數(shù)。
<meta name="copyright" content="東棟新升(021-seo.com)版權(quán)所有">
1、關(guān)鍵詞
盡量包含關(guān)鍵詞，且能夠表示唯一屬性。
2、字?jǐn)?shù)
28個(gè)字符（14個(gè)中文漢字）以?xún)?nèi)即可，比如“上海東棟新升網(wǎng)絡(luò)科技有限公司”即可。
3、符號(hào)
不建議使用中文狀態(tài)下的符合，因?yàn)橹形臓顟B(tài)的字符一般占有兩個(gè)字符，浪費(fèi)了一個(gè)字符。
<meta name="author" content="東棟新升">
建議不要超過(guò)12個(gè)字符（6個(gè)中文漢字），4-8個(gè)字符（2-4個(gè)漢字）最佳。
<html>
line1:<head>
line2:<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
line3: <meta http-equiv="Content-Language" content="zh-CN" />
line4:<title>南京SEO|南京網(wǎng)站推廣|南京網(wǎng)站優(yōu)化-南京seo鮑捷的博客-文章編輯</title>
line5:<meta name="keywords" content="南京seo|南京網(wǎng)站優(yōu)化|南京網(wǎng)站推廣" />
line6: <meta name="description" content="在南京seo鮑捷的博客里，你可以了解到最新、最全的SEO技術(shù)、
seo工具、seo教程，我可以為您提供最優(yōu)化的網(wǎng)站診斷以及seo優(yōu)化服務(wù)。聯(lián)系電話：13912920033" />
<meta name="author" content="站長(zhǎng)網(wǎng) 站長(zhǎng)學(xué)院">
line7:</head>
…………
line8:<body>
line9:<p>
line10:<h1>鮑捷SEO博客</h1>
line11:<h2>專(zhuān)注于SEO技術(shù)、網(wǎng)絡(luò)營(yíng)銷(xiāo)、用戶(hù)體驗(yàn)及互聯(lián)網(wǎng)觀察</h2>
line12:<h3>關(guān)于博主</h3>
line13:<a href="url" title="提供南京seo、網(wǎng)站優(yōu)化服務(wù)">南京seo</a>
line14:<img src="xxx.jpg" alt="南京seo">
line15:<strong>南京seo</strong>
line16:<b>南京seo</b><u>南京seo</u><i>南京seo</i>
line17:</p>
line18:<p>
line19:在南京seo的博客里，你可以了解到：seo技術(shù)、seo工具、seo資料以及alexa服務(wù)
line20:</p>
line21:</body>
</html>
【HTML與搜索引擎優(yōu)化】相關(guān)文章：
新手對(duì)搜索引擎優(yōu)化seo誤區(qū)解讀08-18
過(guò)濾HTML代碼08-29
收集的常用的HTML標(biāo)簽06-20
谷歌HTML/CSS規(guī)范06-22
怎么在html加超鏈接06-20
精選Html技巧語(yǔ)義化代碼08-12
搜索引擎營(yíng)銷(xiāo)的目標(biāo)12-15
HTML之有序列表教程06-20