當前位置:首頁 >  站長 >  搜索優(yōu)化 >  正文

SEO需要規(guī)范HTML代碼

 2008-09-15 19:09  來源: www.world-blog.cn   我來投稿 撤稿糾錯

  域名預訂/競價,好“米”不錯過

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

        下面,我們就開始對我們的網(wǎng)站進行初級改善:

        給網(wǎng)頁添加DOCTYPE

        XHTML1.0為我們提供了三種DOCTYPE:

        1 . 過渡型(Transitional)

        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ";

        2 . 嚴格型(Strict)

        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ";

        3 . 框架型(Frameset)

        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" ";

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

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

        在DOCTYPE后面添加如下代碼即可:
        <html xmlns=";
        Xmlns是XHTML namespace的簡寫,叫做“名字空間”,通常我們的網(wǎng)頁只有<html>,這里為什么會出現(xiàn)xmlns呢?名字空間就是給文檔做一個標識,說明這個文檔規(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 . 收藏夾小圖標

        制作一個16*16的ico圖標,命名為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.world-blog.cn,版權(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)閉所有的標簽

        打開的標簽必須關(guān)閉,例如<p>www.world-blog.cn</p>,當然還有一種關(guān)閉方式,如:<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為您服務(wù)"/>

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

        例如:你想輸入三行文本,可以用:
        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>

        文章出處:

站長網(wǎng)新聞榜 www.spokeops.com/top

申請創(chuàng)業(yè)報道,分享創(chuàng)業(yè)好點子。點擊此處,共同探討創(chuàng)業(yè)新機遇!

相關(guān)文章

熱門排行

信息推薦