諮詢熱線:02-2369-8858

標題標籤(title tag)與網頁標題(page title)

標題標籤(title tag)與網頁標題(page title)

最後更新:2018/03/27 作者:Bruce
標題標籤(title tag)與網頁標題(page title)

什麼是標題標籤(title tag)?
標題標籤(Title Tag),是html元素之一,用以撰寫網頁標題。
標題標籤內的文字應該要準確並簡潔地描述網頁的內容,這同時影響到使用性、SEO與社群分享。
搜尋結果中,標題標籤會顯示為一個可點擊的標題連結,如下圖最上方、字體稍大的藍色文字:

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

以下分成幾個段落討論Title Tag在SEO中扮演的角色:

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

(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

熱門文章

行銷STP 品牌市場定位:報紙廣告實戰演練

先了解自己,才能走進對的道路,成長茁壯,發揚光大。   你了解自己的產品服務嗎? 在艱難的行銷道路上,是否開始迷失方向? 好的定位讓您上天堂,沒有明確定位將會讓你如同陷入泥淖,越陷越深離目標越來越遠。   今日來分享奇寶績效師日常....

在你的FB粉絲專頁新增Instagram頁籤!

不知道你有沒有注意過,有些粉絲專頁上會有Instagram的應用程式。 如果你也是常使用Instagram分享圖片做行銷的廠商,可以一起看看鳩竟要如何連結這兩種社群平台喔!   首先,請用粉絲專頁管理員的身分登入FB(請確保是以個人的身分) 接著請在搜尋....

醫學美容行銷,不得不知的六大必修課程 (上....

Yumi : 醫學美容產業在廣告規範上相對嚴謹,廣告行銷事前作業一個都不能少!   上月底衛福部公告修正醫療法,當消息一出,在醫美界投下一大震撼彈,引起相關產業的議論,很多診所紛紛調整各自的網站,避免受罰,再加上廣告平台政策對於醫學美容產業各別有....

FB社群經營第一步,專頁設定看這邊!

經營FB專頁一直是大家很關心、想學習的題目,上次Doris也貼心的為大家整理了小編Check List! 但在開始PO文與粉絲們互動前,有哪些是你不可錯過的設定呢?   封面照和大頭照 這應該算是基本中的基本,讓訪客對你的品牌會產品建立第一印象 封面照:828x315....

延伸閱讀

結構化資料標記,讓google更懂網站的心!

結構化資料標記,讓Google更懂網站的心!   你有沒有在搜尋資料的時候,在結果頁上看到有些網頁呈現出來的資訊就是比其他人還要豐富?能夠展示公司網站中重要頁面、最近的活動、發文、或是在地商家的評等。 而在網頁的html程式碼中做結構化資料標記,....

Google我的商家驗證教學,幫助你完成商家曝....

搜尋公司相關產品或是公司名稱的時候,如果能夠跳出畫面右方紅框的資訊,對於商家絕對是大大加分! 想要做到這件事,首先,你必須先去Google驗證商家。 如果今天已經新增商家或是搜尋到要驗證的商家後,Google提供下列幾種驗證方式- 索取附有驗證碼的明....

描述標籤(Meta Description)的SEO優化

什麼是Meta Description? Meta Description,或者稱作描述標籤,是html代碼中用以簡短描述網頁內容的一個標籤,其格式如下: 你在描述標籤中所撰寫的內容,並不會呈現在網頁上被使用者看到,只有在原始碼和搜尋結果中,才能看到當中的文字。 這些內容,會出現....

7點跨國網站SEO必check要素

7點跨國網站SEO必check要素 如果你的公司正在跨大版圖想跨往世界,那你勢必要經營具備多語系的跨國網站,因此身為行銷人員,你必須分析一些國際網站的特點,因為你必須確認你的網站對SEO是否有幫助,或是根本就具負面影響!?並且分析如何能將網站的SEO發揮極致? 但....

Copyright © KPN SEO 2015. All Rights Reserved / 台北市大安區羅斯福路三段301號8樓 02-23698858 service@kpnweb.com

線上客服