Meta Tag Generator
網站 Meta 標籤 產生器
填寫表單即時產生標準的 HTML Meta 標籤，支援 Open Graph、Twitter Card、Canonical URL 等完整 SEO 元素，一鍵複製貼上。
基本資訊
72 / 320 字元
提示：Keywords 已非 Google 主要排名因素，但仍可能被部分搜尋引擎使用。
指定搜尋引擎索引的標準 URL，避免重複內容問題。
Open Graph
(社交分享)
Twitter Card
(X 分享)
其他設定
即時預覽
個標籤
<!-- 填寫表單後即時預覽 -->
所有資料僅在瀏覽器中處理，不會上傳至任何伺服器。
常見問題
Meta Tag 常見問題
Meta Tag（Meta 標籤）是 HTML 文件 <head> 中的特殊標籤，提供網頁的後設資料給瀏覽器與搜尋引擎。雖然多數 Meta Tag 不會直接顯示在網頁上，但它們對 SEO 至關重要：
• Title Tag：搜尋結果中的藍色標題，是最重要的 SEO 排名因素之一。
• Meta Description：搜尋結果中的摘要文字，影響點擊率。
• Open Graph / Twitter Card：控制社群平台上的分享預覽。
• Canonical URL：防止重複內容問題，確保搜尋引擎索引正確的頁面。
正確的 Meta 標籤設定能提升搜尋引擎排名、增加社群分享曝光、改善使用者點擊意願。
• Title Tag：搜尋結果中的藍色標題，是最重要的 SEO 排名因素之一。
• Meta Description：搜尋結果中的摘要文字，影響點擊率。
• Open Graph / Twitter Card：控制社群平台上的分享預覽。
• Canonical URL：防止重複內容問題，確保搜尋引擎索引正確的頁面。
正確的 Meta 標籤設定能提升搜尋引擎排名、增加社群分享曝光、改善使用者點擊意願。
Open Graph（OG） 是 Facebook 在 2010 年推出的通訊協定，讓網頁在 Facebook、LINE、LinkedIn 等社群平台上分享時，能顯示豐富的預覽資訊（標題、描述、圖片）。
• og:title：自訂分享標題，建議維持 40-60 字元。
• og:description：分享描述，建議 2-4 句話，不超過 200 字元。
• og:image：分享圖片，建議 1200×630 像素，會大幅增加點擊率。
• og:type：內容類型（website、article、product 等），幫助平台正確呈現。
設定正確的 OG 標籤，可以讓網站連結在社群平台上更加美觀且具吸引力，有效提升社群流量。
• og:title：自訂分享標題，建議維持 40-60 字元。
• og:description：分享描述，建議 2-4 句話，不超過 200 字元。
• og:image：分享圖片，建議 1200×630 像素，會大幅增加點擊率。
• og:type：內容類型（website、article、product 等），幫助平台正確呈現。
設定正確的 OG 標籤，可以讓網站連結在社群平台上更加美觀且具吸引力，有效提升社群流量。
Twitter Card 是 X（原 Twitter）的分享預覽協定，功能類似 Open Graph，但專為 X 平台設計。
• summary_large_image：大圖模式，適合內容網站與部落格。
• summary：小圖模式，適合個人資料或簡單頁面。
兩者差異：
• OG 被多數平台廣泛支援（Facebook、LINE、LinkedIn、Slack 等）。
• Twitter Card 只影響 X 平台上的分享預覽。
• 最佳做法：同時設定兩者，確保在所有平台都有最佳分享效果。如果未設定 Twitter Card，X 會自動使用 OG 資訊，但效果較差。
• summary_large_image：大圖模式，適合內容網站與部落格。
• summary：小圖模式，適合個人資料或簡單頁面。
兩者差異：
• OG 被多數平台廣泛支援（Facebook、LINE、LinkedIn、Slack 等）。
• Twitter Card 只影響 X 平台上的分享預覽。
• 最佳做法：同時設定兩者，確保在所有平台都有最佳分享效果。如果未設定 Twitter Card，X 會自動使用 OG 資訊，但效果較差。
Canonical URL（標準網址，rel="canonical"）是用來告訴搜尋引擎：當有多個 URL 指向相同或非常相似的內容時，哪一個才是「正式」的版本。
為什麼重要？
• 防止因重複內容導致的 SEO 懲罰。
• 確保搜尋排名權重集中在單一 URL。
• 常見情境：https vs http、www vs non-www、UTM 參數追蹤、列印版本、分頁等。
使用方式：
每個頁面都應該有自指的 canonical URL（即使沒有重複內容問題），這是最佳實踐。
為什麼重要？
• 防止因重複內容導致的 SEO 懲罰。
• 確保搜尋排名權重集中在單一 URL。
• 常見情境：https vs http、www vs non-www、UTM 參數追蹤、列印版本、分頁等。
使用方式：
<link rel="canonical" href="https://example.com/original-page/" />每個頁面都應該有自指的 canonical URL（即使沒有重複內容問題），這是最佳實踐。
簡短答案：Google 已不使用 Keywords Meta Tag 作為排名因素。
Google 在 2009 年正式宣布不再將 Keywords Meta Tag 用於排名，原因是該標籤長期被 SEO 操作者大量濫用與堆砌關鍵字。
• Bing / Yahoo：仍可能使用 Keywords 標籤作為排名參考之一（但權重極低）。
• Yandex（俄羅斯）：曾表示 Keywords 在某些情況下仍有參考價值。
• 百度（中國）：可能仍使用 Keywords 作為輔助信號。
建議：可以維持 Keywords 標籤（無害），但不要花時間最佳化它。專注在 Title、Description、內容品質與使用者體驗才是正確的 SEO 策略。
Google 在 2009 年正式宣布不再將 Keywords Meta Tag 用於排名，原因是該標籤長期被 SEO 操作者大量濫用與堆砌關鍵字。
• Bing / Yahoo：仍可能使用 Keywords 標籤作為排名參考之一（但權重極低）。
• Yandex（俄羅斯）：曾表示 Keywords 在某些情況下仍有參考價值。
• 百度（中國）：可能仍使用 Keywords 作為輔助信號。
建議：可以維持 Keywords 標籤（無害），但不要花時間最佳化它。專注在 Title、Description、內容品質與使用者體驗才是正確的 SEO 策略。
檢查網站 Meta 標籤有幾種方式：
1. 瀏覽器開發者工具：右鍵 → 檢查 (Inspect) → 看 <head> 區域。
2. 查看網頁原始碼：Ctrl+U（Windows）或 Cmd+U（Mac）直接看 HTML 原始碼。
3. 使用 ToolHub 工具：
• SEO Meta 標籤檢查器 — 貼上 HTML 立即分析所有 Meta 標籤與 SEO 評分。
• Website SEO 全面健檢 — 深入分析網站整體 SEO 健康度。
4. 社群平台偵錯工具：
• Facebook Sharing Debugger
• Twitter Card Validator
• LinkedIn Post Inspector
1. 瀏覽器開發者工具：右鍵 → 檢查 (Inspect) → 看 <head> 區域。
2. 查看網頁原始碼：Ctrl+U（Windows）或 Cmd+U（Mac）直接看 HTML 原始碼。
3. 使用 ToolHub 工具：
• SEO Meta 標籤檢查器 — 貼上 HTML 立即分析所有 Meta 標籤與 SEO 評分。
• Website SEO 全面健檢 — 深入分析網站整體 SEO 健康度。
4. 社群平台偵錯工具：
• Facebook Sharing Debugger
• Twitter Card Validator
• LinkedIn Post Inspector
可以，而且建議這麼做！ Open Graph 和 Twitter Card 可以共存於同一個頁面，兩者不會互相干擾。
最佳做法：
• 設定完整的 Open Graph 標籤（被最多平台支援）。
• 另外加上 Twitter Card 標籤（特定為 X 平台最佳化）。
• Twitter Card 的值可以與 OG 相同或不同。
注意事項：
• Twitter 會回退使用 OG 標籤（如果沒有 Twitter Card 標籤），但效果較差。
• 如果兩者都設定，Twitter 優先使用 Twitter Card 標籤。
• Facebook、LINE、LinkedIn 等則使用 OG 標籤，不受 Twitter Card 影響。
使用這個產生器，只需填寫各欄位，即可自動產生兩者的完整標籤。
最佳做法：
• 設定完整的 Open Graph 標籤（被最多平台支援）。
• 另外加上 Twitter Card 標籤（特定為 X 平台最佳化）。
• Twitter Card 的值可以與 OG 相同或不同。
注意事項：
• Twitter 會回退使用 OG 標籤（如果沒有 Twitter Card 標籤），但效果較差。
• 如果兩者都設定，Twitter 優先使用 Twitter Card 標籤。
• Facebook、LINE、LinkedIn 等則使用 OG 標籤，不受 Twitter Card 影響。
使用這個產生器，只需填寫各欄位，即可自動產生兩者的完整標籤。
SEO 知識庫
深入學習 Meta 標籤
Meta Tag 完整指南
從基礎到進階，全面了解 HTML Meta 標籤的種類、用途與最佳設定方式。包含 Title、Description、Keywords、Viewport 等核心標籤的詳細說明。
Open Graph 優化教學
學會設定完美的 OG 標籤，讓網站連結在 Facebook、LINE、LinkedIn 等社群平台呈現最佳效果，提升社群分享流量與點擊率。
Twitter Card 設定教學
了解 Twitter Card 的四種模式（summary、summary_large_image、app、player），掌握在 X 平台上的最佳分享設定。
Canonical 標籤最佳實踐
深入解析 Canonical URL 的運作原理、常見使用情境、與 301 重新導向的差異，以及多國語言網站的處理方式。
如何優化網站 Meta 資訊
完整的網站 Meta 資訊優化策略，從 Title 寫作技巧、Description 吸引點擊的方法，到 OG 圖片設計要點，一次掌握所有關鍵。
Robots Meta Tag 與 SEO
了解 Robots Meta Tag 的各種指令（index、follow、archive、snippet 等），以及如何正確設定搜尋引擎的爬取與索引行為。