網站 SEO優化《第一篇》Title Tag 的重要性與寫法 — SEO優化| Jeffrey Talks
What Is a Title Tag?
要了解網站的 SEO，我們從網頁上的 title tag 講起。
Title Tag 是什麼？
Title tag 是在 HTML 中用來定義網頁標題的工具，也被用於搜尋結果頁的標題，對於 SEO 、社群分享相當重要。
Code Sample
<head>
<title>Example Title</title>
</head>Title Tag 出現在哪裡?
搜尋引擎主要是透過 Title tag 來瞭解頁面，Title tag 也是很多用戶對網頁的第一印象，Title tag 會出現在三個地方：
1. 搜尋引擎結果頁
就像上面的圖一樣，你的 Title tag 會呈現在用戶的搜尋結果上(除了少數例外，文章沒提到例外是什麼)，也是搜尋者的第一個體驗。 即使你的網站排名很好，好的 title 是決定用戶點擊連結的關鍵。
2. 網頁瀏覽器
Title tag 也出現在你的網頁瀏覽器上，這對開了一堆視窗的人特別重要，當他們要找網頁的時候，獨特而且容易辨識的 title 會幫助用戶快速找到你的網頁。
3. 社群分享
在 Facebook 和 Twitter 等社群網站分享網站時，會使用到網頁設定的 meta tags, og:title在 og:title 設定的文字會當作分享 FB 時的標題。
要如何寫出一個好的 Title Tag 呢？
由於 title tags 對 SEO 如此重要，該如何快速且準確地寫出一個好標題呢？. 下面有幾個建議：
1. Title Tag 的理想格式
最理想的 Title Tag 格式是：
主要關鍵字 — 次要關鍵字 | 廠牌名稱
參考例子：8-foot Green Widgets — Widgets & Tools | Widget World
2. 注意Title Tag 的長度
Google 搜尋結果會顯示大約 50–60 字元的 Title tag. 只要你控制 title 在 60 個字元以下，應該有九成的機率可以顯示完全，其他因素就是你瀏覽器的寬度，Title tag 的寬度最大到 600 pixels。
備註：字元 (Character) 代表電腦資訊的一種單位，包括字母、數字、標點符號、其它符號或控制碼，1 個英文小寫字母，代表 1 個字元；2 個英文小寫字母，約等於一個中文字母(代表 2 個字元。)
有些字元會自動佔據比較大的空間，像大寫的 ‘W’ 就比小寫的 ‘i’ 或 ‘t’ 寬。以上面的圖當作例子來看，第一行的標題一共有 77 個字元，“Littlest” 字串中的 “ittl” 看起來比較窄，以及標題還有 ‘|’ 符號;第二行的標題只有 42 個字元是因為寬度和包含一些大寫的 ‘W’。我覺得自己應該要確認一下標題在搜尋結果呈現的樣子，會最準確。
備註：‘|’符號的英文是 pipes
如果怕標題字數過長，盡量避開用全部都是英文大寫的標題，一來是用戶不一定好閱讀，二來是很容易超過能顯示的字元上限。但是就算你今天把 title 控制在60 字元下，Google 還是有可能會出現奇怪的斷句，像下面這張圖，
對於社群分享來說，較長的標題可能比較有優勢，而且有些標題原本就比較長，多留意你的標題在搜尋結果頁呈現的樣子，也不用覺得太長的標題就是糟糕的標題。
3. 不要塞一堆 SEO 關鍵字在你的 Title Tag 裡
如果你放了一堆關鍵字在 Title tag 內或是放了很多意思相近的關鍵字(如下圖)，這是會被搜尋引擎偵測到的。
Buy Widgets, Best Widgets, Cheap Widgets, Widgets for Sale除了用戶體驗不好之外，搜尋引擎會把你記上一筆，這比用過長的標題還要更嚴重。
4. 每個頁面的 Title 都是唯一的
不重複的標題會幫助搜尋引擎理解你的內容是獨特且有價值的，甚至會有較高的 CTR。但是當你有成千上萬的頁面時，要遵守這個規則幾乎不太可能，這時就需要依靠 CMS 和模板(code-based templates) 的幫忙，最起碼可以確保網站裡的重要頁面都是遵守這個規則的。
舉例來說，如果你有一堆不同產品的網頁在資料庫裡，他們有各自的名字和種類，你可以用像這樣的資料呈現方式去表現：
[Product Name] — [Product Category] | [Brand Name]
這樣的做法除了可以避開一些預設的標題像 “Home” 或是 “New Page”，避開這種只會讓你降低頁面 CTR 的標題吧。
5. 請先放重要的關鍵字
根據一些 Moz 的測試和經驗, 關鍵字放在靠近 Title tag 的開頭會對搜尋引擎的排名較好。此外使用者經驗的研究中提到，有些人看標題時可能就掃前面二個字，請盡量避免下面的寫法，盡量把亮點放進標題：
Brand Name | Major Product Category — Minor Product Category — Name of Product
這樣類型的標題前半部份都長一樣，第一眼看可能會看不出獨特性，另外可能會被搜尋引擎卡掉標題中最獨特的部分。
6. 利用你的品牌名
如果你有一個強大且知名的品牌，請記得加進你的標題裡，會提升你的 CTR，一般都是推薦加在標題的最後面，但是像 home-page 或是 about page，這些需要主打品牌的頁面，Google 可能會自動幫你添加品牌在標題裡，所以你需要自己實際去測試一下，確認一下搜尋結果。
7. 為了你的顧客而寫
要記住你的第一要務是吸引那些目標用戶，那些可能會發現或是喜歡你的內容的拜訪者。去思考用戶看到你的 Title tags 時的體驗，看能不能再優化或是使用更好的關鍵字，Title tags 是用戶與品牌在搜尋結果的第一個互動，盡可能去傳達最準確的訊息給用戶。
除了 Title tag 外，下一篇介紹 description tag 對於網頁的用戶。
備註：這一篇文章內容翻譯自此網頁。
