本手冊會分成「純作者適用的 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>
但會有以下問題:
- 這個頁面最重要的文章標題包的是 h2 ,而網站標題標的卻是 h1。
- 文章內容裡面也標了 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 導致搜尋引擎無法辨識哪個東西是重點的話,是絕對不可能在搜尋排名有什麼好成績的。
必裝工具
- Google Analytics:幫助你詳細了解網站各樣數據的工具。
- Google 網站管理員工具:幫助你了解 SEO 情況的工具。
教學文章參考:
結語
這些 SEO 注意事項,事實上久了自然而然就會變成反射動作,也不需要死記。上面提到的事項只要做好,基本上在不熱門的關鍵字上排名應該會很前面,不過如果是熱門關鍵字的話,除非你的網站本身 PR 超高、流量很大,不然一般是擠不上排名的,因此回到原點最重要的還是網站內容、能不能抓住訪客口味,讓顧客持續回流。
網站標題、關鍵字要怎麼下必須要站在訪客的角度思考,要思考一般人會怎麼搜尋,這樣 SEO 的效果會更顯著。