Meta 標籤是放在網頁 HTML <head> 區塊裡、用來描述這個頁面「後設資訊」的程式碼。它們不會直接顯示在頁面主體上,而是提供給瀏覽器、搜尋引擎與社群平台讀取。雖然使用者看不到它們,但這些標籤大大影響了你的頁面在搜尋結果與社群分享中的呈現方式。
在所有與 SEO 相關的標籤裡,最重要的兩個是 title 標籤與 meta description。它們共同決定了使用者在搜尋結果頁(SERP)上看到的那一段摘要——也就是決定他們要不要點進你的網站的關鍵。
嚴格來說 <title> 並不是 meta 標籤,但它是 head 區塊裡最重要的 SEO 元素之一,習慣上會和 meta 標籤一起討論。它出現在三個地方:搜尋結果的藍色標題、瀏覽器分頁的標題、以及分享連結時的預設標題。
Google 顯示搜尋結果標題時是依「像素寬度」截斷,而非固定字數。以中文來說,因為每個字較寬,建議控制在 30 個全形字以內;英文則大約 50 到 60 個字元。超過的部分會被換成「…」,重點就看不到了。寧可寫得精準、把最重要的字放在前面,也不要冗長到被截斷。
例如一個賣手沖咖啡器具的頁面,與其寫成「咖啡 咖啡器具 手沖 濾杯 推薦」,不如寫成「手沖咖啡入門器具推薦 - 某某咖啡」這樣自然又清楚的版本。
meta description 是頁面的簡短摘要,語法是 <meta name="description" content="...">。它通常會顯示在搜尋結果標題下方的那兩三行說明文字,作用是進一步說服使用者點擊。
同樣是依像素截斷。中文約 70 到 80 個全形字、英文約 120 到 160 個字元是常見的安全範圍。太短會浪費可以說服使用者的空間,太長則會被截斷。
這是很多人會誤解的重點:meta description 並不是 Google 的排名因素。Google 早在多年前就公開說明,description 的內容不會直接讓你的頁面排得更前或更後。換句話說,在 description 裡塞滿關鍵字,不會幫你提升排名。
但這不代表 description 不重要。它影響的是「點擊率」(CTR)——也就是看到你的搜尋結果後,有多少比例的人真的點進來。一段寫得吸引人、與查詢高度相關的 description,能讓更多人選擇點你而不是競爭對手。較高的點擊率本身對使用者導流就有實質價值,因此 description 的角色是「影響成效,但不直接影響排名」。
所以撰寫 description 時,心態應該是「寫一段最能說服真人點擊的廣告文案」,而不是「為搜尋引擎填關鍵字」。
當有人把你的連結分享到 Facebook、LINE、Threads 等社群平台時,平台會去讀取頁面的 Open Graph(OG)標籤,用來產生那張帶有圖片、標題、描述的預覽卡片。沒有設定 OG 標籤的話,分享出去的連結可能只是一串網址,或抓到不相干的圖片,大幅降低點擊意願。
幾個核心的 OG 標籤:
og:title:分享時顯示的標題,可以和 SEO title 略有不同,更口語、更吸睛。og:description:分享卡片上的說明文字。og:image:預覽圖,建議尺寸 1200×630 像素,這是最影響視覺的元素。og:type:內容類型,例如 website 或 article。og:url:這個頁面的標準網址。除了 OG,Twitter(X)有自己的一套 Twitter Card 標籤,例如 twitter:card,但若沒有特別設定,多數情況下它也會回退去讀 OG 標籤。實務上把 OG 標籤設定齊全,就能涵蓋大部分社群平台的需求。
<meta name="viewport" content="width=device-width, initial-scale=1">,確保頁面在行動裝置正常縮放,這對行動友善度至關重要。<meta charset="UTF-8">,宣告字元編碼,避免中文出現亂碼。noindex。Meta 標籤是 SEO 裡投資報酬率很高的一環——花一點時間把每個頁面的 title、description 與 OG 標籤寫好,往往能立刻改善搜尋與社群上的表現。寫完之後,用工具掃描一次確認沒有遺漏或長度問題,是個好習慣。
立即檢測你的網站 SEO