行銷知識庫

Meta Title、Description 是什麼?Meta Tags 標記教學

2023-03-30

什麼是 meta tags?

如果你想要成為一位 SEO 技術人員,那麼你一定要知道什麼是 Meta Tags 標記。這些標記被放置在網頁 HTML 語法中,提供關於網頁內容的描述性的資訊元素,Google 官方稱之為網頁中繼資料 (metadata) 。我們在過去最常聽到的所謂 TDK (title, description keyword) 就是屬於 Meta Tags 標記的一種,但如今 Meta Keywords 由於過度氾濫使用,已不再是 Google 所參考影響排名的依據。

什麼是 Meta Tags?

網頁中繼資料 (metadata) 的作用是提供給網頁訪問者以及搜尋引擎關於網頁內容的相關資訊。比如 meta title 可以告訴訪問者和搜尋引擎這個網頁的標題,meta description 則提供簡要的網頁內容描述,而 meta keywords 則是用來描述網頁的主題關鍵字。

網頁中繼資料的呈現方式是透過在 HTML 的 head 標頭區塊中放置 meta 標籤,並且由於 HTML 是一種標籤語法 (英文為 tag),搭配中繼資料的英文 metadata,便被許多 SEO 人員稱作為 Meta Tags。要注意 meta 標記是有固定規範的,Google 會忽略不支援的 meta 標記,且為了確保搜尋引擎可以解讀網頁中繼資料,head 標頭部分必須是有效的 HTML。

meta tags example

Google 支援哪一些 meta 標記?

  • description:這個標記的作用是提供簡短的網頁說明。在某些情況下,這則說明會用於搜尋結果中所顯示的網頁摘要。
  • robots/googlebot:透過 index, follow, noindex, nosnippet 等指示,可以控制搜尋引擎檢索及建立索引的行為。
  • google:透過 nositelinkssearchbox, notranslate, nopagereadaloud…等指示,可以控制瀏覽器和搜尋引擎對待網站的行為
  • http-equiv:這個標記能夠定義網頁的內容類型及字元集。請務必在內容屬性值的前後加上引號,否則系統可能會以錯誤的方式解譯字元集屬性。在現代建議盡量使用 Unicode/UTF-8,尤其是一些很舊的中文網站可能會使用 BIG-5 這種古老的編碼。
  • viewport:這個標記會告訴瀏覽器如何在行動裝置上轉譯網頁。如果出現這個標記,Google 就會知道該網頁適合在行動裝置上瀏覽。現代網站大多是 RWD 響應式,如果你的網站特別有為手機版本製作,那麼這個屬性至關重要。
  • rating:將網頁標為含有成人內容,表示安全搜尋應該要過濾這個網頁。

來源:Google 支援的中繼標記和屬性

除了這些常見的元素,網頁中繼資料還包括其他一些標籤,例如 favicon、canonical 等。favicon 是指網頁上顯示的小圖標,可以用來標識網站或網頁。canonical 則是用來指定網頁的規範版本,以避免出現重複內容的問題。

什麼是 Meta Title?

meta title 是指在網頁程式碼中的 HTML 元素,通常出現在瀏覽器的標題欄中,也會在搜尋引擎結果頁面(SERP)中顯示為網頁的標題,Meta title 的內容應該簡潔明瞭,反映網頁內容的主題,並包含關鍵字,這樣搜尋引擎才能更好地了解網頁內容。經過良好的編寫和最佳化,meta title 可以增加網頁在搜尋引擎結果頁面中的點擊率和排名。

Meta Title

嚴格來說由於 title 並非是使用 meta 標籤,不應該稱作為 meta 標記,但由於 title 也放置於 head 區段也是用於解釋網頁的中繼資料,為了方便我們仍然會稱之為 meta title。以下是一個 meta title 的 HTML 範例:

<title>SEO搜尋引擎優化 | 集客數據行銷</title>

在設置 meta title 時,需要注意以下幾點:

  • Meta title 的長度應該符合搜尋引擎的限制,通常不超過 30 個中文字元 (意即 60 個英文字元) ,如超出的話會在搜尋結果中被截斷,變為 …
  • Meta title 應該是獨一無二的,不應該重複使用同樣的內容
  • Meta title 的內容應該與網頁內容相符,不能誤導用戶
  • Meta title 的內容應該包含重要的關鍵字,以便搜尋引擎理解網頁內容

Google 有時並不會完全依照 meta title 的設定顯示搜尋結果,因為 Google 搜尋結果頁上的名稱可能會參考多種不同的資訊,例如 meta title 、h1 元素、結構化資料、Open Graph 屬性…等資訊。

什麼是 Meta Description?

meta description 是指在網頁程式碼中的 HTML 元素,它通常在搜尋引擎結果頁面中顯示為網頁的簡介。meta description 的內容應該簡潔明瞭,反映網頁內容的主題,並鼓勵用戶點擊進入網頁。meta description 也應該包含關鍵字,這樣搜尋引擎才能更好地了解網頁內容。經過良好的編寫和最佳化,meta description 可以增加網頁在搜尋引擎結果頁面中的點擊率和排名。

Meta Description

以下是一個 meta description 的 HTML 範例:

<meta name="description" content="集客數據行銷的集客式SEO優化服務,可以幫助您:關鍵字保證上首頁,透過純seo白帽操作,隨時關注seo演算法更新,透過內容穩定爬升及維持後續排名,以提升頁面在搜尋引擎上的關鍵字排名及曝光度,讓您的品牌更容易被消費者找到。">

在設置 meta description 時,需要注意以下幾點:

  • meta description 的長度應該符合搜尋引擎的限制,通常不超過 140 個英文字元 (意即 70 個中文字元) 的 meta description,如超出的話會在搜尋結果中被截斷,變為 …
  • meta description 應該是獨一無二的,不應該重複使用同樣的內容
  • meta description 的內容應該與網頁內容相符,不能誤導用戶
  • meta description 的內容應該包含重要的關鍵字,以便搜尋引擎理解網頁內容

什麼是 Meta Keywords

Meta Keywords 是 HTML 中的一個 Meta Tag ,它提供了一個網頁的關鍵字列表,以便搜尋引擎更好地理解網頁內容,從而更好地索引和排名網頁。

<meta name="keywords" content="SEO, 搜尋引擎優化, 行銷策略顧問, 行銷解決方案">

在過去,Meta Keywords 曾經是搜尋引擎優化(SEO)中的一個重要因素。網站擁有者可以在 Meta Keywords 中添加多個與網頁主題相關的關鍵詞,從而讓搜尋引擎更容易理解網頁的主題和內容。然而,由於過度濫用和操縱,Meta Keywords 的影響力逐漸下降,甚至有些搜尋引擎已經不再使用 Meta Keywords 來評估網頁。

現在,Meta Keywords 已經不是搜尋引擎排名的關鍵因素之一,但是仍有一些搜尋引擎仍然會使用 Meta Keywords 作為參考,因此在添加 Meta Keywords 時仍然需要謹慎選擇,並確保它們與網頁內容相關。

例如在 2009 年 9 月,Google 官方曾經發表過一篇正式文章說明為什麼 Google 不使用 Meta Keyword,直到今天 Google 仍然維持決定網站排名時不會參考 keywords 中繼標記的政策。

更多關於 Meta 中繼標記的參考資料

上一篇
什麼是 robots.txt?給予正確的搜尋引擎指示來優化 SEO 成效
下一篇
品牌策略如何規劃?4步驟打造完整策略,帶領品牌穩健成長!