為了能將網(wǎng)站的流量和關(guān)鍵字的排名提升上去,我們必須得做一些優(yōu)化,第一步鑒于列表頁的重要性,所以就從列表頁做了。下面就是我做代碼優(yōu)
化的重要依據(jù):
一、文檔類型(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)站建設(shè),北京網(wǎng)站制作,北京便宜做網(wǎng)站公司,北京博昊天
成網(wǎng)站建設(shè)公司</title>
1、第一個關(guān)鍵詞
必須是該頁面的主要內(nèi)容,比如“北京博昊天成網(wǎng)站建設(shè)”,就應(yīng)該寫“網(wǎng)站建
設(shè)”
2、名詞短語
必須是介紹前面的一句帶有關(guān)鍵字的名詞短語,上例中存在“網(wǎng)站制作”、“做
網(wǎng)站”、“便宜做網(wǎng)站”、等等眾多關(guān)鍵詞,注意盡量不要使用“的”、“了”
、“啊”、“上”等不能夠組成關(guān)鍵詞的字,原因:浪費(fèi)資源。
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)站建設(shè),北京網(wǎng)站建設(shè),北京網(wǎng)站制作,北京
做網(wǎng)站,北京便宜做網(wǎng)站,北京便宜網(wǎng)站建設(shè)">
1、字?jǐn)?shù)
總的數(shù)量不宜超過100個字符(50個中文漢字)
2、關(guān)鍵詞
關(guān)鍵詞不要疊加,“網(wǎng)站制作,做網(wǎng)站,做網(wǎng)站公司,企業(yè)網(wǎng)站建設(shè),企業(yè)建站
,建站公司,北京建站公司”,有時為了增加相關(guān)性,可以添加幾個“北京做網(wǎng)
站公司”之類的關(guān)鍵詞,以增加相關(guān)性。
3、符號
符號需使用“,”(英文狀態(tài)),而不是“,”(中文狀態(tài))
4、其他
結(jié)束的時候不要使用“ />”,應(yīng)該直接寫“>”
<meta name="description" content="北京網(wǎng)站建設(shè)行業(yè)的領(lǐng)跑者-北京博昊天
成網(wǎng)站建設(shè)公司是一家專業(yè)北京做網(wǎng)站公司,項(xiàng)目包括:北京網(wǎng)站建設(shè)、改版、優(yōu)
化、形象策劃及網(wǎng)站制作等服務(wù),北京網(wǎng)站建設(shè)電話:400-006-1314”>
注意:
1、字?jǐn)?shù)
不要超過200個字符(100個中文漢字),超過152個字符(76個中文漢字)的部
分將不被搜索引擎顯示。
2、符號
符號需要使用“(”、“)”(英文狀態(tài)),而不是“(”、“)”。原因:浪費(fèi)字
符數(shù)。
<meta name="copyright" content="博昊天成網(wǎng)站建設(shè) 版權(quán)所有">
1、關(guān)鍵詞
盡量包含關(guān)鍵詞,且能夠表示唯一屬性。
2、字?jǐn)?shù)
28個字符(14個中文漢字)以內(nèi)即可,比如“走秀網(wǎng)”即可。
3、符號
不建議使用中文狀態(tài)下的符合,因?yàn)橹形臓顟B(tài)的字符一般占有兩個字符,浪費(fèi)了
一個字符。
<meta name="author" content="網(wǎng)站建設(shè)">
建議不要超過12個字符(6個中文漢字),4-8個字符(2-4個漢字)最佳。
五、層疊樣式表(CSS)調(diào)用
<link href="http://www.***.com/main.css " type="text/css"
rel="stylesheet">
盡量只用一個.css文件,地址采用絕對地址。
六、腳本語言(JS)調(diào)用
<script src="http://www.***.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.***.com">
尤其注意:不要使用刷新的方式進(jìn)入首頁。
八、去<table>化
美工盡量使用DIV+CSS的模式,而不是傳統(tǒng)的table,因?yàn)閠able標(biāo)簽眾多,搜索
引擎能讀懂的標(biāo)簽比較少。
九、標(biāo)簽大小寫要符合規(guī)范
尤其注意不要將下列標(biāo)簽寫成大寫
1、<title></title>
2、<meta>
3、<body>
4、<a>
5、<img>
6、<h1></h1> <h2></h2>
7、<strong></strong>
8、<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.***.com/index.html" target="_blank" title="網(wǎng)站
建設(shè)注意的問題">網(wǎng)站建設(shè)注意的問題</a>
1、換行符
如果希望注釋多行顯示,可以使用“ ”作為換行符
2、關(guān)鍵詞字?jǐn)?shù)
建議不超過36個字符(18個中文漢字)
3、排列原則
獨(dú)特性的關(guān)鍵詞放前面,重復(fù)性的關(guān)鍵詞盡量靠后
4、其他
盡量不要使用“的”、“上”、“好”、“等等”等,搜索引擎數(shù)據(jù)庫默認(rèn)不收
錄的字
十四、圖片標(biāo)簽(<img>)
<img src=http://www.brainspark-creativity.com/uploadfile/2014/0512/20140512040520454.gif" alt="走秀網(wǎng)LOGO">
十五、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.***.com/top.htm">
<frame name="bottom" src="http://www.***.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;”
期待做了代碼優(yōu)化之后網(wǎng)站的整體流量能夠大幅度的提升,讓我的勞動能有所成
果,再苦再累都值了。
轉(zhuǎn)發(fā)請注明:丁丁貓