從HTML布局淺顯的議論網站的優化辦法

  SEO是一門學問,牽涉到到的物品也很廣泛,眾多朋友在做SEO的時刻往往會關心注視一點外部的物品,譬如外部鏈接,還是發廣告等等,而不重視了自個兒網站外在的一點物品,今日我就和大家聊聊關於HTML布局中的一點物品,期望對大家有所幫忙,也熱烈歡迎大家並肩研究討論。

  一、編著令人滿意的HTML結構

  一個令人滿意的HTML文檔結構不管是對搜索引擎網站,仍然對代碼擔任職務的人(切片擔任職務的人還是程序開發人員)都是有百利而無一害的。回憶一下子許多人之所以遺棄TABLE(表格)布局,就是由於運用TABLE布局萌生了數量多的冗餘代碼,並且為了到了一定的視物感覺效果,只能仿用多個表格。所以假如您運用DIV+CSS布局,不過您的HTML文檔結嵌套過深還是冗餘代碼過多,基本上和表格布局沒關系差別。這處我引薦一個海外天纔編著的網站,大家可以參照一下子他的文檔結構Zengarden(蟬翼花園)百度一下子就出來了。

  二、巧用你的LOGO

  眾多朋友喜歡插進去一個IMG標簽作為網站的LOGO,私人感到有些亂費資源,為何這樣說呢? 由於如今搜索引擎網站對IMG標簽的ALT屬性已經幾乎漠視了。還有就是搜索引擎網站對一個網站的HTML前一小批都是比較高看的,在這處我舉個例子來教您巧用您的LOGO,咱們敞開搜狐的網站檢查他的源文件,發覺它的LOGO不是用IMG標簽插進去的圖片,而是這麼定義的:

  HTML局部

  < h1 >< a href= 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很有用怎麼辦?就拿作者的網站來說 敞開後大家會發現,我的導航是用的微軟雅黑字體,眾多朋友都曉得。悲劇的XP默許是不帶微軟雅黑的,但作者用了一招眾多朋友都沒留意過的著數,就是鑲嵌字體,仍然老規矩直接較早一代碼:

  CSS局部

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

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

  仔細仔細查看我的#navigation的字體定義,首先是微軟雅黑,而後後面那一個單引號裡邊的內部實質意義就是我上頭自定義的字體名字,關於自定義鑲嵌字體我就不在這處囉唆了。大家可以上百度一下子查尋一下子,很簡單的,分分鍾就學會了。

  寫了這樣多,壓根兒文筆就爛,又是首次投稿,能不可以經過審查核定都是問題,不過我所謂內部實質意義都是本人7年做網站總結概括出來的經驗,有啥子錯誤的地方熱烈歡迎大家拍磚,假如經過審查核定了往後就盡力多寫一點實用的物品出來。