認識 SEO的 Title Tag(標題標記)
Title Tag (標題標記)是HTML裡的元素,用來定義網頁的標題,同時,Title也會被 Google設定為搜尋結果上顯示的網頁標題,因此在 SEO上也是非常重要的優化項目之一。
如果你第一次接觸 Title Tag,他是一個放在HTML <head> 裡面的標記,以巴哈姆特首頁來說,title tag如下:
程式碼範例
<head>
<title> 巴哈姆特電玩資訊站 </title>
</head>
當你正確設定 Title Tag之後,在瀏覽器的頁面上,可以找到網站的 Title:
同時,你對於 Title的設定也會在搜尋結果頁上看到:
Title Tag(標題標記)為什麼重要?
Title Tag(標題標記)在SEO中扮演著非常重要的角色,他影響了很多的層面:
- 排名
首先,Title Tag(標題標記)在 SEO世界中是重要的排名因素之一,世界知名的 SEO工具Moz每幾年便會對業界的 SEO專家們進行調查,在2015年以及2017年的調查報告中我們可以看到,國外業界的150名SEO頂尖專家,都還是將 Title 標記列為重要的排名因素,如果你的標題有提到關鍵字,則對該關鍵字的搜尋排名有幫助。簡單來說,Google會根據你的網頁 Title來判斷該頁面與哪些關鍵字有高度相關,並且會影響在該關鍵字的排名。
- 影響消費者的點擊率
在訪客進行搜尋行為時,title 很容易成為訪客最先看到的區塊,你必須清楚地規劃,你希望在搜尋結果頁呈現甚麼訊息給訪客,該如何寫好標題,訪客才願意點擊你的網頁。
從下圖我們可以看到,當訪客搜尋”samsung s6″的時候,各大網站其實已經開始互相競爭了,假設我都不認識這些網站,title很可能就是我首要看到的區塊,也將影響我決定造訪哪個網站
- 影響品牌形象
如果你的網站已經有很不錯的排名且在搜尋結果中可以看到你的網頁,你的標題怎麼寫,會影響搜尋者對你品牌形象的認知。
舉例來說,我的首頁標題會特別提到我的部落格主要是談論白帽的SEO知識,我希望看到我網站Title的讀者會了解我的品牌核心,就是以網站分析跟白帽的 SEO為主軸。
台灣知名電商瘋狂賣客的 Title,特別提到他們的品牌特色以及行銷活動"免費送到家、賺瘋幣"。
以金石堂來說,則是較為單純的列出自己網站主要銷售的品項。
規劃Title Tag(標題標記)的大原則
其實規劃 Title一點都不困難,跟你寫關鍵字廣告文案的邏輯不會差太多,你只要在規劃 title tag時,確認好以下幾點:
- 你希望訪客在搜尋結果頁中看到甚麼訊息? 在 Title中提供完整的商品訊息、網頁資訊,幫助搜尋者可以在搜尋結果中快速了解你的網頁,幫助他判斷是否要點擊你的網頁。
- 跟設計廣告文案的道理一樣,盡可能寫出能夠吸引別人點擊、資訊又清楚明瞭的標題。
- 你想操作的關鍵字是甚麼?把希望操作的關鍵字應用在Title裡面。
- 每一個網頁都應該有獨立、獨特的 Title,避免網站上有很多頁面用一樣的。
- Title裡面含有品牌名, 萬一訪客沒點擊,你的品牌至少可以曝光在搜尋結果上。
設計 Title的注意事項
- Title 不宜過長
過長的title會讓你沒辦法掌控傳達給訪客的訊息,以中文字來說,Title最好在25-30字左右,超過這個字數你的title在搜尋結果頁會出現顯示不完整的狀況,這樣的情況你沒辦法完整傳達你的訊息給進行搜尋的訪客,你也沒辦法掌控你的title會如何顯示。如果長度超過一點點也許還好,只是影響 Google會截斷你的 Title,如果長度真的超出太多,就會影響你的關鍵字排名(例如說若 Title寫超過50字,離標準的長度差太多,就會對排名有影響了)。
範例A:搜尋”手機APP介紹 旅遊推薦” ,因網頁title過長,google只會顯示符合搜尋關鍵字的部分
範例B:搜尋”智慧觀光APP 阿mon世界趴趴走”,與範例A同網頁卻因搜尋關鍵字改變,顯示的title不同
- 不要為了SEO,不合理的塞一大堆關鍵字想取得排名
當然,因為Title Tag(標題標記)是排名因素之一,你的 Title提到的關鍵字,會讓你對於該關鍵字比較容易有排名,但我們在設計 Title時,盡可能還是以"搜尋者為導向"撰寫對搜尋者有幫助的內容就好,不要為了SEO而在 Title裡面刻意塞一大堆關鍵字,舉例來說,以下就是錯誤的 Title示範:
鞋子推薦、低價鞋子、優質鞋子 | Harris先生
天然洗髮精、高CP值洗髮精、濃縮洗髮精 | Harris先生
以上的第一個範例,便是有些人會希望"鞋子"可以得到好的排名,所以就刻意在 Title提到很多次,但事實上,刻意堆疊 Title內的關鍵字,不但對 SEO沒有正面幫助,而且 Google可能還會自己竄改你的標題,只要你的標題長度太長、太短、語意不順、或是你刻意堆疊,Google都會自行修改你的 Title,舉例來說,我的反向連結這篇文章,在搜尋結果頁上呈現的 Title是:認識反向連結 – Harris先生
但事實上,我設定的 Title是:
你會發現,Google根本沒有按照我設定的 Title顯示到搜尋結果上,因此如果你的 Title 標題長度太長、太短、語意不順、或是你刻意堆疊某個關鍵字,都有可能 Google會去更改你的標題。(Google改我們的標題有很多種原因跟情況,這篇文章中提到的是常見的情況)
- 適當傳達品牌形象
我們上面有提到,搜尋結果頁上的網頁 Title是一個傳達品牌理念跟品牌形象給搜尋者的媒介,不過通常宣導品牌形象跟理念時,比較適合在首頁,因為你的商品頁或文章頁可能會有很多資訊要放,像是商品頁的 Title你會想放上商品名稱、商品規格來幫助搜尋者理解你的商品,文章頁則是會放上完整的文章名稱。
舉例來說,以下為台灣知名美妝品牌小三美日的 Title,小三美日希望在所有網頁的 Title後段都放上"小三美日 | 平價美妝"來幫助搜尋者知道小三美日價的品牌理念為"平價美妝"。
如果你希望像上述範例一樣,每一個頁面的後段都加上一些品牌的理念跟主要訴求,我會建議你在設計時要考量一下,如果你想要在 Title上放上完整的商品名稱跟規格,又想要放上更多品牌的主要訴求的話,整個是否 Title會太長,若在少數的頁面上長度會超過一點點並且你也可以接受 Title被截斷一小部分,那倒是沒有甚麼問題,如果長度會超過太多,我個人則是建議還是把長度控制到規範的 25-30字左右(上述範例為"平價美妝"四個字,倒是在很多頁面上不會太長,如果你想傳達的訴求很多字的話,真的就要考慮一下)。
首頁比較沒有類似的問題,因為首頁在搜尋上通常都是消費者搜尋"品牌名"的時候會找到你,這時候只要首頁有品牌名加上品牌的理念,就可以幫助搜尋你的品牌的人,理解你的品牌主要核心價值。
不同頁面類型的 Title範例參考
其實不同類型跟不同產業的網頁 Title,在設計上有一些常見的範例會是通則可以參考,比方說:
- 首頁
首頁通常在 Title設計上,只要帶到品牌名以及品牌的核心理念/訴求即可,以【品牌名】+ 【品牌核心理念】為主軸,例:
Harris先生 – Google Analytics 網站分析、白帽SEO傳教士
瘋狂賣客Crazymike線上購物–免運送到家| 購物賺瘋幣、消費全額抵!
蝦皮購物| 花得更少買得更好
- 商品頁
為了讓搜尋者在搜尋結果上可以得知完整的商品資訊,商品頁面的 Title通常會放上完整的商品資訊,來幫助搜尋者判斷你的頁面是不是他要的商品,同時,也不要忘記放上品牌名在尾段來得到品牌的曝光,以【商品名稱/規格描述】+ 【品牌名】為主軸,例:
ASUS ZenFone 5 ZE620KL (4G/64G) – PChome 24h購物
Asus Padfone –Yahoo 奇摩購物中心
強韌護色洗髮精-髮絲強健不斷裂,有效護色、煥發亮澤 – 綠藤生機
當然,如同我們剛剛提到的,如果你的 Title不會太長,你也可以在Title尾段的【品牌名】放上一些品牌的主要訴求/核心價值,像是:
(限時)【KLORANE奎寧】養髮洗髮精400ml | 瘋狂賣客天天特賣會 ("天天特賣會"為主要形象/訴求)
ENIE 雅如詩~宇宙染補色洗髮精(300ml) 野豔紅/亞麻綠 – 小三美日 | 平價美妝 ("平價美妝"為主要訴求)
- 文章頁面
文章頁面的 Title設計是最為單純的,通常直接以【文章名稱】+ 【品牌名】為主軸,例:
用Google Analytics 的《內容分組》,輕鬆做好網站分類| Harris先生
10/5星座點點名:魔羯座跟老闆聊天好事會發生!每日星座進化2.0 – 妞新聞
歐洲真的需要財政和政治聯盟嗎? – The News Lens 關鍵評論網
- 服務型網頁(通常為B2B產業)
有些企業的網站主要是為了推廣自己家的服務性產品,比方說像是顧問、會計、B2B的採購/代工,這種狀況下 Title並沒有一個通則,你必須要根據你的服務特性、特質,在 Title裡面帶到你想操作的關鍵字,並且加以描述你的服務特色,來幫助搜尋者了解你的服務,畢竟有部分搜尋者可能就是你的潛在客戶,幫助潛在客戶了解你,肯定對商業是有正向幫助的,例:
SEO顧問服務,業界最有誠信,15年 SEO顧問經驗 – xxx顧問公司
(希望操作的關鍵字為"SEO")
團體衣服訂製,高品質布料、安全 SGS認證 – xxx 團體服飾
(希望操作的關鍵字為"團體衣服")
醫療器材訂製 – 衛生署認證,幫助你照顧你的病患 – xxx 醫療器材
(希望操作的關鍵字為"醫療器材訂製")