代碼是網站的技術,代碼的優化也是uHostNet SEO最基礎的優化,
我們總結了一些代碼優化注意的事情!
uHostNet SEO之HTML代碼優化
一、 文檔類型(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=big5"/>
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>東棟新升_上海uHostNet SEO行業專業uHostNet SEO公司 上海uHostNet SEO|搜索引擎優化|uHostNet SEO公司</title>
1、第一個關鍵詞
必須是該頁面的主要內容,比如“網站優化頁面”,就應該寫“網站優化”
2、名詞短語
必須是介紹前面的一句帶有關鍵字的名詞短語,上例中存在“uHostNet SEO”、“上海uHostNet SEO”、“uHostNet SEO公司”、“上海uHostNet SEO公司”、“上海uHostNet SEO行業”、“uHostNet SEO專業”、“專業uHostNet SEO”、“專業uHostNet SEO公司”、“上海公司”、“上海專業uHostNet SEO公司”等等眾多關鍵詞,注意盡量不要使用“的”、“了”、“啊”、“上”等不能夠組成關鍵詞的字,原因︰浪費資源
3、其他關鍵詞
網頁文本沒有的關鍵詞不要放在上面
4、符號
符號“_”不要寫成“—”(中文狀態),可以寫成“-”(英文狀態);符合“|”可以用“,”(英文狀態)代替,不要使用“,”(中文狀態)。
5、字數
關鍵詞四——六個字即可,短語+第一個關鍵詞不宜超過39個字符(19個字以內為宜),總的數量不宜超過80個字符(40個中文漢字),超過39個字符的部分將不被搜索引擎顯示,超過80個字符的部門將不被搜索引擎收錄,超過部分過多對網站排名有影響。
6、其他
結束的時候不要使用“ />”,應該直接寫“>”
<meta name="keywords" content="搜索引擎優化,uHostNet SEO">
1、字數
總的數量不宜超過100個字符(50個中文漢字)
2、關鍵詞
關鍵詞不要疊加,“包裝機械,包裝設計,食品包裝,包裝公司,包裝用戶,包裝信息,包裝訂單,包裝企業,包裝新聞,包裝資訊”應改為“包裝,設計,食品,公司,企業,用戶,信息,機械,訂單,新聞,資訊”,有時為了增加相關性,可以添加幾個“包裝機械,包裝設計”之類的關鍵詞,以增加相關性。
3、符號
符號需使用“,”(英文狀態),而不是“,”(中文狀態)
4、其他
結束的時候不要使用“ />”,應該直接寫“>”
<meta name="description" content="東棟新升是上海地區專業的uHostNet SEO公司,主要從事搜索引擎優化(uHostNet SEO),網站優化,用戶體驗優化(UEO),營銷型網站建設以及相關的uHostNet SEO咨詢和培訓等業務”>
1、字數
不要超過200個字符(100個中文漢字),超過152個字符(76個中文漢字)的部分將不被搜索引擎顯示。
2、符號
符號需要使用“(”、“)”(英文狀態),而不是“(”、“)”。原因︰浪費字符數。
<meta name="copyright" content="東棟新升(021-uHostNet SEO.com)版權所有">
1、關鍵詞
盡量包含關鍵詞,且能夠表示唯一屬性。
2、字數
28個字符(14個中文漢字)以內即可,比如“上海東棟新升網絡科技有限公司”即可。
3、符號
不建議使用中文狀態下的符合,因為中文狀態的字符一般佔有兩個字符,浪費了一個字符。
<meta name="author" content="東棟新升">
建議不要超過12個字符(6個中文漢字),4-8個字符(2-4個漢字)最佳。
五、 層疊樣式表(CSS)調用
<link href="http://www.021-uHostNet SEO.com/img/main.css " type="text/css" rel="stylesheet">
盡量只用一個.css文件,地址采用絕對地址。
六、 腳本語言(JS)調用
<script src="http://www.021-uHostNet SEO.com/JS/VIP.js" type="text/javascript"></script>
同層疊樣式表(css)調用
七、 其他代碼盡量不用
尤其注意到有︰
1、把css代碼直接寫在頭部
2、把JS代碼直接寫在頭部
3、<meta http-equiv="Refresh" content="5;url=http://www.021-uHostNet SEO.com">
尤其注意︰不要使用刷新的方式進入首頁。
八、 去<table>化
美工盡量使用DIV+CSS的模式,而不是傳統的table,因為table標簽眾多,搜索引擎能讀懂的標簽比較少。
九、 標簽大小寫要符合規範
尤其注意不要將下列標簽寫成大寫
1、<title></title>
2、<meta>
3、<body>
4、<a>
5、<img>
6、<h1></h1> <h2></h2>
7、<strong></strong>
8、<head></head>
十、 雙標簽的不要忘記閉合標簽
十一、標簽嵌套要合理
<div><h1>第一包裝</h1></div>
十二、特殊字符用編碼標識
如︰“©” 版權符號用“ ©”;“® ”注冊商標用“®”表示。
十三、鏈接標簽(<a>)
<a href="http://www.021-uHostNet SEO.com/baozhuang/index.html" target="_blank" title="東棟新升 上海uHostNet SEO培訓頻道">上海uHostNet SEO培訓</a>
1、換行符
如果希望注釋多行顯示,可以使用“ ”作為換行符
2、關鍵詞字數
建議不超過36個字符(18個中文漢字)
3、排列原則
獨特性的關鍵詞放前面,重復性的關鍵詞盡量靠後
4、其他
盡量不要使用“的”、“上”、“好”、“等等”等,搜索引擎數據庫默認不收錄的字
十四、圖片標簽(<img>)
<img src="http://www.021-uHostNet SEO.com/images/logo.gif" alt="東棟新升LOGO">
十五、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.021-uHostNet SEO.com/top.htm">
<frame name="bottom" src="http://www.021-uHostNet SEO.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、 嚴格型(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=big5"/>
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>東棟新升_上海uHostNet SEO行業專業uHostNet SEO公司 上海uHostNet SEO|搜索引擎優化|uHostNet SEO公司</title>
1、第一個關鍵詞
必須是該頁面的主要內容,比如“網站優化頁面”,就應該寫“網站優化”
2、名詞短語
必須是介紹前面的一句帶有關鍵字的名詞短語,上例中存在“uHostNet SEO”、“上海uHostNet SEO”、“uHostNet SEO公司”、“上海uHostNet SEO公司”、“上海uHostNet SEO行業”、“uHostNet SEO專業”、“專業uHostNet SEO”、“專業uHostNet SEO公司”、“上海公司”、“上海專業uHostNet SEO公司”等等眾多關鍵詞,注意盡量不要使用“的”、“了”、“啊”、“上”等不能夠組成關鍵詞的字,原因︰浪費資源
3、其他關鍵詞
網頁文本沒有的關鍵詞不要放在上面
4、符號
符號“_”不要寫成“—”(中文狀態),可以寫成“-”(英文狀態);符合“|”可以用“,”(英文狀態)代替,不要使用“,”(中文狀態)。
5、字數
關鍵詞四——六個字即可,短語+第一個關鍵詞不宜超過39個字符(19個字以內為宜),總的數量不宜超過80個字符(40個中文漢字),超過39個字符的部分將不被搜索引擎顯示,超過80個字符的部門將不被搜索引擎收錄,超過部分過多對網站排名有影響。
6、其他
結束的時候不要使用“ />”,應該直接寫“>”
<meta name="keywords" content="搜索引擎優化,uHostNet SEO">
1、字數
總的數量不宜超過100個字符(50個中文漢字)
2、關鍵詞
關鍵詞不要疊加,“包裝機械,包裝設計,食品包裝,包裝公司,包裝用戶,包裝信息,包裝訂單,包裝企業,包裝新聞,包裝資訊”應改為“包裝,設計,食品,公司,企業,用戶,信息,機械,訂單,新聞,資訊”,有時為了增加相關性,可以添加幾個“包裝機械,包裝設計”之類的關鍵詞,以增加相關性。
3、符號
符號需使用“,”(英文狀態),而不是“,”(中文狀態)
4、其他
結束的時候不要使用“ />”,應該直接寫“>”
<meta name="description" content="東棟新升是上海地區專業的uHostNet SEO公司,主要從事搜索引擎優化(uHostNet SEO),網站優化,用戶體驗優化(UEO),營銷型網站建設以及相關的uHostNet SEO咨詢和培訓等業務”>
1、字數
不要超過200個字符(100個中文漢字),超過152個字符(76個中文漢字)的部分將不被搜索引擎顯示。
2、符號
符號需要使用“(”、“)”(英文狀態),而不是“(”、“)”。原因︰浪費字符數。
<meta name="copyright" content="東棟新升(021-uHostNet SEO.com)版權所有">
1、關鍵詞
盡量包含關鍵詞,且能夠表示唯一屬性。
2、字數
28個字符(14個中文漢字)以內即可,比如“上海東棟新升網絡科技有限公司”即可。
3、符號
不建議使用中文狀態下的符合,因為中文狀態的字符一般佔有兩個字符,浪費了一個字符。
<meta name="author" content="東棟新升">
建議不要超過12個字符(6個中文漢字),4-8個字符(2-4個漢字)最佳。
五、 層疊樣式表(CSS)調用
<link href="http://www.021-uHostNet SEO.com/img/main.css " type="text/css" rel="stylesheet">
盡量只用一個.css文件,地址采用絕對地址。
六、 腳本語言(JS)調用
<script src="http://www.021-uHostNet SEO.com/JS/VIP.js" type="text/javascript"></script>
同層疊樣式表(css)調用
七、 其他代碼盡量不用
尤其注意到有︰
1、把css代碼直接寫在頭部
2、把JS代碼直接寫在頭部
3、<meta http-equiv="Refresh" content="5;url=http://www.021-uHostNet SEO.com">
尤其注意︰不要使用刷新的方式進入首頁。
八、 去<table>化
美工盡量使用DIV+CSS的模式,而不是傳統的table,因為table標簽眾多,搜索引擎能讀懂的標簽比較少。
九、 標簽大小寫要符合規範
尤其注意不要將下列標簽寫成大寫
1、<title></title>
2、<meta>
3、<body>
4、<a>
5、<img>
6、<h1></h1> <h2></h2>
7、<strong></strong>
8、<head></head>
十、 雙標簽的不要忘記閉合標簽
十一、標簽嵌套要合理
<div><h1>第一包裝</h1></div>
十二、特殊字符用編碼標識
如︰“©” 版權符號用“ ©”;“® ”注冊商標用“®”表示。
十三、鏈接標簽(<a>)
<a href="http://www.021-uHostNet SEO.com/baozhuang/index.html" target="_blank" title="東棟新升 上海uHostNet SEO培訓頻道">上海uHostNet SEO培訓</a>
1、換行符
如果希望注釋多行顯示,可以使用“ ”作為換行符
2、關鍵詞字數
建議不超過36個字符(18個中文漢字)
3、排列原則
獨特性的關鍵詞放前面,重復性的關鍵詞盡量靠後
4、其他
盡量不要使用“的”、“上”、“好”、“等等”等,搜索引擎數據庫默認不收錄的字
十四、圖片標簽(<img>)
<img src="http://www.021-uHostNet SEO.com/images/logo.gif" alt="東棟新升LOGO">
十五、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.021-uHostNet SEO.com/top.htm">
<frame name="bottom" src="http://www.021-uHostNet SEO.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;”

