數(shù)十年專注企業(yè)數(shù)字化轉(zhuǎn)型、智能化升級、企業(yè)上云解決方案服務(wù)商
工單提交 騰佑科技咨詢熱線咨詢熱線: 400-996-8756
百度云服務(wù)中心騰佑科技公司
云服務(wù)器活動 服務(wù)器租用 服務(wù)器托管 機(jī)柜租賃 帶寬租賃
  • 最新資訊
  • 熱門資訊
  • 最熱資訊
智能建站

seo優(yōu)化之規(guī)范HTML代碼

發(fā)布時間：2009-09-16 作者：admin

簡述：規(guī)范化的Html代碼對一個網(wǎng)站有諸多好處，比如：改版方便、代碼容易維護(hù)、代碼量小、網(wǎng)站打開速度快、適合更多人群閱讀等，這里就不一一列舉。單從seo優(yōu)化的角度看，規(guī)范化的Html代碼更有利用搜索引擎排名

規(guī)范化的Html代碼對一個網(wǎng)站有諸多好處，比如：改版方便、代碼容易維護(hù)、代碼量小、網(wǎng)站打開速度快、適合更多人群閱讀等，這里就不一

一列舉。單從seo優(yōu)化的角度看，規(guī)范化的Html代碼更有利用搜索引擎排名。但是很多站長卻沒有認(rèn)識到這一點，影響網(wǎng)站在搜索引擎上的排名

。

下面，我們就開始對我們的網(wǎng)站進(jìn)行初級改善：

給網(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 . 嚴(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">

過渡型兼容表格、標(biāo)識等，對于初學(xué)者來說，選擇過渡型就可以啦！

設(shè)定一個名字空間

在DOCTYPE后面添加如下代碼即可：
<html xmlns="http://www.w3.org/1999/xhtml">
Xmlns是XHTML namespace的簡寫，叫做“名字空間”，通常我們的網(wǎng)頁只有<html>，這里為什么會出現(xiàn)xmlns呢？名字空間就是給文檔做一個標(biāo)

識，說明這個文檔規(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 . 收藏夾小圖標(biāo)

制作一個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="www.mubashirfilms.com,版權(quán)所有"/>

3 . 站點介紹

<meta name="description" content="seo為廣大企業(yè)提供seo優(yōu)化服務(wù)" />

4 . 站點關(guān)鍵詞

<meta content="搜索引擎優(yōu)化,seo" name="keywords"/>

關(guān)閉所有的標(biāo)簽

打開的標(biāo)簽必須關(guān)閉，例如<p>www.mubashirfilms.com</p>，當(dāng)然還有一種關(guān)閉方式，如：<br/>

屬性值用“”括起來

例如：<img height= "80 "……/>

給所有的屬性賦值

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

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

XHTML是大小寫敏感的
錯誤的寫法為：<TITLE>www.mubashirfilms.com</TITLE>
標(biāo)準(zhǔn)的寫法為：<title>www.mubashirfilms.com</title>

標(biāo)簽要合理嵌套

不正確的寫法：<div><h1>www.mubashirfilms.com</div></h1>
正確的寫法為：<div><h1>www.mubashirfilms.com</h1></div>

特殊字符用編碼標(biāo)識

如 " <" 用 "&lt;"表示，" >" 用 "&gt;"表示。

為圖片增加alt屬性

alt屬性指定了當(dāng)圖片不能顯示的時候就顯示供替換文本。
如：<img src="images/logo.gif" alt="seo為您服務(wù)"/>

用結(jié)構(gòu)化的元素輸出內(nèi)容

例如：你想輸入三行文本，可以用：
www.mubashirfilms.com
www.mubashirfilms.com">www.mubashirfilms.com<br/>www.mubashirfilms.com<br/>www.mubashirfilms.com
我建議用下面的方式代替上面的方式：
<ul>
<li>www.mubashirfilms.com</li>
<li>www.mubashirfilms.com</li>
<li>www.mubashirfilms.com</li>
</ul>

以上這些規(guī)范可以對您的網(wǎng)站進(jìn)行初級改善，提高搜索引擎對你的網(wǎng)站的評分。

點擊展開全文

鄭州騰佑科技有限公司(以下簡稱“騰佑科技”)成立于2009年， 總部位于鄭州，是 一家致力于互聯(lián)網(wǎng)服務(wù)業(yè)的高新技術(shù)企業(yè)，公司主營業(yè)務(wù)以互聯(lián)網(wǎng)數(shù)據(jù)中心、云計算、人 工智能、軟件開發(fā)、安全服務(wù)“互聯(lián)網(wǎng)+”行業(yè)解決方案及行業(yè)應(yīng)用等相關(guān)業(yè)務(wù)。

售前咨詢熱線：400-996-8756

備案提交：0371-89913068

售后客服：0371-89913000

熱門活動

百度云服務(wù)中心
標(biāo)簽：
  • 熱門資訊
  • 隨便看看