HTML代碼優(yōu)化注意要點同網(wǎng)站結(jié)構(gòu)、布局、內(nèi)容一樣重要
發(fā)布時間：2012-12-19 10:26:53 作者：佚名 
我要評論
我要評論SEO優(yōu)化案例中html的優(yōu)化是SEO優(yōu)化中很重要的一個環(huán)節(jié)，同網(wǎng)站結(jié)構(gòu)、布局、內(nèi)容一樣是一個網(wǎng)站的根基；html代碼優(yōu)化都是做得很符合搜索引擎的抓取習(xí)慣，今天談?wù)勛龊胔tml代碼優(yōu)化應(yīng)該注意的幾個要點,需要的朋友可以參考下
SEO優(yōu)化案例中html的優(yōu)化是SEO優(yōu)化中很重要的一個環(huán)節(jié)，同網(wǎng)站結(jié)構(gòu)、布局、內(nèi)容一樣是一個網(wǎng)站的根基。每一個在搜索引擎表現(xiàn)不錯的網(wǎng)站，html代碼優(yōu)化都是做得很符合搜索引擎的抓取習(xí)慣。今天談?wù)勛龊胔tml代碼優(yōu)化應(yīng)該注意的幾個要點。
一、文檔類型（DOCTYPE）
XHTML1.0有三種DOCTYPE：
1、過渡型（Transitional）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2、嚴(yán)格型（Strict）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd>
3、框架型(Frameset)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd>
二、名字空間（xmlns）
<html xmlns=http://www.w3.org/1999/xhtml>
三、聲明語言編碼 (charset)
1、中文簡體：
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
2、中文繁體
<meta http-equiv="Content-Type" content="text/html; charset=big5"/>
3、英文
<meta http-equiv="Content-Type" content="text/html; charset=en"/>
4、中英文（國際）
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
5、西歐
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
6、阿拉伯文
<meta http-equiv="Content-Type" content="text/html; charset=ASMO-708">
7、中歐
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
四、標(biāo)題標(biāo)簽(title)
<title>網(wǎng)絡(luò)營銷案例_網(wǎng)絡(luò)推廣技巧</title>
1、第一個關(guān)鍵詞
必須是該頁面的主要內(nèi)容，比如“網(wǎng)站優(yōu)化頁面”，就應(yīng)該寫“網(wǎng)站優(yōu)化”
2、名詞短語
必須是介紹前面的一句帶有關(guān)鍵字的名詞短語，上例中存在“網(wǎng)絡(luò)營銷”、“網(wǎng)絡(luò)推廣”、“網(wǎng)絡(luò)推廣方法”、“網(wǎng)絡(luò)營銷策劃”等等眾多關(guān)鍵詞，注意盡量不要使用“的”、“了”、“啊”、“上”等不能夠組成關(guān)鍵詞的字，原因：浪費資源
3、其他關(guān)鍵詞
網(wǎng)頁文本沒有的關(guān)鍵詞不要放在上面
4、符號
符號“_”不要寫成“—”(中文狀態(tài))，可以寫成“-”（英文狀態(tài)）；符合“|”可以用“,”（英文狀態(tài)）代替，不要使用“，”（中文狀態(tài)）。
5、字?jǐn)?shù)
關(guān)鍵詞四——六個字即可，短語+第一個關(guān)鍵詞不宜超過39個字符（19個字以內(nèi)為宜），總的數(shù)量不宜超過80個字符（40個中文漢字），超過39個字符的部分將不被搜索引擎顯示，超過80個字符的部門將不被搜索引擎收錄，超過部分過多對網(wǎng)站排名有影響。
6、其他
結(jié)束的時候不要使用“ />”，應(yīng)該直接寫“>”
<meta name="keywords" content="網(wǎng)絡(luò)推廣技巧">
1、字?jǐn)?shù)
總的數(shù)量不宜超過100個字符（50個中文漢字）
2、關(guān)鍵詞
關(guān)鍵詞不要疊加，“包裝機械，包裝設(shè)計，食品包裝，包裝公司，包裝用戶，包裝信息，包裝訂單，包裝企業(yè)，包裝新聞，包裝資訊”應(yīng)改為“包裝,設(shè)計,食品,公司,企業(yè),用戶,信息，機械,訂單,新聞,資訊”，有時為了增加相關(guān)性，可以添加幾個“包裝機械，包裝設(shè)計”之類的關(guān)鍵詞，以增加相關(guān)性。
3、符號
符號需使用“,”（英文狀態(tài)），而不是“，”（中文狀態(tài)）
4、其他
結(jié)束的時候不要使用“ />”，應(yīng)該直接寫“>”
<meta name="description" content="網(wǎng)絡(luò)營銷案例網(wǎng)，系jrchen（彭宇誠）創(chuàng)辦，旨在為從事網(wǎng)絡(luò)推廣，seo優(yōu)化，網(wǎng)站策劃，網(wǎng)絡(luò)營銷策劃的朋友提供免費的網(wǎng)絡(luò)營銷案例，網(wǎng)站推廣方案，網(wǎng)絡(luò)推廣技巧”>
注意：
1、字?jǐn)?shù)
不要超過200個字符（100個中文漢字），超過152個字符（76個中文漢字）的部分將不被搜索引擎顯示。
2、符號
符號需要使用“(”、“)”(英文狀態(tài))，而不是“（”、“）”。原因：浪費字符數(shù)。
<meta name="copyright" content="xxxxx(xxxxseo.com)版權(quán)所有">
1、關(guān)鍵詞
盡量包含關(guān)鍵詞，且能夠表示唯一屬性。
2、字?jǐn)?shù)
28個字符（14個中文漢字）以內(nèi)即可，比如“xxxxx網(wǎng)絡(luò)科技有限公司”即可。
3、符號
不建議使用中文狀態(tài)下的符合，因為中文狀態(tài)的字符一般占有兩個字符，浪費了一個字符。
<meta name="author" content="網(wǎng)絡(luò)營銷案例">
建議不要超過12個字符（6個中文漢字），4-8個字符（2-4個漢字）最佳。
五、層疊樣式表（CSS）調(diào)用
<link href="http://www.xxxxseo.com/img/main.css " type="text/css" rel="stylesheet">
盡量只用一個.css文件，地址采用絕對地址。
六、腳本語言（JS）調(diào)用
<script src="http://www.xxxxseo.com/JS/VIP.js" type="text/javascript"></script>
同層疊樣式表（css）調(diào)用
七、其他代碼盡量不用
尤其注意到有：
1、把css代碼直接寫在頭部
2、把JS代碼直接寫在頭部
3、<meta http-equiv="Refresh" content="5;url=http://www.xxxxseo.com">
尤其注意：不要使用刷新的方式進入首頁。
八、去<table>化
美工盡量使用DIV+CSS的模式，而不是傳統(tǒng)的table，因為table標(biāo)簽眾多，搜索引擎能讀懂的標(biāo)簽比較少。
九、標(biāo)簽大小寫要符合規(guī)范
尤其注意不要將下列標(biāo)簽寫成大寫
<title></title>
<meta>
<body>
<a>
<img>
<h1></h1> <h2></h2>
<strong></strong>
<head></head>
十、雙標(biāo)簽的不要忘記閉合標(biāo)簽
十一、標(biāo)簽嵌套要合理
<div><h1>第一包裝</h1></div>
十二、特殊字符用編碼標(biāo)識
如：“?” 版權(quán)符號用“ ?”；“? ”注冊商標(biāo)用“?”表示。
十三、鏈接標(biāo)簽（<a>）
<a href="http://www.xxxxseo.com/baozhuang/index.html" target="_blank" title="xxxxx上海SEO培訓(xùn)頻道">上海SEO培訓(xùn)</a>
1、換行符
如果希望注釋多行顯示，可以使用“ ”作為換行符
2、關(guān)鍵詞字?jǐn)?shù)
建議不超過36個字符（18個中文漢字）
3、排列原則
獨特性的關(guān)鍵詞放前面，重復(fù)性的關(guān)鍵詞盡量靠后
4、其他
盡量不要使用“的”、“上”、“好”、“等等”等，搜索引擎數(shù)據(jù)庫默認(rèn)不收錄的字
十四、圖片標(biāo)簽（<img>）
<img src="http://www.xxxxseo.com/images/logo.gif" alt="xxxxxLOGO">
十五、Flash標(biāo)簽(<object></object>)
在標(biāo)簽前添加<!--Flash廣告開始：2009年4月7日至10日勵華國際彩盒展將在上海新國際展覽中心舉行-->
在標(biāo)簽后添加<!--Flash廣告結(jié)束-->
1、標(biāo)簽內(nèi)不要出現(xiàn)“ ”（空格）、“--”、“！”等，破壞<!-- -->標(biāo)簽的字符
2、字?jǐn)?shù)以表示出Flash大體內(nèi)容為宜，不宜添加Flash未表達(dá)的文字，會被判為作弊。
十六、框架標(biāo)簽（<frameset></frameset>）
<frameset rows="80,*">
<noframes><body>正文內(nèi)容</body></noframes>
<frame name="top" src="http://www.xxxxseo.com/top.htm">
<frame name="bottom" src="http://www.xxxxseo.com/bottom.htm">
</frameset>
十七、CSS代碼
1、如：
h1 {
font-size: 16px;
color: #0000FF;
text-align: left;
}
p {
font-size: 18px;
color: #0000FF;
text-align: left;
}
改寫為
h1，p{
font-size: 18px;
color: #0000FF;
text-align: left;
}
2、再如：“margin:0px 0px 0px 0px;”
改為“margin: 0px;”
一、文檔類型（DOCTYPE）
XHTML1.0有三種DOCTYPE：
1、過渡型（Transitional）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2、嚴(yán)格型（Strict）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd>
3、框架型(Frameset)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd>
二、名字空間（xmlns）
<html xmlns=http://www.w3.org/1999/xhtml>
三、聲明語言編碼 (charset)
1、中文簡體：
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
2、中文繁體
<meta http-equiv="Content-Type" content="text/html; charset=big5"/>
3、英文
<meta http-equiv="Content-Type" content="text/html; charset=en"/>
4、中英文（國際）
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
5、西歐
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
6、阿拉伯文
<meta http-equiv="Content-Type" content="text/html; charset=ASMO-708">
7、中歐
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
四、標(biāo)題標(biāo)簽(title)
<title>網(wǎng)絡(luò)營銷案例_網(wǎng)絡(luò)推廣技巧</title>
1、第一個關(guān)鍵詞
必須是該頁面的主要內(nèi)容，比如“網(wǎng)站優(yōu)化頁面”，就應(yīng)該寫“網(wǎng)站優(yōu)化”
2、名詞短語
必須是介紹前面的一句帶有關(guān)鍵字的名詞短語，上例中存在“網(wǎng)絡(luò)營銷”、“網(wǎng)絡(luò)推廣”、“網(wǎng)絡(luò)推廣方法”、“網(wǎng)絡(luò)營銷策劃”等等眾多關(guān)鍵詞，注意盡量不要使用“的”、“了”、“啊”、“上”等不能夠組成關(guān)鍵詞的字，原因：浪費資源
3、其他關(guān)鍵詞
網(wǎng)頁文本沒有的關(guān)鍵詞不要放在上面
4、符號
符號“_”不要寫成“—”(中文狀態(tài))，可以寫成“-”（英文狀態(tài)）；符合“|”可以用“,”（英文狀態(tài)）代替，不要使用“，”（中文狀態(tài)）。
5、字?jǐn)?shù)
關(guān)鍵詞四——六個字即可，短語+第一個關(guān)鍵詞不宜超過39個字符（19個字以內(nèi)為宜），總的數(shù)量不宜超過80個字符（40個中文漢字），超過39個字符的部分將不被搜索引擎顯示，超過80個字符的部門將不被搜索引擎收錄，超過部分過多對網(wǎng)站排名有影響。
6、其他
結(jié)束的時候不要使用“ />”，應(yīng)該直接寫“>”
<meta name="keywords" content="網(wǎng)絡(luò)推廣技巧">
1、字?jǐn)?shù)
總的數(shù)量不宜超過100個字符（50個中文漢字）
2、關(guān)鍵詞
關(guān)鍵詞不要疊加，“包裝機械，包裝設(shè)計，食品包裝，包裝公司，包裝用戶，包裝信息，包裝訂單，包裝企業(yè)，包裝新聞，包裝資訊”應(yīng)改為“包裝,設(shè)計,食品,公司,企業(yè),用戶,信息，機械,訂單,新聞,資訊”，有時為了增加相關(guān)性，可以添加幾個“包裝機械，包裝設(shè)計”之類的關(guān)鍵詞，以增加相關(guān)性。
3、符號
符號需使用“,”（英文狀態(tài)），而不是“，”（中文狀態(tài)）
4、其他
結(jié)束的時候不要使用“ />”，應(yīng)該直接寫“>”
<meta name="description" content="網(wǎng)絡(luò)營銷案例網(wǎng)，系jrchen（彭宇誠）創(chuàng)辦，旨在為從事網(wǎng)絡(luò)推廣，seo優(yōu)化，網(wǎng)站策劃，網(wǎng)絡(luò)營銷策劃的朋友提供免費的網(wǎng)絡(luò)營銷案例，網(wǎng)站推廣方案，網(wǎng)絡(luò)推廣技巧”>
注意：
1、字?jǐn)?shù)
不要超過200個字符（100個中文漢字），超過152個字符（76個中文漢字）的部分將不被搜索引擎顯示。
2、符號
符號需要使用“(”、“)”(英文狀態(tài))，而不是“（”、“）”。原因：浪費字符數(shù)。
<meta name="copyright" content="xxxxx(xxxxseo.com)版權(quán)所有">
1、關(guān)鍵詞
盡量包含關(guān)鍵詞，且能夠表示唯一屬性。
2、字?jǐn)?shù)
28個字符（14個中文漢字）以內(nèi)即可，比如“xxxxx網(wǎng)絡(luò)科技有限公司”即可。
3、符號
不建議使用中文狀態(tài)下的符合，因為中文狀態(tài)的字符一般占有兩個字符，浪費了一個字符。
<meta name="author" content="網(wǎng)絡(luò)營銷案例">
建議不要超過12個字符（6個中文漢字），4-8個字符（2-4個漢字）最佳。
五、層疊樣式表（CSS）調(diào)用
<link href="http://www.xxxxseo.com/img/main.css " type="text/css" rel="stylesheet">
盡量只用一個.css文件，地址采用絕對地址。
六、腳本語言（JS）調(diào)用
<script src="http://www.xxxxseo.com/JS/VIP.js" type="text/javascript"></script>
同層疊樣式表（css）調(diào)用
七、其他代碼盡量不用
尤其注意到有：
1、把css代碼直接寫在頭部
2、把JS代碼直接寫在頭部
3、<meta http-equiv="Refresh" content="5;url=http://www.xxxxseo.com">
尤其注意：不要使用刷新的方式進入首頁。
八、去<table>化
美工盡量使用DIV+CSS的模式，而不是傳統(tǒng)的table，因為table標(biāo)簽眾多，搜索引擎能讀懂的標(biāo)簽比較少。
九、標(biāo)簽大小寫要符合規(guī)范
尤其注意不要將下列標(biāo)簽寫成大寫
復(fù)制代碼
代碼如下:<title></title>
<meta>
<body>
<a>
<img>
<h1></h1> <h2></h2>
<strong></strong>
<head></head>
十、雙標(biāo)簽的不要忘記閉合標(biāo)簽
十一、標(biāo)簽嵌套要合理
<div><h1>第一包裝</h1></div>
十二、特殊字符用編碼標(biāo)識
如：“?” 版權(quán)符號用“ ?”；“? ”注冊商標(biāo)用“?”表示。
十三、鏈接標(biāo)簽（<a>）
<a href="http://www.xxxxseo.com/baozhuang/index.html" target="_blank" title="xxxxx上海SEO培訓(xùn)頻道">上海SEO培訓(xùn)</a>
1、換行符
如果希望注釋多行顯示，可以使用“ ”作為換行符
2、關(guān)鍵詞字?jǐn)?shù)
建議不超過36個字符（18個中文漢字）
3、排列原則
獨特性的關(guān)鍵詞放前面，重復(fù)性的關(guān)鍵詞盡量靠后
4、其他
盡量不要使用“的”、“上”、“好”、“等等”等，搜索引擎數(shù)據(jù)庫默認(rèn)不收錄的字
十四、圖片標(biāo)簽（<img>）
<img src="http://www.xxxxseo.com/images/logo.gif" alt="xxxxxLOGO">
十五、Flash標(biāo)簽(<object></object>)
在標(biāo)簽前添加<!--Flash廣告開始：2009年4月7日至10日勵華國際彩盒展將在上海新國際展覽中心舉行-->
在標(biāo)簽后添加<!--Flash廣告結(jié)束-->
1、標(biāo)簽內(nèi)不要出現(xiàn)“ ”（空格）、“--”、“！”等，破壞<!-- -->標(biāo)簽的字符
2、字?jǐn)?shù)以表示出Flash大體內(nèi)容為宜，不宜添加Flash未表達(dá)的文字，會被判為作弊。
十六、框架標(biāo)簽（<frameset></frameset>）
復(fù)制代碼
代碼如下:<frameset rows="80,*">
<noframes><body>正文內(nèi)容</body></noframes>
<frame name="top" src="http://www.xxxxseo.com/top.htm">
<frame name="bottom" src="http://www.xxxxseo.com/bottom.htm">
</frameset>
十七、CSS代碼
1、如：
復(fù)制代碼
代碼如下:h1 {
font-size: 16px;
color: #0000FF;
text-align: left;
}
p {
font-size: 18px;
color: #0000FF;
text-align: left;
}
改寫為
復(fù)制代碼
代碼如下:h1，p{
font-size: 18px;
color: #0000FF;
text-align: left;
}
2、再如：“margin:0px 0px 0px 0px;”
改為“margin: 0px;”
相關(guān)文章
這幾天爆火的chatgpt是啥? 與SEO有沒有關(guān)系? 速看
近日，OpenAI 帶來了一種全新的 AI 聊天機器人——ChatGPT，它不僅能對話、寫作還能編程、Debug,厲害得嚇人，那么chatgpt與SEO有沒有關(guān)系？詳細(xì)請看下文介紹2022-12-10
這篇文章主要介紹了收錄與索引是什么意思?收錄和索引的區(qū)別是什么?的相關(guān)資料,需要的朋友可以參考下本文詳細(xì)內(nèi)容介紹2022-11-07
大網(wǎng)站與小網(wǎng)站做排名流量的區(qū)別是什么
這篇文章主要介紹了大網(wǎng)站與小網(wǎng)站做排名流量的區(qū)別是什么的相關(guān)資料,需要的朋友可以參考下本文詳細(xì)內(nèi)容介紹2022-11-07
不同的搜索引擎提供了服務(wù)后臺常見功能來優(yōu)化網(wǎng)站搜索,下面文章就為大家詳細(xì)介紹，一起看看吧2021-10-14
新站如何優(yōu)化 網(wǎng)站收錄/關(guān)鍵詞排名等問題解答
筆者最近收到很多關(guān)于新站優(yōu)化的咨詢，問題無外乎是網(wǎng)站首頁怎么還沒收錄、網(wǎng)站內(nèi)容什么時候收錄、關(guān)鍵詞排名什么時候才能上來等等。這些問題看似很重要，但筆者認(rèn)為對上線2021-03-19
如何快速收錄網(wǎng)站內(nèi)容 想要快速收錄網(wǎng)站內(nèi)容的注意事項
對于網(wǎng)站SEO優(yōu)化而言，頁面收錄是很重要的環(huán)節(jié)，因為如果網(wǎng)站沒有收錄，或者網(wǎng)站收錄少的話，那么就談不上關(guān)鍵詞排名了。那么如何快速收錄網(wǎng)站，如何快速收錄一篇文章呢?本2021-03-19
2020年如何利用SEO增加流量？下文小編就為大家?guī)碓敿?xì)教程，感興趣的朋友可以一起看看2020-03-06
當(dāng)我們優(yōu)化我們的網(wǎng)站時，有時發(fā)現(xiàn)我們優(yōu)化好的關(guān)鍵詞的排名突然變得不穩(wěn)定。這要怎么辦呢？下文小編就為大家整理了幾天避免下降方法，一起看看吧2020-03-02
企業(yè)網(wǎng)站被降權(quán)的具體原因有那些 企業(yè)網(wǎng)站被降權(quán)的原因分析
企業(yè)網(wǎng)站被降權(quán)的具體原因有那些？下文中為大家?guī)砹似髽I(yè)網(wǎng)站被降權(quán)的四大因素分析。感興趣的朋友不妨閱讀下文內(nèi)容，參考一下吧2019-11-13
老網(wǎng)站突然不收錄了為什么 多年的老網(wǎng)站突然不收錄的原因及解決方法
老網(wǎng)站突然不收錄了為什么？下文中為大家?guī)砹硕嗄甑睦暇W(wǎng)站突然不收錄的14個原因及解決方法。感興趣的朋友不妨閱讀下文內(nèi)容，參考一下吧2019-11-13
