​什麼是標題標籤（title tag）？

標題標籤（Title Tag），是html元素之一，用以撰寫網頁標題。標題標籤內的文字應該要準確並簡潔地描述網頁的內容，這同時影響到使用性、SEO與社群分享。

搜尋結果中，標題標籤會顯示為一個可點擊的標題連結，如下圖最上方、字體稍大的藍色文字：

 

標題標籤的html代碼格式如下：

 

 

 

 
一、標題標籤的重要性

要讓搜尋引擎了解網頁在講述什麼內容，標題標籤是其中一個重要的因素。並且，它也是使用者在查看搜尋結果時，對網頁產生的第一印象。除了對排名的影響以外，標題寫的是否容易理解、吸引人也大大影響了點擊率。

標題標籤內所寫的標題，會在三個重要的地方出現：

 

1. 搜尋結果頁面

大部分時候，搜尋結果會顯示你在標題標籤所寫的內容，並且是使用者決定是否查看網站前的重要體驗。網站即便有好的排名，但因為標題不佳而沒辦法帶來相對應的點擊，也無法得到實質的效果，後面的段落會再講解該如何撰寫標題。

 

2. 瀏覽器的頁籤

你的標題標籤也會顯示在瀏覽器的頁籤中，當使用者開啟了許多頁籤時，在前端安插關鍵字、簡單而容易辨識的網頁標題有助於使用者回頭找尋你的網頁內容，如下圖所示：

 

3. 社群分享的文字說明

一些外部網站，尤其是社群媒體，會使用你的標題標籤來當作分享時預設的文字標題，如下圖：

另外補充，一些較熱門的社群網站如Facebook、Twitter、Google+等，有各自meta標籤可以撰寫針對該平台的網頁標題。這讓你有能夠對不同平台採不同的策略，在需求下提供較短或較長的分享標題。

 

 

 
二、Google搜尋結果中的標題會顯示多少字?

一般來說，Google最多顯示約50-60個英文字元，中文字元則大概是30個字元左右， Google會在寬度600像素的容器內顯示適當的標題 ，由於字元有不同的寬度，故很難說出一個固定的顯示字數。

在網頁版與行動裝置所顯示的結果標題字數也可能會有所不同，底下找了兩個例子提供參考：

 

 

 
三、如何優化網頁標題

1. 為每個網頁撰寫獨特的標題

優化標題的最基礎，就是讓每一個網頁都有標題。身為使用者，如果看到搜尋結果出現只有「Untitled」或是「首頁」的這種標題連結，想必點擊的意願會十分的低。

正常的網站，即便是在同一個主題之下，每一頁的具體內容應該也不會相同，所以，你應該要替每一頁設置對應內容的標題。除了讓搜尋引擎可以正確透過標題理解網頁內容，也是在建立較好的使用體驗、提高點擊率。

規模較小的網站，可以手動撰寫每一頁的標題，但隨著網站規模擴大，逐一撰寫的工作量也直線上升，所以大型網站較佳的做法應該是設計標題的產生範本與公式，透過程式抓取網頁上特有的內容產生標題。以一個擁有上千項產品的電子商務網站來說，你可以透過上述的方式產生像下面這種標題：

 產品名稱 - 產品分類 | 網站名稱 

 

2. 與網頁內容相關，為使用者而寫

SEO的主要目的並不僅僅是排名，最重要的應該是如何吸引目標客群點下連結，讓你的內容對他產生價值。

所以在撰寫網頁標題時，應站在使用者的立場，考慮是否能夠透過標題文字輕易的理解網頁要陳述的主旨、點擊進入網頁後是否有符合期待的相關內容。在這同時，為了準確描述網頁，自然而然就會把目標關鍵字放置在標題中了，並且應避免與該頁面內容無關的關鍵字。

 

3. 注意標題長度

在技術上來說，title標籤裡面可以寫入任意長度的文字，但如同前面提到的，搜尋結果所顯示的標題字數會有所限制。

如果網頁的標題過長，搜尋引擎可能會將其截斷，並在後面放上「...」，這可能導致重要的關鍵字詞無法顯示。撰寫的標題過長，並不會引來搜尋引擎的懲罰，但是標題越長，不相干的文字可能就越多，不利於突出相關的目標關鍵字。

標題若是以中文撰寫，字數建議維持在15-25個字，維持簡短的標題可以減低被截斷的機會，同時對於凸顯目標關鍵字也會有較佳效果。

若是以英文撰寫，因為英文字母間的寬度差異較大，如i、l與W就相差不少，相同字數的標題實際顯示的字數可能差異頗大。英文標題應避免全部使用大寫，一方面大寫英文字母的寬度較寬，可顯示的字數會少很多，更重要的是：不方便閱讀。

即便字數已控制在合理的範圍內，搜尋引擎仍舊有可能顯示與title tag內不同的標題連結，舉例來說，Google可能會幫你省略部分標題，在後面加上品牌或網站名稱。

 

4. 避免堆砌關鍵字

堆砌關鍵字是許多人容易犯下的錯誤，為了瞄準關鍵字、提高相關性，不自然的多次使用關鍵字的變體。例如：

 手機零售 | 手機批發 | 特價手機  - xx手機賣場 

在這個時候，可以試著將這些關鍵字的變體，融合成通順的語句。上面舉例的標題可以改為：

 特價手機零售批發 - xx手機賣場 

堆砌關鍵字沒有必要，這樣的標題，很可能讓搜尋引擎或是使用者覺得這是一個為了充塞關鍵字而寫的標題，如果因而降低排名或點擊率就太不值得了。

 

5. 將重要的關鍵字放在最前面

Nielsen Norman Group在2006針對使用者的視線軌跡所做的研究發現，許多人在閱讀網頁內容時的視線會呈現F狀，在最上方的內容水平看完後，沿著左邊向下垂直掃描內容，而水平向右閱讀看的內容則是隨著視線往下而逐漸減少。

儘管閱讀模式並不是只有F狀一種，但是在此一研究的結果，多少可以幫助我們將最重要的關鍵字或資訊擺放到較多人可能會看到的位置，也就標題的最前方，讓使用者在掃視搜尋結果時更容易看到重點字詞。

 

6. 善用品牌印象

如果你的品牌原本就有很不錯的知名度，在標題內放置品牌名稱，或許可以讓使用者因為熟悉、信任等感覺而增加點擊的意願，多次出現的品牌名稱也可以讓使用者加深印象。

你可以將品牌放置在一般頁面標題的最尾端；而如果你想透過首頁、公司等特定頁面的標題加強品牌印象的強度，也可以靈活調整到品牌名稱的位置到前方。

 

 

 

四、為什麼Google不是顯示我寫的標題?

有時候，Google在搜尋結果中所顯示的標題，不會和你在title tag裡面所寫的相同，儘管可能讓人灰心，但你並無法控制這個情況發生。當Google認為比起你所提供的標題， 從其他文字來源所組成的標題對搜尋者可能更有幫助時，它就會主動幫你製作一個改進過的標題，文字可能來自錨點文字、頁面上的內容、meta tag或其他來源。

標題如果遭到Google改寫，可能是因為以下狀況：

1. 標題過度填充關鍵字
2. 在許多網頁上使用相同的標題
3. 原標題對查詢詞來說不夠適切
4. 搜尋引擎認為應該幫你的標題加上品牌名稱
5. 透過robots.txt禁止搜爬頁面但仍被索引

稍微解釋一下第5點：透過robots.txt文件內的設定，你可以阻止搜尋引擎爬取特定頁面的內容，但這並不見得會阻止頁面被索引。Google可能透過其他網站的連結而找到頁面進而索引之，而因為Google無法取得頁面上的內容，所以它必須要從其它的文字來源拼湊出一個標題來呈現。

看完以上內容，希望你對於網站的標題該如何優化，有更深入的了解。

試著調整你的網頁標題，在搜尋結果中吸引使用者的眼球吧！

 

 

cover image credit：Designed by Dooder / Freepik

本文作者：Bruce