• Mon. - Fri. 09:00-18:00
  • 02-26842510

SEO也需要規範Html代碼

發表時間:2014-10-16 10:34:00
已有 3732 人讀過此信息

SEO也需要規範Html代碼,規範化的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">
過渡型相容表格、標識等,對於初學者來說,選擇過渡型就可以啦!

設定一個名字空間
在DOCTYPE後面添加如下代碼即可: 
<html xmlns="http://www.w3.org/1999/xhtml">
Xmlns是XHTML namespace的簡寫,叫做“名字空間”,通常我們的網頁只有<html>,這裏為什麼會出現xmlns呢?名字空間就是給文檔做一個標識,說明這個文檔規範是屬於誰的。明白了嗎?不明白就Pass。

聲明語言編碼
簡體中文網站可定義為: 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
英文網站可定義為: 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<Head></Head>之間的其他設置

收藏夾小圖示
製作一個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"/>

作者與版權資訊
<meta name="author" content="hxstream "/>
<meta name="copyright" content="SEO,版權所有"/>

站點介紹
<meta name="description" content="為廣大企業提供SEO 優化服務" />

站點關鍵字
<meta content="搜索引擎優化,SEO " name="keywords"/>

關閉所有的標籤
打開的標籤必須關閉,例如<p>SEO</p>,當然還有一種關閉方式,如:<br/>

屬性值用“”括起來
例如:<img height= "80 "……/>

給所有的屬性賦值
不正確的寫法:<input …… checked/>
正確的寫法為:<input …… checked= "checked"/>

所有的XHTML元素及其屬性名稱用小寫
XHTML是大小寫敏感的 
錯誤的寫法為:<TITLE>抬頭</TITLE>
標準的寫法為:<title>抬頭</title>

標籤要合理嵌套
不正確的寫法:<div><h1>標籤</div></h1>
正確的寫法為:<div><h1>標籤</h1></div>

特殊字元用編碼標識
如 " <" 用 "&lt;"表示," >" 用 "&gt;"表示。

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

用結構化的元素輸出內容
例如:你想輸入三行文本,可以用: 
文本<br/>文本<br/>文本
我建議用下面的方式代替上面的方式: 
<ul>
<li>文本</li>
<li>文本</li>
<li>文本</li>
</ul>
 


SEO也需要規範Html代碼

量身打造專屬SEO方案,立刻免費洽詢!

馬上諮詢