SEO需要規範HTML代碼

來源:互聯網
上載者:User

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

SEO中,也需要對網站的html代碼進行正常化,正常化的Html代碼對一個網站有諸多好處,比如:改版方便、代碼容易維護、代碼量小、網站打開速度快、適合更多人群閱讀等,這裡就不一一列舉。

下面,我們就開始對我們的網站進行初級改善:

給網頁添加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 . 框架型(Frameset)

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "HTTP://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

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

設定一個名字空間

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

聲明語言編碼

簡體中文網站可定義為:
<meta HTTP-equiv="Content-Type" content="text/html; charset=gb2312"/>
英文網站可定義為:
<meta HTTP-equiv="Content-Type" content="text/html; charset=utf-8"/>

<Head></Head>之間的其他設置

2 M 我的最愛小圖示

製作一個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"/>

1 M 作者與版權資訊

<meta name="author" content="hxstream "/>
<meta name="copyright" content="www.world-blog.cn,版權所有"/>

3 . 網站介紹

<meta name="description" content="深圳SEO為廣大企業提供seo優化服務" />

4 . 網站關鍵字

<meta content="搜尋引擎優化,seo" name="keywords"/>

關閉所有的標籤

打開的標籤必須關閉,例如<p>www.world-blog.cn</p>,當然還有一種關閉方式,如:<br/>

屬性值用「」括起來

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

給所有的屬性賦值

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

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

XHTML是大小寫敏感的
錯誤的寫法為:<TITLE>www.world-blog.cn</TITLE>
標準的寫法為:<title>www.world-blog.cn</title>

標籤要合理嵌套

不正確的寫法:<div><h1>www.world-blog.cn</div></h1>
正確的寫法為:<div><h1>www.world-blog.cn</h1></div>

特殊字元用編碼標識

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

為圖片增加alt屬性

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

用結構化的元素輸出內容

例如:你想輸入三行文本,可以用:
www.world-blog.cn<br/>www.world-blog.cn<br/>www.world-blog.cn
我建議用下面的方式代替上面的方式:
<ul>
<li>www.world-blog.cn</li>
<li>www.world-blog.cn</li>
<li>www.world-blog.cn</li>
</ul>

文章出處:HTTP://www.world-blog.cn

站長網新聞榜 www.admin5.com/top

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: 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

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

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

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.