2007年10月18日 星期四

SEO 教科書/第三章/HTML 的最適化(一)

3-1 內部要素的 SEO

  • 簡單來說,就是要寫容易被搜尋引擎了解的 html
  • 與 SEO 有關的標籤有:
    • <title>
    • <meta>
    • <hx>
    • <a>
    • <strong>,<em>
    • <img> 的 alt 屬性
    • <acronym>, <abbr>
  • 此外,還要這些要素也要注意:
    • 關鍵字出現頻率的最適化
    • 網站選單的配置
    • JavaScript 與 CSS 的外部化
    • 子網域名
    • 網站地圖(Sitemap)

3-2 <title> 標籤

  • <title>標籤是 SEO 中最重要的一個標籤,因為:
    • 對搜尋引擎來說,這是獲得網站關鍵字的重要方法。
    • 對訪客來說,標題是決定是否點擊前往的決定性因素之一。
  • <title>標籤的注意事項:
    • 因為 Google 在標題上只顯示 30 個全形文字,因此超出這範圍可能無法正確地表達網頁的功能
    • 猜測訪客前來網頁的理由,並據之設定標題。例如:
      • 「什麼是OO?」 > 「OO的基礎知識」、「關於OO」
    • 標籤內最好只有一個明確的關鍵字,這不僅有助於訪客判定內容,也可以避開被搜尋引擎認定為 Spam 的可能性。
    • 避免在標籤內放入冗長的固定字串,例如公司名。這會增加搜尋引擎判斷關鍵字的困難。
    • <title>內的文字要和<body>內的文字相關!不然會放機器人扣分的…
    • 最後,避免在 <title>加入「●」、「♂」之類的特殊符號,也會被扣分喔!

3-3 <meta> 標籤

  • <meta>標籤中與 SEO 有關的設定有四個:
    • <charset>
    • <description>
    • <keywords>
    • <robots>
  • <charset>
    • <meta http-equiv="Content-Type" content="text/html"; charset="XXXX">,XXXX 為 big5 或 UTF-8 等
    • charset 協助搜尋引擎辨識文字的編碼。雖然說現在的搜尋引擎多少有些自動判斷能力,但為了以防萬一,還是幫它一下的好。
  • <description>
    • <meta name="description" content="XXXX">
    • 部份的搜尋引擎(書上沒註明是哪些)在擷取說明文字時,會優先從這裡取得。字數以 120 字左右以內為佳。
    • 當然別忘了在這裡面放關鍵字喔!
  • <keywords>
    • <meta name="keyword" content="X,X,X,X">
    • 以前的搜尋引擎會從這裡爬關鍵字,所以常常會被 Spam 進一堆無關字,久而久之,搜尋引擎也就不看這裡的內容了。
    • 但這裡面的字終究是網頁的一部份,有可能被當成純文字來爬,再加上有些搜尋引擎的規則我們真的不知道,或許還有搜尋引擎在看這裡呢?
    • 關鍵字以 3~10 個為最佳
  • <robots>
    • <meta name="robots" content="index/noindex, follow/nofollow">
    • 這是控制機器人行為的。index/noindex 決定了這一頁出不出現在檢索結果裡,而 follow/nofollow 則是 robot 會不會順著這一頁上的連結爬出去。

3-4 <hX> 標籤

  • <hX> 指的是 <h1>, <h2>, <h3> 等一串專用的標題標籤
  • <h1> 佔有最重要的地位,基本上一頁只能用一次,顯示的內容以和 <title> 標籤內雷同為佳。
  • <hX> 標籤的使用要照著大標題(h1) -> 中標題(h2) -> 小標題(h3) 的順序使用,混亂的順序 (<h3> <h2> <h1><h3>) 會大大的降低 <h1>標籤在搜尋引擎中的重要性。

3-5 <a> 標籤

  • <a> 標籤導向的目標內容,和 <a></a>內所包的文字最好要一致。例如:「<a href="">博客邦</a>」會好過「<a href="">點這裡</a>」。
  • <a> 標籤的影響主要是在從外部連進來的連結上,所以在網站上最好有預先設定好的格式,協助外部來源做 backlink。

3-6 <strong> 與 <em> 標籤

  • <strong> 和 <em> 是「內容強調」型的標籤,表示被圍住的範圍有內容的重要性,自然也更容易受到搜尋引擎的重視,判斷為網頁的關鍵字。
  • <strong> 和「視覺強調」型的標籤 <b> 在外在表現上是一樣的,而 <em> 則和 <i> 一致。

3-7 <img> 的 alt 屬性

  • alt 是唯一傳達圖片意義的方法,因此對圖片搜尋來說,這是最主要的比對方式。
  • 除非很在意 alt 做為替代說明的用途,不然就直接在 alt 裡插以空白隔開的關鍵字就好了。
  • 關鍵字以 2~3 個為佳。

3-8 <acronym> 與 <abbr> 標籤

  • <acronym title="Search Engine Optimization">SEO</acronym>
  • acronym 指的是「縮寫」,例如上例的 Search Engine Optimization 縮寫成 SEO,而 abbr 是簡稱,例如 weblog 簡稱為 blog。
  • 加上了這個說明後,搜尋引擎會在原文和簡稱間加上等號,只要有人搜尋兩者中的任一個,都有被找到的可能。
  • 夾在這兩個標籤之中的字會比較容易被判定為網頁關鍵字。

3-9 關鍵字出現的頻率

  • 關鍵字(詞)佔總單字數的 5% 左右為最佳。
  • 複數的關鍵字存在時,關鍵字間的距離會影響搜尋引擎的判斷。例如當關鍵字是「蘋果」和「減肥」時,「吃蘋果有助於減肥」的效果會小於「蘋果減肥法」。
  • 關鍵字的表現方式要統一,要不就全篇都寫「搜尋引擎最佳化」,不然就全寫「SEO」,不要混著用。

3-10 選單的配置

  • 搜尋引擎對直接接續 <body> 標籤的 100 個字元的內文有特別加權
  • 因此選單可以的話,用 CSS 排版的方式,避開緊接著 body 的這一塊區域。

未完待續