Open Graph Debugger

What does "OG" mean?

"OG" stands for Open Graph — a metadata standard that tells social platforms how to render link previews.

Where does it come from?

The Open Graph protocol was introduced by Facebook and is now recognized by most platforms (LinkedIn, X/Twitter, Slack, iMessage, etc.).

What is an Open Graph image?

It's the image referenced by the og:image meta tag (and twitter:image for Twitter Cards) that appears in link previews when your URL is shared.

<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="Short, compelling summary." />
<meta property="og:image" content="https://example.com/og-image.jpg" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://example.com/og-image.jpg" />

Why should you care about a high‑quality Open Graph image?

• Higher click‑through rates from social shares.
• Stronger brand recognition and consistency.
• Better readability and accessibility across light/dark UIs.

Quick tips

• Use 1200×630 (1.91:1), PNG or high‑quality JPEG. This is the recommended size for most platforms.
• Keep text large and high‑contrast; avoid clutter.
• Ensure the brand mark/logo is present and clear.

How do I clear cached previews?

Social networks cache preview images. After updating your meta tags, you need to clear their caches:

• Facebook: Use Facebook's Sharing Debugger and click "Scrape Again"
• LinkedIn: Use LinkedIn's Post Inspector to refresh the cache
• X (Twitter): Use X's Card Validator to clear the cache
• Even after clearing, it may take up to 24 hours for changes to appear everywhere