DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁SEO優化 >> SEO優化集錦 >> SEO代碼優化之:規范HTML源碼
SEO代碼優化之:規范HTML源碼
編輯:SEO優化集錦     

規范的HTML源代碼是SEO最基本的要素,站長們做站平時做站,模板文件一般都是復制來的,對於html的規范性有所忽視,也許對SEO不會產生什麼明顯的影響,但是能做好的還是盡量做好。下面是規范的HTML源碼的一些要點。

給網頁添加DOCTYPE

什麼是DOCTYPE?DOCTYPE是Document Type的簡寫,明白什麼是DOCTYPE了吧!DOCTYPE就是文檔類型,用來說明你的HTML或XHTML是什麼版本,浏覽器會根據您 DOCTYPE中定義的DTD(Document Type Definition)來解釋頁面代碼,可想而知,錯誤的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>之間的其他設置

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 。 作者與版權信息

<meta name="author" content="hxstream "/>
<meta name="copyright" content="www.love509.com ,版權所有"/>

3 。 站點介紹

<meta name="description" content="詩意代碼" />

4 。 站點關鍵詞

<meta content="搜索引擎優化,seo" name="keywords"/>

關閉所有的標簽

打開的標簽必須關閉,例如<p>詩意代碼</p>,當然還有一種關閉方式,如:<br />

屬性值用“”括起來

例如:<img height= “80 ”……/>

給所有的屬性賦值

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

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

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

XHTML是大小寫敏感的

錯誤的寫法為:<TITLE>詩意代碼</TITLE>

標准的寫法為:<title>詩意代碼</title>

標簽要合理嵌套

不正確的寫法:<div><h1>詩意代碼</div></h1>

正確的寫法為:<div><h1>詩意代碼</h1></div>

特殊字符用編碼標識

如 “ <” 用 “<”表示,“ >” 用 “>”表示。

為圖片增加alt屬性

alt屬性指定了當圖片不能顯示的時候就顯示供替換文本。

如:<img src="images/logo.gif" alt="詩意代碼"/>

用結構化的元素輸出內容

例如:你想輸入三行文本,可以用:

詩意代碼<br/>詩意代碼<br/>詩意代碼

我建議用下面的方式代替上面的方式:

<ul>
<li>詩意代碼</li>
<li>詩意代碼</li>
<li>詩意代碼</li>
</ul>

以上這些規范可以對您的網站進行初級改善,提高搜索引擎對你的網站的評分。這些要點大家應該都很了解了,不過有些點還是會被很多人疏忽的,SEO要說做的好的,都是把一些東西做到極致,做到全面。因為本來能關注的點也就那些,所有如果關於html的優化方面,有什麼沒做到的,趕快補上吧,朋友!

本文地址:http://www.love509.com/youhua/seohtml.html ,轉載請保留,謝謝诶

感謝 詩意代碼 的投稿

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved