跳至主要內容
    SEO Academyby 盧卡山人

    Open Graph（OG）預覽與除錯

    OG/Twitter Cards 影響分享預覽與點擊，對「工具頁」這種容易被轉貼的內容尤其重要。這篇提供最小可行的 OG checklist 與除錯流程。

    1) 最小必備 OG checklist

    至少把這些欄位填齊，平台才有穩定的預覽：

    html
    <meta property="og:type" content="website" />
<meta property="og:title" content="OG Preview Tool" />
<meta property="og:description" content="Check how your link looks on social platforms." />
<meta property="og:url" content="https://example.com/tools/og-preview" />
<meta property="og:image" content="https://example.com/og-image.png" />

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://example.com/og-image.png" />

    2) OG image 規格建議

    • 尺寸：1200×630（1.91:1）最通用
    • 格式：PNG/WebP/JPEG 皆可，注意壓縮避免過大
    • 文字：把關鍵字放在安全區（四周留白），避免被裁切
    • 快取：更新圖片時可用版本參數（?v=2）或換檔名

    3) 用本站 OG Preview 工具檢查

    1. 打開 OG 預覽工具，貼上你的 URL（或直接輸入 OG 參數）。
    2. 確認 title/description 是否被截斷、圖片是否清晰且不裁切。
    3. 若你還沒寫 meta，可先用 Meta Tags 生成器 產生範本。

    4) 分享預覽快取除錯（必做）

    平台通常會快取抓到的 OG。當你更新 OG meta 或圖片後，請用平台工具觸發重新抓取，或做 cache busting。

    • Facebook：Sharing Debugger
    • LinkedIn：Post Inspector
    • X/Twitter：通常等待快取過期，或更換圖片 URL

    延伸閱讀

    SEO 基礎Meta Tags Generator 教學Open GraphOG Image

    常見問題

    OG 預覽與快取更新的排查。