Open Graph Meta 標籤產生器

透過表單產生 Open Graph、Twitter 卡片與 canonical meta 標籤,然後複製 HTML。

🔒 檔案不會上傳到伺服器,全部在瀏覽器內處理。

使用方法

  1. 輸入標題、描述、URL、圖片等。
  2. 點擊「產生 meta 標籤」輸出 HTML。
  3. 複製並貼到頁面 <head> 內。

主要功能

  • 產生 title、description 與 canonical 標籤
  • Open Graph(og:*)標籤
  • Twitter 卡片:summary 或大圖
  • 用簡單表單產生 HTML
  • 複製後貼到 head 標籤

使用情境

  • 修正頁面在社群媒體上的分享顯示
  • 設定正確的 OG 圖片與 canonical
  • 為手寫頁面或 CMS 加入 meta 標籤

常見問題

標籤放在哪裡?
貼到 HTML 的 head 元素內。
OG 圖片建議尺寸?
常用標準是 1200x630 像素。
支援哪些 Twitter 卡片類型?
summary 與 summary_large_image。