🔎 Open Graph & Twitter Card Checker

See exactly how a page will look when shared on social media.

What This Tool Does

Open Graph & Twitter Card Checker fetches a page's actual meta tags and shows you a preview of how that page will look when someone pastes its link into Facebook, LinkedIn, Slack, iMessage, or X/Twitter — plus a clear pass/fail table for each required tag, so you can catch missing or broken social metadata before it embarrasses a launch or campaign.

Why Link Previews Matter

The vast majority of link clicks on social platforms are influenced by what the preview card shows — a compelling image and title measurably increase click-through rate, while a missing or broken preview (a blank gray box, or the wrong image entirely) quietly kills engagement before anyone even reaches your page. Because this rendering happens entirely outside your own site, based purely on meta tags a bot briefly fetches once, it's easy for it to go unnoticed until someone reports "your link looks broken when I share it."

How It Works

The tool retrieves the page's raw HTML through a CORS-enabled relay, then reads it with the browser's own DOM parser to extract the specific meta tags social platforms look for: og:title, og:description, og:image for Facebook/LinkedIn-style Open Graph previews, and twitter:card for X/Twitter's card format. It then renders an approximate visual preview alongside a clear table showing exactly which tags were found and which are missing.

Fixing Common Issues

A missing og:image is the most common and most damaging gap — most platforms will either show no image at all or attempt an unpredictable auto-selection from the page. A missing og:title or og:description usually causes the platform to fall back to the page's regular <title> tag or a generic snippet, which is rarely as compelling as purpose-written social copy. Use our Meta Tag Generator to produce a complete, correctly formatted set of these tags to paste into your page's <head>.

Why does the preview here look slightly different from the actual platform?

Each platform (Facebook, LinkedIn, X, Slack) renders card previews with its own specific sizing and cropping rules — this tool gives a close, representative approximation rather than a pixel-perfect match for every platform.

My tags are correct but the old preview still shows on Facebook — why?

Facebook aggressively caches link previews; use Facebook's own Sharing Debugger tool to force it to re-scrape your updated tags.

Do I need both Open Graph and Twitter Card tags?

Yes — X/Twitter primarily reads its own twitter:card tags, though it will fall back to Open Graph tags if Twitter-specific ones are missing, so including both is the safest approach.

What image size should og:image use?

1200x630 pixels is the widely recommended size for crisp, correctly cropped rendering across most major platforms.

Can this check a page that isn't published yet?

No — it can only fetch pages that are already publicly accessible online, since it retrieves the live HTML the same way a social platform's crawler would.