簡(jiǎn)述:規(guī)范化的Html代碼對(duì)一個(gè)網(wǎng)站有諸多好處,比如:改版方便、代碼容易維護(hù)、代碼量小、網(wǎng)站打開(kāi)速度快、適合更多人群閱讀等,這里就不一一列舉。單從seo優(yōu)化的角度看,規(guī)范化的Html代碼更有利用搜索引擎排名
規(guī)范化的Html代碼對(duì)一個(gè)網(wǎng)站有諸多好處,比如:改版方便、代碼容易維護(hù)、代碼量小、網(wǎng)站打開(kāi)速度快、適合更多人群閱讀等,這里就不一
一列舉。單從seo優(yōu)化的角度看,規(guī)范化的Html代碼更有利用搜索引擎排名。但是很多站長(zhǎng)卻沒(méi)有認(rèn)識(shí)到這一點(diǎn),影響網(wǎng)站在搜索引擎上的排名
。
下面,我們就開(kāi)始對(duì)我們的網(wǎng)站進(jìn)行初級(jí)改善:
給網(wǎng)頁(yè)添加DOCTYPE
什么是DOCTYPE?DOCTYPE是Document Type的簡(jiǎn)寫,明白什么是DOCTYPE了吧!DOCTYPE就是文檔類型,用來(lái)說(shuō)明你的HTML或XHTML是什么版本,
瀏覽器會(huì)根據(jù)您DOCTYPE中定義的DTD(Document Type Definition)來(lái)解釋頁(yè)面代碼,可想而知,錯(cuò)誤的DOCTYPE會(huì)出現(xiàn)什么結(jié)果。
XHTML1.0為我們提供了三種DOCTYPE:
1 . 過(guò)渡型(Transitional)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 . 嚴(yán)格型(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">
過(guò)渡型兼容表格、標(biāo)識(shí)等,對(duì)于初學(xué)者來(lái)說(shuō),選擇過(guò)渡型就可以啦!
設(shè)定一個(gè)名字空間
在DOCTYPE后面添加如下代碼即可:
<html xmlns="http://www.w3.org/1999/xhtml">
Xmlns是XHTML namespace的簡(jiǎn)寫,叫做“名字空間”,通常我們的網(wǎng)頁(yè)只有<html>,這里為什么會(huì)出現(xiàn)xmlns呢?名字空間就是給文檔做一個(gè)標(biāo)
識(shí),說(shuō)明這個(gè)文檔規(guī)范是屬于誰(shuí)的。明白了嗎?不明白就Pass。
聲明語(yǔ)言編碼
簡(jiǎn)體中文網(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 . 收藏夾小圖標(biāo)
制作一個(gè)16*16的ico圖標(biāo),命名為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="m.mubashirfilms.com,版權(quán)所有"/>
3 . 站點(diǎn)介紹
<meta name="description" content="seo為廣大企業(yè)提供seo優(yōu)化服務(wù)" />
4 . 站點(diǎn)關(guān)鍵詞
<meta content="搜索引擎優(yōu)化,seo" name="keywords"/>
關(guān)閉所有的標(biāo)簽
打開(kāi)的標(biāo)簽必須關(guān)閉,例如<p>m.mubashirfilms.com</p>,當(dāng)然還有一種關(guān)閉方式,如:<br/>
屬性值用“”括起來(lái)
例如:<img height= "80 "……/>
給所有的屬性賦值
不正確的寫法:<input …… checked/>
正確的寫法為:<input …… checked= "checked"/>
所有的XHTML元素及其屬性名稱用小寫
XHTML是大小寫敏感的
錯(cuò)誤的寫法為:<TITLE>m.mubashirfilms.com</TITLE>
標(biāo)準(zhǔn)的寫法為:<title>m.mubashirfilms.com</title>
標(biāo)簽要合理嵌套
不正確的寫法:<div><h1>m.mubashirfilms.com</div></h1>
正確的寫法為:<div><h1>m.mubashirfilms.com</h1></div>
特殊字符用編碼標(biāo)識(shí)
如 " <" 用 "<"表示," >" 用 ">"表示。
為圖片增加alt屬性
alt屬性指定了當(dāng)圖片不能顯示的時(shí)候就顯示供替換文本。
如:<img src="images/logo.gif" alt="seo為您服務(wù)"/>
用結(jié)構(gòu)化的元素輸出內(nèi)容
例如:你想輸入三行文本,可以用:
m.mubashirfilms.com
m.mubashirfilms.com">m.mubashirfilms.com<br/>m.mubashirfilms.com<br/>m.mubashirfilms.com
我建議用下面的方式代替上面的方式:
<ul>
<li>m.mubashirfilms.com</li>
<li>m.mubashirfilms.com</li>
<li>m.mubashirfilms.com</li>
</ul>
以上這些規(guī)范可以對(duì)您的網(wǎng)站進(jìn)行初級(jí)改善,提高搜索引擎對(duì)你的網(wǎng)站的評(píng)分。
鄭州騰佑科技有限公司(以下簡(jiǎn)稱“騰佑科技”)成立于2009年, 總部位于鄭州,是 一家致力于互聯(lián)網(wǎng)服務(wù)業(yè)的高新技術(shù)企業(yè),公司主營(yíng)業(yè)務(wù)以互聯(lián)網(wǎng)數(shù)據(jù)中心、云計(jì)算、人 工智能、軟件開(kāi)發(fā)、安全服務(wù)“互聯(lián)網(wǎng)+”行業(yè)解決方案及行業(yè)應(yīng)用等相關(guān)業(yè)務(wù)。
售前咨詢熱線:400-996-8756
備案提交:0371-89913068
售后客服:0371-89913000
搜索詞
熱門產(chǎn)品推薦