OGP Tag 產生器(自動輸出 og:title、og:image 等)

輸入 URL、標題、描述與圖片 URL,即可一次產生 Open Graph 與 Twitter Card 的 meta 標籤。

可直接複製貼上 內建預覽 圖片與快取指引

使用方式

  1. 開啟工具,輸入 canonical URL、標題與圖片 URL。
  2. 需要時可補上描述、網站名稱與 Twitter 設定。
  3. 複製產生出的 meta 標籤,並貼到頁面的 head。
  4. 查看預覽與提示後,依需要調整圖片比例或快取策略。

什麼是 OGP?

Open Graph Protocol(OGP)是一種中繼資料,供社群平台與聊天應用渲染連結預覽使用。

設定 og:title、og:description、og:image 等相關標籤後,可以影響分享 URL 時的顯示方式。

將 OGP 與 Twitter Card 標籤搭配使用,有助於在不同平台間維持較一致的預覽表現。

圖片尺寸指引(讓預覽更穩定)

Meta 平台指引(參考)

  • 最低參考值:200×200。
  • 常見且穩定:1200×630 以上,至少 600×315。
  • 建議目標比例約 1.91:1。
  • 圖片檔案大小建議在 8MB 以下。

X 卡片指引(參考)

  • summary_large_image 通常以約 2:1 的比例為目標。
  • 參考範圍:最小 300×157,最大 4096×4096。
  • 檔案大小建議小於 5MB。
  • 請使用支援的 JPG / PNG / WEBP / GIF 格式。

更新未反映時(快取與重新抓取)

  • 社群平台的爬蟲可能會快取已抓取的中繼資料。請使用各平台的 debugger / inspector 重新要求抓取。
  • 若更換圖片後未生效,變更圖片 URL 往往有幫助(如更新檔名或加 query string)。
  • 設定 og:image:width 與 og:image:height,在某些情況下能提升渲染穩定性。

FAQ

也能產生 Twitter Card 標籤嗎?

可以。可同時輸出 twitter:card 與相關標籤,也提供最小集合模式。

該使用什麼圖片尺寸?

請依目標平台採用實用尺寸。Meta 取向的預覽通常使用約 1.91:1(例如 1200×630),而 X 的 summary_large_image 通常使用約 2:1(例如 1200×600)。

為什麼修改後沒有反映?

多半與快取有關。請透過平台工具重新抓取,必要時也可在換圖後更換圖片 URL。