當前位置:首頁 >  站長 >  搜索優(yōu)化 >  正文

網站優(yōu)化之規(guī)范的HTML代碼

 2007-05-31 16:48  來源:   我來投稿 撤稿糾錯

  域名預訂/競價,好“米”不錯過

規(guī)范化的Html代碼對一個網站有諸多好處,比如:改版方便、代碼容易維護、代碼量小、網站打開速度快、適合更多人群閱讀等,這里就不一一列舉。單從網站優(yōu)化的角度看,規(guī)范化的Html代碼更有利用搜索引擎排名。但是很多站長卻沒有認識到這一點,影響網站在搜索引擎上的排名。

下面,我們就開始對我們的網站進行初級改善:

給網頁添加 DOCTYPE

什么是DOCTYPE?DOCTYPE是Document Type的簡寫,明白什么是DOCTYPE了吧!DOCTYPE就是文檔類型,用來說明你的HTML或XHTML是什么版本,瀏覽器會根據(jù)您DOCTYPE中定義的DTD(Document Type Definition)來解釋頁面代碼,可想而知,錯誤的DOCTYPE會出現(xiàn)什么結果。

XHTML1.0為我們提供了三種DOCTYPE:

1. 過渡型(Transitional)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ";

2. 嚴格型(Strict)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ";

3. 框架型(set)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 set//EN" ";

過渡型兼容表格、標識等,對于初學者來說,選擇過渡型就可以啦!

設定一個名字空間

在DOCTYPE后面添加如下代碼即可:
<html xmlns=";
Xmlns是XHTML namespace的簡寫,叫做“名字空間”,通常我們的網頁只有<html>,這里為什么會出現(xiàn)xmlns呢?名字空間就是給文檔做一個標識,說明這個文檔規(guī)范是屬于誰的。明白了嗎?不明白就Pass。

聲明語言編碼

簡體中文網站可定義為:
< http-equiv="Content-Type" content="text/html; charset=gb2312"/>
英文網站可定義為:
< http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<Head></Head>之間的其他設置

1. 收藏夾小圖標
制作一個16*16的ico圖標,命名為favicon.ico,放到網站根目錄下,然后把下面的代碼放到<Head></Head>之間即可。
<link rel="icon" href="/favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>

2. 作者與版權信息
< name="author" content="hxstream "/>
< name="copyright" content="www.firefoxba.com,版權所有"/>

3. 站點介紹
< name="deion" content="seo168為廣大企業(yè)提供seo優(yōu)化服務" />

4. 站點關鍵詞
< content="搜索引擎優(yōu)化,seo" name="keywords"/>

關閉所有的標簽

打開的標簽必須關閉,例如<p>www.firefoxba.com</p>,當然還有一種關閉方式,如:<br/>

屬性值用“”括起來

例如:<img height= "80 "……/>

給所有的屬性賦值

不正確的寫法:<input …… checked/>
正確的寫法為:<input …… checked= "checked"/>

所有的XHTML元素及其屬性名稱用小寫

XHTML是大小寫敏感的
錯誤的寫法為:<TITLE>www.firefoxba.com</TITLE>
標準的寫法為:<title>www.firefoxba.com</title>

標簽要合理嵌套

不正確的寫法:<div><h1>www.firefoxba.com</div></h1>
正確的寫法為:<div><h1>www.firefoxba.com</h1></div>

特殊字符用編碼標識

如 " <" 用 "&lt;"表示," >" 用 "&gt;"表示。

為圖片增加alt屬性

alt屬性指定了當圖片不能顯示的時候就顯示供替換文本。
如:<img src="/images/logo.gif" alt="seo168為您服務"/>

用結構化的元素輸出內容

例如:你想輸入三行文本,可以用:
www.firefoxba.com<br/>www.firefoxba.com<br/>www.firefoxba.com
我建議用下面的方式代替上面的方式:
<ul>
<li>www.firefoxba.com</li>
<li>www.firefoxba.com</li>
<li>www.firefoxba.com</li>
</ul>

以上這些規(guī)范可以對您的網站進行初級改善,提高搜索引擎對你的網站的評分??戳诉@個多羅羅嗦嗦的東西,頭腦是不是懵了,喝杯茶,Good Luck!

申請創(chuàng)業(yè)報道,分享創(chuàng)業(yè)好點子。點擊此處,共同探討創(chuàng)業(yè)新機遇!

相關文章

熱門排行

信息推薦