SEO

Meta Title、Description 是什麼?Meta Tags 標記完整教學【2026】

2023-03-30 約 11 分鐘閱讀 Josie Cheng
Meta Title、Description 是什麼?Meta Tags 標記完整教學【2026】
AI 摘要約 11 分鐘閱讀

Meta Tags 是置於 HTML 中的中繼資料標記,用於向搜尋引擎和訪客提供網頁內容資訊。其中 Meta Title 和 Meta Description 最重要,直接影響搜尋結果的點擊率,而 Meta Keywords 因過度濫用已不再是 Google 排名依據。

重點整理
  • Meta Title 應保持 30 個中文字以內,內容獨一無二且包含關鍵字,影響搜尋結果排名與點擊率。
  • Meta Description 限制為 70 個中文字,需簡潔明瞭反映內容,鼓勵用戶點擊進入網頁。
  • Meta Keywords 因過度濫用已失效,Google 自 2009 年起不將其作為排名參考因素。
本摘要由 AI 自動生成 · Powered by Digit Spark AI

Meta Tags(中繼標記)是什麼?
Meta Tags 是放在網頁 HTML <head> 區塊裡、向瀏覽器與搜尋引擎描述網頁內容的標記,Google 官方稱為「中繼資料(metadata)」。最重要的三個是:Meta Title(網頁標題,直接影響排名與點擊率)、Meta Description(搜尋結果摘要,影響點擊率)、Canonical(指定標準網址,避免重複內容);而 Meta Keywords 已被 Google 忽略、不影響排名。寫好 Title 與 Description,是 SEO 裡投資報酬率最高的基本功。

如果你想要成為一位 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 Tags 總表【2026】

Meta Tag(中繼標記)種類很多,但 Google 只支援其中一部分。下表整理 2026 年實務上最重要的標記、用途與 SEO 影響,照著檢查你的網頁就不會漏:

標記 用途 範例 SEO 影響
Title 網頁標題,顯示於搜尋結果與分頁 <title>頁面標題</title> 直接影響排名與點擊率
Description 搜尋結果的網頁摘要 <meta name="description" content="…"> 不直接影響排名,強烈影響點擊率
Robots 控制索引與跟隨連結行為 <meta name="robots" content="noindex,nofollow"> 決定頁面是否被收錄,設錯很致命
Canonical 指定標準網址、整合重複頁面權重 <link rel="canonical" href="…"> 避免重複內容分散排名訊號
Viewport 行動裝置顯示設定 <meta name="viewport" content="width=device-width, initial-scale=1"> 行動友善度的基本門檻
Charset 宣告文字編碼 <meta charset="utf-8"> 避免亂碼、確保正確解析
Open Graph 社群分享的標題、圖片與描述(FB/LINE) <meta property="og:title" content="…"> 影響社群點擊與流量,間接有利 SEO
Twitter Card X(Twitter)分享卡片格式 <meta name="twitter:card" content="summary_large_image"> 同上,社群曝光優化
Keywords 早期的關鍵字宣告 <meta name="keywords"> Google 已忽略,不必再填

什麼是 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 Title 與 Description 要寫多長?【2026 建議】

長度沒有官方硬性規定,但超過顯示寬度會被截斷、影響點擊率。2026 年的實務建議:

  • Meta Title:中文約 28–32 字(約 580px)。把主要關鍵字放在最前面,品牌名放在最後;每一頁的 Title 都必須獨一無二。
  • Meta Description:中文約 75–90 字(約 920px)。用一句話講清楚「這頁能幫讀者解決什麼」,並自然帶到主要關鍵字——關鍵字命中時會在搜尋結果中粗體顯示,有效提升點擊。
  • 行動版顯示寬度更窄:重要資訊放前半段,避免關鍵訊息被「…」吃掉。
  • Google 有時會改寫你的 Description(約有一半機率),改寫多半發生在描述與搜尋意圖不符時——這正是描述要對準使用者問題的原因。

Meta Tags 常見問題(FAQ)

Q1:Meta Tag 是什麼?跟 Meta Title 有什麼關係?
Meta Tag 是「網頁中繼標記」的總稱,放在 HTML 的 <head> 裡描述網頁內容;Meta Title、Meta Description、Robots 等都是其中一種。日常說的「TDK」就是 Title、Description、Keywords 三種標記的簡稱。

Q2:Meta Keywords 還需要填嗎?
不需要。Google 多年前就已宣布忽略 Meta Keywords,填了不會加分;把時間花在 Title 與內容品質上更實際。

Q3:Meta Description 會影響排名嗎?
不直接影響排名,但它決定搜尋者「要不要點你」。點擊率(CTR)是使用者行為訊號,長期而言好的描述會帶來正向循環。

Q4:改了 Title/Description 多久會生效?
Google 重新抓取頁面後才會更新,通常數天到數週。可在 Google Search Console 用「網址審查」請求重新索引來加速。

Q5:要怎麼檢查全站的 Meta Tags 有沒有問題?
小型網站可用瀏覽器「檢視原始碼」逐頁確認;全站健檢建議用 Google Search Console 搭配爬蟲工具(如 Screaming Frog),批次找出過長、重複或缺失的 Title 與 Description。

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

延伸閱讀

AI 行銷顧問
聊聊你的行銷挑戰,AI 幫你找方向 ——
AI 正在分析你的需求…

相關文章

讓專業內容成為你的獲客引擎

想知道這篇主題如何落地到你的品牌?集客顧問免費為你評估現況與成長機會。

免費諮詢

與我們聯繫

填寫表單,專屬數位行銷顧問將盡快與您聯繫。

諮詢需求 *

送出即表示您同意我們依個資政策與您聯繫。本表單受 reCAPTCHA 與 Google 隱私權政策保護。

LINE 諮詢 B2B 獲客白皮書