規范的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 ,轉載請保留,謝謝诶
感謝 詩意代碼 的投稿