HTML代碼優(yōu)化需要注意什么

這篇文章主要介紹HTML代碼優(yōu)化需要注意什么，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

成都創(chuàng)新互聯(lián)堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：網(wǎng)站設(shè)計(jì)制作、網(wǎng)站設(shè)計(jì)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿(mǎn)足客戶(hù)于互聯(lián)網(wǎng)時(shí)代的東光網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

一、文檔類(lèi)型（DOCTYPE）
XHTML1.0有三種DOCTYPE：
1、過(guò)渡型（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>

三、聲明語(yǔ)言編碼 (charset)
1、中文簡(jiǎn)體：
<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、中英文（國(guó)際）
<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ò)營(yíng)銷(xiāo)案例_網(wǎng)絡(luò)推廣技巧</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ǔ)，上例中存在“網(wǎng)絡(luò)營(yíng)銷(xiāo)”、“網(wǎng)絡(luò)推廣”、“網(wǎng)絡(luò)推廣方法”、“網(wǎng)絡(luò)營(yíng)銷(xiāo)策劃”等等眾多關(guān)鍵詞，注意盡量不要使用“的”、“了”、“啊”、“上”等不能夠組成關(guān)鍵詞的字，原因：浪費(fèi)資源
3、其他關(guān)鍵詞
網(wǎng)頁(yè)文本沒(méi)有的關(guān)鍵詞不要放在上面
4、符號(hào)
符號(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="網(wǎng)絡(luò)推廣技巧">
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="網(wǎng)絡(luò)營(yíng)銷(xiāo)案例網(wǎng)，系jrchen（彭宇誠(chéng)）創(chuàng)辦，旨在為從事網(wǎng)絡(luò)推廣，seo優(yōu)化，網(wǎng)站策劃，網(wǎng)絡(luò)營(yíng)銷(xiāo)策劃的朋友提供免費(fèi)的網(wǎng)絡(luò)營(yíng)銷(xiāo)案例，網(wǎng)站推廣方案，網(wǎng)絡(luò)推廣技巧”>

注意：
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="xxxxx(xxxxseo.com)版權(quán)所有">
1、關(guān)鍵詞
盡量包含關(guān)鍵詞，且能夠表示唯一屬性。
2、字?jǐn)?shù)
28個(gè)字符（14個(gè)中文漢字）以?xún)?nèi)即可，比如“xxxxx網(wǎng)絡(luò)科技有限公司”即可。
3、符號(hào)
不建議使用中文狀態(tài)下的符合，因?yàn)橹形臓顟B(tài)的字符一般占有兩個(gè)字符，浪費(fèi)了一個(gè)字符。
<meta name="author" content="網(wǎng)絡(luò)營(yíng)銷(xiāo)案例">
建議不要超過(guò)12個(gè)字符（6個(gè)中文漢字），4-8個(gè)字符（2-4個(gè)漢字）最佳。

五、層疊樣式表（CSS）調(diào)用
<link href="http://www.xxxxseo.com/img/main.css " type="text/css" rel="stylesheet">
盡量只用一個(gè).css文件，地址采用絕對(duì)地址。

六、腳本語(yǔ)言（JS）調(diào)用
<script src="http://www.xxxxseo.com/JS/VIP.js" type="text/javascript"></script>
同層疊樣式表（css）調(diào)用

七、其他代碼盡量不用
尤其注意到有：
1、把css代碼直接寫(xiě)在頭部
2、把JS代碼直接寫(xiě)在頭部
3、<meta http-equiv="Refresh" content="5;url=http://www.xxxxseo.com">
尤其注意：不要使用刷新的方式進(jìn)入首頁(yè)。

八、去<table>化
美工盡量使用DIV+CSS的模式，而不是傳統(tǒng)的table，因?yàn)閠able標(biāo)簽眾多，搜索引擎能讀懂的標(biāo)簽比較少。

九、標(biāo)簽大小寫(xiě)要符合規(guī)范
尤其注意不要將下列標(biāo)簽寫(xiě)成大寫(xiě)

代碼如下:

十、雙標(biāo)簽的不要忘記閉合標(biāo)簽

十一、標(biāo)簽嵌套要合理
<div><h2>第一包裝</h2></div>

十二、特殊字符用編碼標(biāo)識(shí)
如：“?” 版權(quán)符號(hào)用“ ?”；“? ”注冊(cè)商標(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ù)
建議不超過(guò)36個(gè)字符（18個(gè)中文漢字）
3、排列原則
獨(dú)特性的關(guān)鍵詞放前面，重復(fù)性的關(guān)鍵詞盡量靠后
4、其他
盡量不要使用“的”、“上”、“好”、“等等”等，搜索引擎數(shù)據(jù)庫(kù)默認(rèn)不收錄的字

十四、圖片標(biāo)簽（<img>）
<img src="http://www.xxxxseo.com/images/logo.gif" alt="xxxxxLOGO">

十五、Flash標(biāo)簽(<object></object>)
在標(biāo)簽前添加
在標(biāo)簽后添加
1、標(biāo)簽內(nèi)不要出現(xiàn)“ ”（空格）、“--”、“！”等，破壞標(biāo)簽的字符
2、字?jǐn)?shù)以表示出Flash大體內(nèi)容為宜，不宜添加Flash未表達(dá)的文字，會(huì)被判為作弊。

十六、框架標(biāo)簽（<frameset></frameset>）

代碼如下:

十七、CSS代碼
1、如：

代碼如下:

h2 {
font-size: 16px;
color: #0000FF;
text-align: left;
}
p {
font-size: 18px;
color: #0000FF;
text-align: left;
}

改寫(xiě)為

代碼如下:

h2，p{
font-size: 18px;
color: #0000FF;
text-align: left;
}

2、再如：“margin:0px 0px 0px 0px;”
改為“margin: 0px;”

以上是“HTML代碼優(yōu)化需要注意什么”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

名稱(chēng)欄目：HTML代碼優(yōu)化需要注意什么
網(wǎng)頁(yè)地址：http://www.rwnh.cn/article12/pgsdgc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)公司、軟件開(kāi)發(fā)、企業(yè)建站、品牌網(wǎng)站設(shè)計(jì)、定制開(kāi)發(fā)、企業(yè)網(wǎng)站制作

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

HTML代碼優(yōu)化需要注意什么