Open Graph Meta 標籤產生器
透過表單產生 Open Graph、Twitter 卡片與 canonical meta 標籤,然後複製 HTML。
🔒 檔案不會上傳到伺服器,全部在瀏覽器內處理。
廣告位(top)
使用方法
- 輸入標題、描述、URL、圖片等。
- 點擊「產生 meta 標籤」輸出 HTML。
- 複製並貼到頁面 <head> 內。
主要功能
- 產生 title、description 與 canonical 標籤
- Open Graph(og:*)標籤
- Twitter 卡片:summary 或大圖
- 用簡單表單產生 HTML
- 複製後貼到 head 標籤
使用情境
- 修正頁面在社群媒體上的分享顯示
- 設定正確的 OG 圖片與 canonical
- 為手寫頁面或 CMS 加入 meta 標籤
廣告位(middle)
常見問題
標籤放在哪裡?
貼到 HTML 的 head 元素內。
OG 圖片建議尺寸?
常用標準是 1200x630 像素。
支援哪些 Twitter 卡片類型?
summary 與 summary_large_image。
相關工具
廣告位(bottom)
