這篇文章主要介紹HTML代碼優(yōu)化需要注意什么,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
成都創(chuàng)新互聯堅持“要么做到,要么別承諾”的工作理念,服務領域包括:網站設計制作、網站設計、企業(yè)官網、英文網站、手機端網站、網站推廣等服務,滿足客戶于互聯網時代的東光網站設計、移動媒體設計的需求,幫助企業(yè)找到有效的互聯網解決方案。努力成為您成熟可靠的網絡建設合作伙伴!
一、文檔類型(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、嚴格型(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">
四、標題標簽(title)
<title>網絡營銷案例_網絡推廣技巧</title>
1、第一個關鍵詞
必須是該頁面的主要內容,比如“網站優(yōu)化頁面”,就應該寫“網站優(yōu)化”
2、名詞短語
必須是介紹前面的一句帶有關鍵字的名詞短語,上例中存在“網絡營銷”、“網絡推廣”、“網絡推廣方法”、“網絡營銷策劃”等等眾多關鍵詞,注意盡量不要使用“的”、“了”、“啊”、“上”等不能夠組成關鍵詞的字,原因:浪費資源
3、其他關鍵詞
網頁文本沒有的關鍵詞不要放在上面
4、符號
符號“_”不要寫成“—”(中文狀態(tài)),可以寫成“-”(英文狀態(tài));符合“|”可以用“,”(英文狀態(tài))代替,不要使用“,”(中文狀態(tài))。
5、字數
關鍵詞四——六個字即可,短語+第一個關鍵詞不宜超過39個字符(19個字以內為宜),總的數量不宜超過80個字符(40個中文漢字),超過39個字符的部分將不被搜索引擎顯示,超過80個字符的部門將不被搜索引擎收錄,超過部分過多對網站排名有影響。
6、其他
結束的時候不要使用“ />”,應該直接寫“>”
<meta name="keywords" content="網絡推廣技巧">
1、字數
總的數量不宜超過100個字符(50個中文漢字)
2、關鍵詞
關鍵詞不要疊加,“包裝機械,包裝設計,食品包裝,包裝公司,包裝用戶,包裝信息,包裝訂單,包裝企業(yè),包裝新聞,包裝資訊”應改為“包裝,設計,食品,公司,企業(yè),用戶,信息,機械,訂單,新聞,資訊”,有時為了增加相關性,可以添加幾個“包裝機械,包裝設計”之類的關鍵詞,以增加相關性。
3、符號
符號需使用“,”(英文狀態(tài)),而不是“,”(中文狀態(tài))
4、其他
結束的時候不要使用“ />”,應該直接寫“>”
<meta name="description" content="網絡營銷案例網,系jrchen(彭宇誠)創(chuàng)辦,旨在為從事網絡推廣,seo優(yōu)化,網站策劃,網絡營銷策劃的朋友提供免費的網絡營銷案例,網站推廣方案,網絡推廣技巧”>
注意:
1、字數
不要超過200個字符(100個中文漢字),超過152個字符(76個中文漢字)的部分將不被搜索引擎顯示。
2、符號
符號需要使用“(”、“)”(英文狀態(tài)),而不是“(”、“)”。原因:浪費字符數。
<meta name="copyright" content="xxxxx(xxxxseo.com)版權所有">
1、關鍵詞
盡量包含關鍵詞,且能夠表示唯一屬性。
2、字數
28個字符(14個中文漢字)以內即可,比如“xxxxx網絡科技有限公司”即可。
3、符號
不建議使用中文狀態(tài)下的符合,因為中文狀態(tài)的字符一般占有兩個字符,浪費了一個字符。
<meta name="author" content="網絡營銷案例">
建議不要超過12個字符(6個中文漢字),4-8個字符(2-4個漢字)最佳。
五、層疊樣式表(CSS)調用
<link href="http://www.xxxxseo.com/img/main.css " type="text/css" rel="stylesheet">
盡量只用一個.css文件,地址采用絕對地址。
六、腳本語言(JS)調用
<script src="http://www.xxxxseo.com/JS/VIP.js" type="text/javascript"></script>
同層疊樣式表(css)調用
七、其他代碼盡量不用
尤其注意到有:
1、把css代碼直接寫在頭部
2、把JS代碼直接寫在頭部
3、<meta http-equiv="Refresh" content="5;url=http://www.xxxxseo.com">
尤其注意:不要使用刷新的方式進入首頁。
八、去<table>化
美工盡量使用DIV+CSS的模式,而不是傳統(tǒng)的table,因為table標簽眾多,搜索引擎能讀懂的標簽比較少。
九、標簽大小寫要符合規(guī)范
尤其注意不要將下列標簽寫成大寫
代碼如下:
<title></title>
<meta>
<body>
<a>
<img>
<h2></h2> <h3></h3>
<strong></strong>
<head></head>
十、雙標簽的不要忘記閉合標簽
十一、標簽嵌套要合理
<div><h2>第一包裝</h2></div>
十二、特殊字符用編碼標識
如:“?” 版權符號用“ ?”;“? ”注冊商標用“?”表示。
十三、鏈接標簽(<a>)
<a href="http://www.xxxxseo.com/baozhuang/index.html" target="_blank" title="xxxxx上海SEO培訓頻道">上海SEO培訓</a>
1、換行符
如果希望注釋多行顯示,可以使用“ ”作為換行符
2、關鍵詞字數
建議不超過36個字符(18個中文漢字)
3、排列原則
獨特性的關鍵詞放前面,重復性的關鍵詞盡量靠后
4、其他
盡量不要使用“的”、“上”、“好”、“等等”等,搜索引擎數據庫默認不收錄的字
十四、圖片標簽(<img>)
<img src="http://www.xxxxseo.com/images/logo.gif" alt="xxxxxLOGO">
十五、Flash標簽(<object></object>)
在標簽前添加<!--Flash廣告開始:2009年4月7日至10日勵華國際彩盒展將在上海新國際展覽中心舉行-->
在標簽后添加<!--Flash廣告結束-->
1、標簽內不要出現“ ”(空格)、“--”、“!”等,破壞<!-- -->標簽的字符
2、字數以表示出Flash大體內容為宜,不宜添加Flash未表達的文字,會被判為作弊。
十六、框架標簽(<frameset></frameset>)
代碼如下:
<frameset rows="80,*">
<noframes><body>正文內容</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、如:
代碼如下:
h2 {
font-size: 16px;
color: #0000FF;
text-align: left;
}
p {
font-size: 18px;
color: #0000FF;
text-align: left;
}
改寫為
代碼如下:
h2,p{
font-size: 18px;
color: #0000FF;
text-align: left;
}
2、再如:“margin:0px 0px 0px 0px;”
改為“margin: 0px;”
以上是“HTML代碼優(yōu)化需要注意什么”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注創(chuàng)新互聯行業(yè)資訊頻道!
名稱欄目:HTML代碼優(yōu)化需要注意什么
網頁地址:http://jinyejixie.com/article12/pgsdgc.html
成都網站建設公司_創(chuàng)新互聯,為您提供網站設計公司、軟件開發(fā)、企業(yè)建站、品牌網站設計、定制開發(fā)、企業(yè)網站制作
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯