DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁SEO優化 >> SEO優化集錦 >> 從HTML布局淺談網站優化
從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很有用怎麼辦?筆者用了一招很多朋友都沒留意過的招數,就是嵌入字體,還是老規矩直接上代碼:

CSS部分

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

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

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

寫了這麼多,本來文筆就爛,又是第一次投稿,能不能通過審核都是問題,但是我所說的內容都是本人7年做網站總結出來的經驗,有什麼不對的地方歡迎大家拍磚,如果通過審核了以後就盡量多寫一些實用的東西出來。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved