從HTML佈局淺談網站的優化方法

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

SEO是一門學問，涉及到的東西也很廣泛，很多朋友在做SEO的時候往往會關注一些外部的東西，比如外部連結，或者發廣告等等，而忽視了自己網站內在的一些東西，今天我就和大家聊聊關於HTML佈局中的一些東西，希望對大家有所説明， 也歡迎大家共同探討。

一、編寫良好的HTML結構

一個良好的HTML文檔結構無論是對搜尋引擎，還是對代碼人員(切片人員或者程式師)都是有百利而無一害的。 回想一下人們之所以拋棄TABLE(表格)佈局，就是因為使用TABLE佈局產生了大量的冗餘碼，而且為了到達一定的視覺效果，只能套用多個表格。 所以如果您使用DIV+CSS佈局，但是您的HTML文檔結嵌套過深或者冗餘碼過多，基本上和表格佈局沒什麼區別。 這裡我推薦一個國外牛人編寫的網站，大家可以參考一下他的文檔結構Zengarden(蟬翼花園)百度一下就出來了。

二、巧用你的LOGO

很多朋友喜歡插入一個IMG標籤作為網站的LOGO，個人覺得有點亂費資源，為什麼這麼說呢? 因為現在搜尋引擎對IMG標籤的ALT屬性已經幾乎無視了。 還有就是搜尋引擎對一個網站的HTML前一部分都是比較看重的，在這裡我舉個例子來教您巧用您的LOGO，咱們打開搜狐的網站查看他的原始檔案，發現它的LOGO不是用IMG標籤插入的圖片，而是這樣定義的：

HTML部分

< h1 >< a href="HTTP://www.sohu.com" title="搜狐-中國最大的入口網站">搜狐< /a>< /h1 >

CSS部分

h1 {text-indent:-5000px;display:block;width:143px;height:67px;float:left;margin:0 auto;}

h1 a {width:143px;height:67px;float:left;background:url(.. /images/logo.gif) no-repeat;overflow:hidden;}

很多人也許會問怎麼會是一個H1標籤呢?這樣算不算作弊? 這個的話搜尋引擎官方也沒有明文規定算作弊，而且人家搜狐這麼大個網站都這麼幹，咱們對著來就行了，而且本人多次使用到了此招，目前還沒有發現什麼問題。

三、合理放置H標籤

有過SEO經驗的朋友都知道。 H1~H6標籤有利於網站優化，沒錯，但是如果您的H標籤濫用不僅對SEO沒有任何好處，反而會遭到降權甚至滅亡。 還是舉例說明，就拿一篇新聞來說個人建議H1標籤放置標題，H2標籤可以放一段50字左右的小描述，還有就是H2標籤可以加一個和標題相關的輔助關鍵字用以襯托，H3標籤可以做新聞內容裡面的小標題， 同H2一樣也可以加一些關鍵字修飾不過要控制好比例哦。 H4同H3一樣同時配合使用效果更好。

四、美觀與網站優化相結合

目前在國內做HTML佈局，往往是美工或者切片人員最頭疼的事，因為國內的作業系統能在網頁上顯示的字體是少之又少，最常用的也就是宋體，但是很多設計師在網站設計稿中會用到一些藝術字體，這是很正常的。 但是悲催的國內瀏覽器只支援宋體和一些很少用到的黑體和楷體，怎麼辦呢?有切片經驗的朋友立馬就想到切圖，對，這是最常用的辦法，但假如這些用了藝術字體的東東對SEO很有用怎麼辦?就拿筆者的網站來說 HTTP:// www.flagwind.com 打開後大家會發覺，我的導航是用的微軟雅黑字體，很多朋友都知道。 悲劇的XP預設是不帶微軟雅黑的，但筆者用了一招很多朋友都沒留意過的招數，就是嵌入字體，還是老規矩直接上代碼：

CSS部分

@font-face {font-family:'flagwindRegular';src: url('/DBFNT0.eot');}

#navigation li{font:normal 15px '微軟雅黑','flagwindRegular';}

仔細觀察我的#navigation的字體定義，首先是微軟雅黑，然後後面那個單引號裡面的內容就是我上面自訂的字體名稱，關於自訂嵌入字體我就不在這裡囉嗦了。 大家可以上百度一下查找一下，很簡單的，分分鐘就學會了。

寫了這麼多，本來文筆就爛，又是第一次投稿，能不能通過審核都是問題，但是我所說的內容都是本人7年做網站總結出來的經驗，有什麼不對的地方歡迎大家拍磚，如果通過審核了以後就儘量多寫一些實用的東西出來。 本文由深圳網站建設公司旗風網路(www.flagwind.com)原創，轉發的時候請不要刪除原作者版權資訊，謝謝!