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年做網站總結出來的經驗,有什麼不對的地方歡迎大家拍磚,如果經過審核了以後就盡量多寫一些實用的東西出來。
本文由深圳網站建設公司旗風網絡( www.flagwind.com )原創,轉發的時候請不要刪除原作者版權信息,謝謝!
感謝深圳旗風網絡的投稿