OGFreeOGImageOpen editor

OG Image Preview & Checker

Paste your HTML or meta tags to see exactly how your link unfurls on Facebook, X and LinkedIn — then fix the issues that stop your card from showing. Everything runs in your browser; nothing is uploaded.

Tip: in your browser open View Source, copy the <head>, and paste it here.

Nothing is uploaded — parsing and previews happen entirely in your browser.

Previews

Open Graph / Facebook
No og:image set

EXAMPLE.COM

Your page title goes here

X / Twitter
No og:image set

example.com

Your page title goes here

LinkedIn
No og:image set

EXAMPLE.COM

Your page title goes here

Validation report

0 passed3 warnings2 errors
  • Fail
    og:image presentmissing

    Add an <meta property="og:image"> — without it platforms show no card image.

  • Fail
    og:image is an absolute URLmissing

    Use a full https:// URL — relative paths like /og.png do not unfurl off-site.

  • Warn
    og:title presentmissing

    Add og:title — it's the headline of the card.

  • Warn
    og:description presentmissing

    Add og:description — the supporting line under the title.

  • Warn
    og:url present & absolutemissing

    Set og:url to the canonical absolute page URL.

  • Info
    twitter:card = summary_large_imagemissing

    Missing twitter:card — X falls back to the OG image but a large card is better with summary_large_image.

  • Info
    og:type presentmissing

    og:type defaults to website; use article for posts.

No image, or it's too small / the wrong shape? Make a crisp 1200×630 card in seconds.

Make one in the editor

Recommended tags

<!-- Open Graph -->
<meta property="og:title" content="Your page title" />
<meta property="og:description" content="A concise, compelling description of your page (50–160 chars)." />
<meta property="og:image" content="https://example.com/og-image.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Your page title" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:type" content="website" />

<!-- Twitter / X -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Your page title" />
<meta name="twitter:description" content="A concise, compelling description of your page (50–160 chars)." />
<meta name="twitter:image" content="https://example.com/og-image.png" />

Paste these into your page's <head>. Defaults are filled where values are missing.