12年老牌互聯(lián)網(wǎng)IT解決方案提供商
騰佑科技咨詢熱線咨詢熱線: 400-996-8756
工單提交 注冊(cè)/登錄
百度云服務(wù)中心騰佑科技公司
云服務(wù)器活動(dòng) 服務(wù)器租用 服務(wù)器托管 機(jī)柜租賃 帶寬租賃
  • 最新資訊
  • 熱門資訊
  • 最熱資訊
    隨機(jī)標(biāo)簽
智能建站

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

發(fā)布時(shí)間：2009-09-16 10:48 作者：admin

簡(jiǎn)述：

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

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

。

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

給網(wǎng)頁添加DOCTYPE

什么是DOCTYPE？DOCTYPE是Document Type的簡(jiǎn)寫，明白什么是DOCTYPE了吧！DOCTYPE就是文檔類型，用來說明你的HTML或XHTML是什么版本，

瀏覽器會(huì)根據(jù)您DOCTYPE中定義的DTD（Document Type Definition）來解釋頁面代碼，可想而知，錯(cuò)誤的DOCTYPE會(huì)出現(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)識(shí)等，對(duì)于初學(xué)者來說，選擇過渡型就可以啦！

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

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

識(shí)，說明這個(gè)文檔規(guī)范是屬于誰的。明白了嗎？不明白就Pass。

聲明語言編碼

簡(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="www.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)簽

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

屬性值用“”括起來

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

給所有的屬性賦值

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

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

XHTML是大小寫敏感的
錯(cuò)誤的寫法為：<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)識(shí)

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

為圖片增加alt屬性

alt屬性指定了當(dāng)圖片不能顯示的時(shí)候就顯示供替換文本。
如：<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ī)范可以對(duì)您的網(wǎng)站進(jìn)行初級(jí)改善，提高搜索引擎對(duì)你的網(wǎng)站的評(píng)分。

點(diǎn)擊展開全文

騰佑科技（www.mubashirfilms.com）成立于2009年，總部位于河南鄭州，是一家集互聯(lián)網(wǎng)基礎(chǔ)設(shè)施及軟硬件于一體化的高新技術(shù)企業(yè)，具有IDC/ISP/ICP/云牌照、雙軟等資質(zhì)，并擁有多個(gè)國(guó)家版權(quán)局認(rèn)證。公司自成立以來，一直致力于發(fā)展互聯(lián)網(wǎng)IDC數(shù)據(jù)中心DataCenter、云計(jì)算Cloud、大數(shù)據(jù)BigDate、人工智能AI、內(nèi)容加速CDN、互聯(lián)網(wǎng)安全、軟件定制開發(fā)等產(chǎn)品服務(wù)及行業(yè)客戶技術(shù)一體化智能解決方案；2018年成為百度智能云AI河南服務(wù)中心。

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

備案提交：0371-89913068

售后客服：0371-89913000

熱門活動(dòng)

百度云服務(wù)中心
標(biāo)簽：

搜索詞

  • 熱門資訊
  • 隨便看看