主頁(yè) > 知識(shí)庫(kù) > HTML代碼優(yōu)化注意要點(diǎn)同網(wǎng)站結(jié)構(gòu)、布局、內(nèi)容一樣重要

HTML代碼優(yōu)化注意要點(diǎn)同網(wǎng)站結(jié)構(gòu)、布局、內(nèi)容一樣重要

熱門(mén)標(biāo)簽:Linux服務(wù)器 電銷(xiāo)機(jī)器人 蘋(píng)果 科大訊飛語(yǔ)音識(shí)別系統(tǒng) 阿里云 鐵路電話系統(tǒng) 解決方案 Win7旗艦版
SEO優(yōu)化案例中html的優(yōu)化是SEO優(yōu)化中很重要的一個(gè)環(huán)節(jié),同網(wǎng)站結(jié)構(gòu)、布局、內(nèi)容一樣是一個(gè)網(wǎng)站的根基。每一個(gè)在搜索引擎表現(xiàn)不錯(cuò)的網(wǎng)站,html代碼優(yōu)化都是做得很符合搜索引擎的抓取習(xí)慣。今天談?wù)勛龊胔tml代碼優(yōu)化應(yīng)該注意的幾個(gè)要點(diǎn)。

一、文檔類(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è)字以內(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ì),食品包裝,包裝公司,包裝用戶,包裝信息,包裝訂單,包裝企業(yè),包裝新聞,包裝資訊”應(yīng)改為“包裝,設(shè)計(jì),食品,公司,企業(yè),用戶,信息,機(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è)中文漢字)以內(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ě)

復(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)識(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)簽前添加!--Flash廣告開(kāi)始:2009年4月7日至10日勵(lì)華國(guó)際彩盒展將在上海新國(guó)際展覽中心舉行-->
在標(biāo)簽后添加!--Flash廣告結(jié)束-->
1、標(biāo)簽內(nèi)不要出現(xiàn)“ ”(空格)、“--”、“!”等,破壞!-- -->標(biāo)簽的字符
2、字?jǐn)?shù)以表示出Flash大體內(nèi)容為宜,不宜添加Flash未表達(dá)的文字,會(huì)被判為作弊。

十六、框架標(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;
}

改寫(xiě)為

復(fù)制代碼
代碼如下:

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

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

標(biāo)簽:畢節(jié) 邵陽(yáng) 湘西 安陽(yáng) 三門(mén)峽 呼倫貝爾 辛集 湖州

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《HTML代碼優(yōu)化注意要點(diǎn)同網(wǎng)站結(jié)構(gòu)、布局、內(nèi)容一樣重要》,本文關(guān)鍵詞  ;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話咨詢

    • 400-1100-266