撰寫描述性 <title> 元素的最佳做法

撰寫描述性 <title> 元素的最佳做法

標題連結可供使用者快速掌握搜尋結果的內容，瞭解搜尋結果與查詢內容的相關性，因此十分重要。一般來說，使用者會依據資訊的主要內容決定要點閱的搜尋結果，所以請盡量在您的網頁上提供高品質的標題連結。

• 確認您已使用 <title> 元素為網站上的所有網頁指定標題。

• 在 <title> 元素中使用簡明扼要的文字，避免過於籠統的語彙。例如，請不要將首頁標題稱為「首頁」，或將特定使用者的個人資料網頁標題稱為「個人資料」。此外，<title> 元素中的文字也不宜過於冗長，以免無法在搜尋結果中完整顯示。

• 請避免在標題中濫填關鍵字。雖然在 <title> 元素中提供具有描述性的字詞十分實用，但請勿重複使用相同的字詞或詞組。「Foobar, foo bar, foobars, foo bars」之類的標題文字對於使用者毫無助益，且這種在標題中濫填關鍵字的情形可能會讓 Google 和其他使用者認為這筆結果不可靠。

• 避免在 <title> 元素中使用重複或公式化的文字，務必為網站上各個網頁的 <title> 元素撰寫獨特且具有描述性的文字。例如，如果將商務網站上每一頁的標題都稱為「便宜商品大拍賣」，使用者就很難區分各網頁間有什麼不同。我們也不建議在 <title> 元素中使用內容大同小異的冗長文字，這會讓標題過於「公式化」；舉例來說，如果將所有網頁的 <title> 元素文字都設為「<樂團名稱> - 查看影片、歌詞、海報、專輯、評論和演唱會資訊」，就會導致標題中包含許多不具說明效果的文字。

  其中一種解決方法是以動態方式更新 <title> 元素，使其更能充分反映網頁的實際內容，例如只在含有影片或歌詞的特定網頁上，才加入「影片」、「歌詞」等字詞。另一種方法則是精簡 <title> 元素中的文字，只使用樂團的實際名稱，然後搭配中繼說明來描述網頁內容。

  
  

• 以簡明扼要的方式在標題中宣傳品牌。網站首頁的 <title> 元素相當適合用來提供網站的相關資訊，例如：

  <title>ExampleSocialSite, a place for people to meet and mingle</title>

  但如果每個網頁的 <title> 元素都顯示這段文字，網站的可讀性就會降低，假如同一筆查詢傳回您網站上的多個網頁，那種重複的感覺也會特別明顯。在這種情況下，請考慮只在每個 <title> 元素文字的開頭或結尾加入網站名稱，並以連字號、冒號或直立線做為分隔符號，如下所示：

  <title>ExampleSocialSite: Sign up for a new account.</title>

  
  

• 禁止搜尋引擎檢索您的網頁時請格外謹慎。在網站上使用 robots.txt 通訊協定可有效阻止 Google 檢索您的網頁，但無法完全禁止 Google 為這些網頁建立索引。舉例來說，只要能從其他人的網站連至您的網頁，Google 就可以為您的網頁建立索引；但如果我們無法存取網頁內容，就會以其他網站的錨定文字等站外內容做為標題連結。如要禁止網址編入索引，可以使用 noindex 指令。

Google 搜尋如何產生標題連結

Google 搜尋結果網頁中的標題連結是以全面自動化的方式產生，決定過程中會一併考量該網頁的內容，以及網路上引用該網頁的參照文字。標題連結的最終目標是盡可能完整呈現並描述每筆搜尋結果。

Google 搜尋會使用下列來源自動判斷標題連結：

• <title> 元素中的內容

• 網頁上顯示的主要標題文字

• 標題元素，例如 <h1> 元素

• 其他透過調整樣式而變得更大而顯眼的內容

• 網頁中的其他文字

• 網頁上的錨定文字

• 指向該網頁的連結中使用的文字

提醒您，Google 必須重新檢索並重新處理網頁，才會注意到這些來源的更新內容，這個過程可能需要幾天到幾週的時間。如果內容有所變更，您可以要求 Google 重新檢索您的網頁。

雖然我們無法手動變更個別網站的標題連結，但會不斷努力提高標題連結與網頁的相關性。您可以採用相關最佳做法，協助我們改進您的網頁在搜尋結果中呈現的標題連結品質。

避免發生 <title> 元素的常見問題

以下是我們在網頁的 <title> 元素中最常發現的問題。為了避免發生這些問題，請遵循撰寫描述性 <title> 元素的最佳做法。

我們的網站設計系統可分別於每個頁面設定獨立的 title ，詳細可參考形象官網系統頁面說明。

如何提高SEO分數? 請參考SEO反向連結backlink頁面說明。

#網路行銷168

#網站設計

#SEO

#title