SEO 教戰手冊

本手冊會分成「純作者適用的 SEO」以及「工程師適用的 SEO」兩個區塊,區分只在於針對「不會 HTML 、不具備架站能力」的人以及「會 HTML ,具備架站能力」的人而已。

SEO 相關名詞定義

SERP(Search Engine Result Page):指你在搜尋引擎搜尋時看到的結果頁面。 PR(Page Rank): 指搜尋引擎評斷一個頁面所得出的分數。

SEO(Search Engine Optimization,中譯「搜尋引擎最佳化」)有分白帽以及黑帽兩種手法,這篇文章提到的都是白帽手法,而黑帽手法簡單來說就是鑽搜尋引擎演算法的漏洞,或許短時間便能見效,但後來被搜尋引擎發現的代價便是「永久封禁」。

SEO 目的就是衝 SERP ,當然久了 PR 自己也會高起來。

搜尋引擎運作原理

搜尋引擎是如何把你的網站、文章內容抓到資料庫裡面呢?搜尋引擎公司會派網路爬蟲(它是程式,不要被名字騙了)這個東西將網頁內容(也就是網頁的 HTML)抓回資料庫,而搜尋引擎負責的工作便是整理、運算這些資料,最後呈現出我們看到的搜尋結果頁面。

參考文章: 搜尋引擎不能說的秘密之關鍵字的形成

純作者適用的 SEO

以下提到的每一項,只要適度就好,不要刻意硬塞關鍵字。

1. 標題

「標題」是一篇文章最重要的一個因素。標題一定要包含「關鍵字」,這是搜尋引擎判斷的第一步。

舉例:一篇介紹 Google 這家公司的文章

Bad (完全沒有關鍵字):

如何成為搜尋界龍頭?

Great (加上關鍵字):

Google - 如今如何成為搜尋界龍頭的呢? Google 的發展史

2. 重複關鍵字

在一篇文章內要「適度」重複同一關鍵字,但千萬不要「過度」,假設一篇文章標題叫做「SEO」,然後裡面的內容就只有「SEO」這個字詞無限重複,這樣的文章是絕對不可能在搜尋引擎見榜的。

舉例:

Bad (毫無意義地無限重複關鍵字):

Google Google Google

Great (不過度重複關鍵字):

Google,搜尋界的龍頭。 Google 與 Yahoo 間的爭戰……

3. 善用 strong 標籤(粗體)標注關鍵字

因為大部分所見即得編輯器的粗體就是包 strong 標籤,所以才在這個區塊加上這點。用 strong (粗體)包住關鍵字,可以幫助搜尋引擎了解這篇文章的重點,因此請適度使用它。

舉例:

Bad : 一間名叫 Google 的搜尋引擎公司,如今已成為搜尋界的龍頭。

Great : 一間名叫 Google 的搜尋引擎公司,如今已成為搜尋界的龍頭。

4. 善用部落格的標籤功能

善用部落格標籤功能,加上與這篇文章相關的關鍵字,可以幫助搜尋引擎更順利地判斷這篇文章的重點,好好運用會有很大的幫助。

5. 中英文間要有空白

中英文混雜時,兩者間要有空白,不然斷詞會有問題。

舉例:

Bad : 一間名叫Google的搜尋引擎公司,如今已成為搜尋界的龍頭。

Great : 一間名叫 Google 的搜尋引擎公司,如今已成為搜尋界的龍頭。

6. 反向連結

反向連結的定義:別人的網站連結自己的網站,自己的網站便獲得了「反向連結」。常見方法是與其他網站交換連結,如果跟你交換連結的網站 PR 高、流量大的話,在搜尋引擎方面會具有加分作用。不過要注意重點不是反向連結的多寡,而是質量的高低,不管這個網站 PR 高低、與自己網站的關聯性便胡亂與其他網站交換連結,不幸的話,有可能會被誤判為連結農場。

更詳細介紹請參閱這篇文章:SEO優化:反向連結與相關網站的重要性

更新:現在交換連結 Google 也不允許了!

7. 外部連結

一篇文章內若能適度地引經據典、插入其他網站與這篇文章相關的文章連結,也會有加分作用。

8. 社群網站的重要性

搜尋引擎現在也非常重視一篇文章在社群網站的熱門程度,如果一篇文章在社群網站非常受到歡迎的話,基本上只要你的網站架構搜尋引擎可以正確辨識、SEO 有做好,絕對會在搜尋排行見榜的。

9. 提交 Sitemap

Sitemap 是告訴搜尋引擎你的網站有哪些頁面的一個檔案。

基本上只有自架網站才可以提交 Sitemap ,不過似乎 Pixnet and Blogger 也是 OK 的,請參考這篇文章 向Google提交Sitemap

工程師適用的 SEO

1. meta-description

meta description 也是很重要的因素,在撰寫描述的時候記得適當地置入關鍵字。

你可能會看到比較舊的文章提到 meta keywords 這個東西,但事實上現在不管是 Google or Yahoo(Bing 已經買下 Yahoo 了,所以兩者的搜尋結果是一樣的) 都已經不採用、將之視為垃圾訊息了。可參考這篇文章:SEO優化:不要使用Meta Keywords關鍵字

2. 善用 h1~h3 標籤,在其內塞入關鍵字

h1 標籤權重最高,h2 次之,用到 h3 就很夠了。

說到 h1, h2, h3 ,在 HTML4 跟 HTML5 的時代,兩者有些差異。讓我們來看一個例子。

在 HTML4 的時代一篇文章的 HTML 可能長這樣:

<div class="header">
  <h1> 網站名稱 </h1>
</div>
<div class="wrapper">
  <div class="article-header">
    <h2> 文章標題 </h2>
  </div>

  <div class="article-content">
    <h1> 文章內容內的標題 1 </h1>
    <p> 內容... </p>
    <p> 內容... </p>
    <h2> 文章內容內的標題 1 底下的副標題 </h2>
    <p> 內容... </p>
  </div>

</div>

但會有以下問題:

  1. 這個頁面最重要的文章標題包的是 h2 ,而網站標題標的卻是 h1。
  2. 文章內容裡面也標了 h1, h2。

最後搜尋引擎其實很難辨別哪個 heading 才是最重要的。當然根據以前還沒有 HTML5 的時代的經驗,這樣的設計在搜尋引擎上搜尋也沒有出現什麼狀況。

不過現在 HTML5 的時代,我們可以寫出一份更具語義化的 HTML ,這對於搜尋引擎的辨別也會有明顯的幫助。

上面那段用 HTML4 寫成的 HTML 可以改寫成這樣:

<header>
  <h1> 網站名稱 </h1>
</header>

<article>
  <header>
    <h1> 文章標題 </h1>
  </header>

  <div class="article-content">
    <h1> 文章內容內的標題 1 </h1>
    <p> 內容... </p>
    <p> 內容... </p>
    <h2> 文章內容內的標題 1 底下的副標題 </h2>
    <p> 內容... </p>
  </div>

</article>

在 HTML5 裡,上面那段包網站標題的 h1 跟 article 下面的 header 裡面包文章標題的 h1 ,兩者是互不干涉的,不會有被搶走的問題。

關於 HTML5 語義化,推薦您讀這篇文章,了解後對於 SEO 是會有幫助的: 如何設計出正確語意的 HTML5

3. 加上 alt 描述這張圖片

搜尋引擎並不能辨識圖片長什麼樣子而自動幫他們歸類,因此請記得加上 alt 屬性描述這張圖片,此舉可以幫助搜尋引擎了解這張圖片的內容是什麼。

舉例 (一張 Google 總公司的照片):

Bad :

<img src="google.jpg" />

Great :

<img src="google.jpg" alt="Google 總公司" />

4. 注意網址結構

我曾經看過一些文章提到在網址內塞入中文關鍵字有助於 SEO ,不過個人實際操作上發現帶來的助益並沒有那麼大,permalink 塞入英文還是比較好。

關於 permalink 的 Bad Design 可以看看這篇文章,千萬不要犯了跟 Yahoo 一樣的錯誤: Yahoo News 的 SEO 網址所帶來的問題

5. Robots.txt

Robots.txt 是告訴搜尋引擎哪些東西不要蒐錄的檔案,設定這個檔案主要是為了「安全」,跟排名沒有什麼關聯。

具體作法請參閱這篇文章:用Robots.txt來和搜尋機器人打交道

6. 不要把內容放在 Flash & JS 裡

現在進入了 HTML5 的時代,使用 Flash 的比率越來越低了,但是還是看得到把內容放在 Flash 裡的網站,請記住搜尋引擎並無法辨識 Flash 裡面的內容是什麼,內容請盡量文字化,搜尋引擎只會管 HTML 的內容是什麼。(JS 跟 Flash 一樣)

2014/06/01 更新:

目前 Google 正在提升對於 Javascript 的支援程度,會先執行 JS 再索引網站內容,這對於大量使用 JS 且有動到內容的網站來說是件喜事,不過對於以內容為主的網站來說影響應該不大,畢竟大部分以內容為主的網站不太會使用 JS 改變內容。

詳情請見 Google 官方的說明文章:Understanding web pages better

7. 撰寫 valid HTML

網站請撰寫 valid HTML ,最好能過 w3c validator。 寫過多錯誤的 HTML 導致搜尋引擎無法辨識哪個東西是重點的話,是絕對不可能在搜尋排名有什麼好成績的。

必裝工具

  1. Google Analytics:幫助你詳細了解網站各樣數據的工具。
  2. Google 網站管理員工具:幫助你了解 SEO 情況的工具。

教學文章參考:

  1. [教學]申請Google Analytics來統計網站流量、訪客人數
  2. 如何申請Google網站管理員工具

結語

這些 SEO 注意事項,事實上久了自然而然就會變成反射動作,也不需要死記。上面提到的事項只要做好,基本上在不熱門的關鍵字上排名應該會很前面,不過如果是熱門關鍵字的話,除非你的網站本身 PR 超高、流量很大,不然一般是擠不上排名的,因此回到原點最重要的還是網站內容、能不能抓住訪客口味,讓顧客持續回流。

網站標題、關鍵字要怎麼下必須要站在訪客的角度思考,要思考一般人會怎麼搜尋,這樣 SEO 的效果會更顯著。

comments powered by Disqus
分享至 Facebook 分享至 Google +