Open Graph debugger · 100% free · private

Open Graph preview,
before you hit share.

Test your OG image, title and description and see the exact social share preview on WhatsApp, Discord, Slack, Telegram, iMessage and X — then copy paste-ready fixes for any missing meta tag.

WhatsApp Discord Slack Telegram iMessage X / Twitter

Some sites block bots. If the fetch fails, switch to the Manual entry tab and paste your tags.

The guide

What is an Open Graph preview?

When someone pastes your link into a social network or a chat app, the platform reads the Open Graph (OG) meta tags in your page's <head> to build a preview card — the image, headline and description people actually see. An Open Graph preview tool like this one fetches those tags and renders the same social share preview each platform would, so you can catch a missing og:image or a truncated title before it costs you clicks.

The three tags that do most of the work — add them inside your <head>:

<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="One clear sentence." />
<meta property="og:image" content="https://yoursite.com/og-image.jpg" />

Recommended OG image size (1200×630)

The single most important field is og:image. Platforms crop and scale it differently, so the safest recommended dimensions cover every case at once. Use this OG image preview to confirm your artwork isn't cropped or blurry before you publish.

Platform Minimum size Recommended Aspect ratio
WhatsApp300×200 px1200×630 px1.91:1
DiscordAny1280×640 px2:1
Slack200×200 px1200×630 px1.91:1
TelegramAny1200×630 px1.91:1
iMessage300×200 px1200×630 px1.91:1
X / Twitter144×144 px1200×628 px1.91:1

Open Graph tag reference

A complete social share preview uses a handful of tags. These are the ones this OG tag tester checks and the ones worth setting on every page you expect to be shared.

Tag Purpose Example value
og:titleThe headline shown on the card. Keep it under 60–70 characters.The Ultimate Guide to Open Graph Tags
og:descriptionSupporting text below the title. Aim for 120–160 characters.Learn how to make your links look great everywhere.
og:imageThe preview image. Absolute HTTPS URL, 1200×630 px.https://yoursite.com/og-cover.jpg
og:urlThe canonical URL the platform should attribute the share to.https://yoursite.com/page
og:site_nameYour brand or site name, shown above or below the title.DominateTools
og:image:width / heightPixel dimensions so platforms can lay out the card before the image loads.1200 / 630
twitter:cardCard style for X. Use summary_large_image for a big image.summary_large_image

How each platform builds its social share preview

Every platform reads the same Open Graph tags but renders them differently. Design for the strictest layout — a card that survives WhatsApp and iMessage usually looks great everywhere.

Why isn't my link preview updating?

This is the most common Open Graph problem, and it's almost never your tags. Platforms cache the social share preview after the first time a link is fetched, so your old card can stick around for days.

Frequently asked questions

What are Open Graph tags?

Open Graph tags are meta tags in a page's <head> — such as og:title, og:description and og:image — that tell social platforms and messaging apps how to build the preview card when your link is shared.

What is the ideal OG image size?

1200×630 pixels (a 1.91:1 ratio) is the recommended Open Graph image size. It renders without cropping on Facebook, X, LinkedIn, WhatsApp, Slack and most other platforms.

Why isn't my link preview updating?

Most platforms cache the social share preview after the first fetch. After editing your Open Graph tags, re-scrape the URL in the platform's debugger or share it in a new message or channel to bust the cached card.

What is the difference between Open Graph and Twitter Card tags?

Open Graph (og:) tags are read by most platforms, while X reads twitter: tags and falls back to Open Graph when they're missing. This meta tag preview tool checks both so your card looks right everywhere.

How do I test my Open Graph image before publishing?

Switch to the Manual entry tab, paste your og:title, description and image URL, or upload an image directly. The tool renders the live social share preview across six platforms so you can check the card before the page is ever live.

Why is my OG image not showing on WhatsApp?

WhatsApp blocks HTTP images and links to auth-gated pages. Make sure og:image is an absolute HTTPS URL with no redirect, is under a few hundred KB, and serves a correct image Content-Type header.

Do I need Twitter Card tags if I already have Open Graph tags?

Not strictly — X falls back to Open Graph tags when twitter: tags are missing. Adding twitter:card set to summary_large_image just guarantees the wide image layout on X instead of relying on the fallback.

Is my URL or image data uploaded to a server?

No. The preview is built in your browser and any image you upload stays on your device. Nothing you enter is stored or sent to our servers.