🔍 SEO 元標籤產生器

輸入頁面資訊，自動產生 title、description、Open Graph、Twitter Card 等完整 HTML meta tags，並即時預覽 Google 搜尋結果與社群分享卡片。

什麼是 SEO Meta 標籤產生器？

SEO Meta 標籤產生器讓你輸入頁面資訊，自動產生 title、description、Open Graph、Twitter Card 等完整的 HTML meta tag。這些標籤決定你的網頁在 Google 搜尋結果與社群分享時如何呈現，正確設定能提升點擊率與分享效果。

不必死記各種標籤的格式，填入標題、描述、圖片網址等資訊，工具就會產生可直接貼進 <head> 的完整程式碼。

適用情境

如何使用

  1. 輸入頁面標題、描述與網址。
  2. 填入社群分享用的預覽圖網址等資訊。
  3. 工具產生 title、description、OG、Twitter Card 標籤。
  4. 複製產生的程式碼，貼進網頁的 <head>。

使用技巧

名詞解釋

meta 標籤
放在 HTML <head> 中、描述頁面資訊給搜尋引擎與社群的標籤。
Open Graph
定義網頁在 Facebook 等社群分享時呈現方式的標準。
Twitter Card
定義網頁在 Twitter/X 分享時預覽樣式的標籤。

常見問題 FAQ

什麼是 Open Graph（OG）標籤？

Open Graph 是 Facebook 制定的一套 meta tag 規範，當你把網址分享到 Facebook、LINE、Slack 等平台時，這些平台會讀取 og:title、og:description、og:image 等標籤來顯示預覽卡片。設定好 OG 標籤能大幅提升分享後的點擊率。

Title 和 Description 多長才適合？

Title 建議 50–60 字元（約 24–30 個中文字），超過 60 字元 Google 可能截斷。Description 建議 120–160 字元（約 60–80 個中文字），太短浪費空間，太長同樣被截斷。重要關鍵字放在前面。

Canonical URL 有什麼作用？

Canonical URL 告訴搜尋引擎「這個頁面的正式網址是什麼」，解決重複內容問題。例如同一頁面可能有帶 UTM 參數的版本（example.com/page?utm_source=email），canonical 指向無參數的主要 URL，避免權重被分散。

Robots meta tag 設為 noindex 會怎樣？

設為 noindex 會告訴 Google 等搜尋引擎不要索引此頁面，頁面不會出現在搜尋結果中。適合用於感謝頁、登入頁、測試頁等不希望被搜尋到的頁面。若你的頁面都不在 Google 搜尋中出現，請先檢查是否誤設了 noindex。

會產生哪些標籤？

包含 title、meta description、Open Graph（og:title、og:description、og:image 等）與 Twitter Card 等完整標籤，涵蓋搜尋與社群分享需求。

title 和 description 該多長？

一般建議 title 約 60 字元內、description 約 155 字元內，超過容易在搜尋結果中被截斷，重點請放前面。

Open Graph 圖片用什麼尺寸？

建議使用 1200×630 像素（約 1.91:1）的圖，在 Facebook、LINE 等社群分享時預覽最完整、不易被裁切。

資料會上傳嗎？

不會。標籤在你的瀏覽器本機產生，輸入內容不會上傳或儲存。