SEO代碼優(yōu)化之：規(guī)范HTML源碼
2019-03-15 來源：love509.com
規(guī)范的HTML源代碼是SEO最基本的要素，站長們做站平時做站，模板文件一般都是復(fù)制來的，對于html的規(guī)范性有所忽視，也許對SEO不會產(chǎn)生什么明顯的影響，但是能做好的還是盡量做好。下面是規(guī)范的HTML源碼的一些要點。
給網(wǎng)頁添加DOCTYPE
什么是DOCTYPE？DOCTYPE是Document Type的簡寫，明白什么是DOCTYPE了吧！DOCTYPE就是文檔類型，用來說明你的HTML或XHTML是什么版本，瀏覽器會根據(jù)您 DOCTYPE中定義的DTD（Document Type Definition）來解釋頁面代碼，可想而知，錯誤的DOCTYPE會出現(xiàn)什么結(jié)果。
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">
過渡型兼容表格、標識等，對于初學(xué)者來說，選擇過渡型就可以啦！
設(shè)定一個名字空間
在DOCTYPE后面添加如下代碼即可：<html xmlns="http://www.w3.org/1999/xhtml">
Xmlns是XHTML namespace的簡寫，叫做“名字空間”，通常我們的網(wǎng)頁只有<html>，這里為什么會出現(xiàn)xmlns呢？名字空間就是給文檔做一個標識，說明這個文檔規(guī)范是屬于誰的。明白了嗎？不明白就Pass。
聲明語言編碼
簡體中文網(wǎng)站可定義為：
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
英文網(wǎng)站可定義為：
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<Head></Head>之間的其他設(shè)置
1 。 收藏夾小圖標
制作一個16*16的ico圖標，命名為favicon.ico，放到網(wǎng)站根目錄下，然后把下面的代碼放到<Head></Head>之間即可。
<link rel="icon" href="/favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
2 。 作者與版權(quán)信息
<meta name="author" content="hxstream "/>
<meta name="copyright" content="www.love509.com ,版權(quán)所有"/>
3 。 站點介紹
<meta name="description" content="詩意代碼" />
4 。 站點關(guān)鍵詞
<meta content="搜索引擎優(yōu)化,seo" name="keywords"/>
關(guān)閉所有的標簽
打開的標簽必須關(guān)閉，例如<p>詩意代碼</p>，當然還有一種關(guān)閉方式，如：<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="詩意代碼"/>
用結(jié)構(gòu)化的元素輸出內(nèi)容
例如：你想輸入三行文本，可以用：
詩意代碼<br/>詩意代碼<br/>詩意代碼
我建議用下面的方式代替上面的方式：
<ul>
<li>詩意代碼</li>
<li>詩意代碼</li>
<li>詩意代碼</li>
</ul>
以上這些規(guī)范可以對您的網(wǎng)站進行初級改善，提高搜索引擎對你的網(wǎng)站的評分。這些要點大家應(yīng)該都很了解了，不過有些點還是會被很多人疏忽的，SEO要說做的好的，都是把一些東西做到極致，做到全面。因為本來能關(guān)注的點也就那些，所有如果關(guān)于html的優(yōu)化方面，有什么沒做到的，趕快補上吧，朋友！
本文地址：http://www.love509.com/youhua/seohtml.html ，轉(zhuǎn)載請保留，謝謝誒
標簽： SEO代碼優(yōu)化 HTML優(yōu)化 規(guī)范HTML
版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。
