網站優化之規範的HTML代碼

最後更新：2014-12-23 來源：互聯網

上載者：User

關鍵字寫法

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷淘寶客雲主機技術大廳

正常化的Html代碼對一個網站有諸多好處，比如：改版方便、代碼容易維護、代碼量小、網站打開速度快、適合更多人群閱讀等，這裡就不一一列舉。單從網站優化的角度看，正常化的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. 框架型（set）
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 set//EN" "HTTP://www.w3.org/TR/xhtml1/DTD/xhtml1-set.dtd">

過渡型相容表格、標識等，對於初學者來說，選擇過渡型就可以啦！

設定一個名字空間

在DOCTYPE後面添加如下代碼即可：
<html xmlns="HTTP://www.w3.org/1999/xhtml">
Xmlns是XHTML namespace的簡寫，叫做「名字空間」，通常我們的網頁只有<html>，這裡為什麼會出現xmlns呢？名字空間就是給文檔做一個標識，說明這個文檔規範是屬於誰的。明白了嗎？不明白就Pass。

聲明語言編碼

簡體中文網站可定義為：
< HTTP-equiv="Content-Type" content="text/html; charset=gb2312"/>
英文網站可定義為：
< 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. 作者與版權資訊
< name="author" content="hxstream "/>
< name="copyright" content="www.firefoxba.com,版權所有"/>

3. 網站介紹
< name="deion" content="seo168為廣大企業提供seo優化服務" />

4. 網站關鍵字
< content="搜尋引擎優化,seo" name="keywords"/>

關閉所有的標籤

打開的標籤必須關閉，例如<p>www.firefoxba.com</p>，當然還有一種關閉方式，如：<br/>

屬性值用「」括起來

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

給所有的屬性賦值

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

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

XHTML是大小寫敏感的
錯誤的寫法為：<TITLE>www.firefoxba.com</TITLE>
標準的寫法為：<title>www.firefoxba.com</title>

標籤要合理嵌套

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

特殊字元用編碼標識

如 " <" 用 "<" 表示，" >" 用 ">" 表示。

為圖片增加alt屬性

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

用結構化的元素輸出內容

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

以上這些規範可以對您的網站進行初級改善，提高搜尋引擎對你的網站的評分。看了這個多羅囉嗦嗦的東西，頭腦是不是懵了，喝杯茶，Good Luck！

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More