Open Graph Preview Checker

See exactly how your link looks when shared on social — and fix what's missing.

Paste any public page to check its Open Graph and Twitter tags.

Your social previews will appear here

We check your Open Graph and Twitter card tags and show how the link unfurls on Facebook, X, LinkedIn, Slack, and Discord.

Need this at scale?

Get it as a single API call. 200 free screenshots/month.

How it works

  1. 1

    Paste your URL

    Drop in any public page — a blog post, landing page, or product URL. We fetch the live HTML and read its <head>.

  2. 2

    See every platform

    We render Facebook, X, LinkedIn, Slack, and Discord style cards from your real Open Graph and Twitter tags, side by side.

  3. 3

    Fix what is missing

    A warnings panel flags missing titles, descriptions, and images so you know exactly what to add before you share.

When to use this tool

Use it right before you publish or promote a page. Marketing and content teams check that a new blog post, launch page, or campaign URL shows the right headline and image the moment it lands in a feed or a Slack channel — because a broken preview quietly kills clicks even when the copy is great.

Developers use it to verify Open Graph and Twitter tags after a deploy, especially on server-rendered or statically generated pages where tags can silently drift between templates. Pasting the production URL here confirms the live HTML actually contains the tags you intended, across every platform, in seconds.

It is also the fastest way to debug an inconsistent unfurl: if X shows one image and LinkedIn shows another, the side-by-side cards and raw tag table make the conflicting og:image and twitter:image values obvious so you can ship a single, consistent preview.

Frequently asked questions

What is Open Graph and why does it matter?

Open Graph is a set of <meta> tags (og:title, og:description, og:image, and more) that Facebook introduced and most platforms now read. When someone pastes your link into a social feed, chat, or messaging app, those tags decide whether the link shows a rich, clickable card or a bare, ignorable URL. Good OG tags directly lift click-through rates.

Why does my link preview look different on each platform?

Every platform has its own rules. X (Twitter) reads twitter:card and twitter:* tags first and falls back to Open Graph; Slack and Discord lean on og:* and crop images differently; LinkedIn and Facebook favor a large 1.91:1 image. We render each card from the tags they actually use so you can spot mismatches — for example, a Twitter card that falls back to the wrong image.

What image size should I use for og:image?

1200×630 pixels (a 1.91:1 ratio) is the safe default — it renders crisply on Facebook, LinkedIn, X (summary_large_image), Slack, and Discord without awkward cropping. Keep the file under ~5 MB, use an absolute https URL, and put important text in the center so it survives edge crops.

I updated my tags but the preview has not changed. Why?

Social platforms aggressively cache previews. After you ship new tags, re-scrape your URL with the platform debugger — Facebook Sharing Debugger, X (Twitter) Card Validator, or LinkedIn Post Inspector — to bust their cache. This tool always fetches your page fresh, so use it to confirm the live tags are correct first, then force a re-scrape on each platform.

Does this tool work for single-page apps (SPAs)?

We read the HTML your server returns. If your meta tags are injected client-side by JavaScript after load, crawlers (and this checker) may not see them. Render Open Graph tags server-side or at build time so every scraper gets them in the initial HTML response.

Is it free, and do I need an account?

It is completely free with no signup. If you need to check tags in bulk or pull metadata programmatically, the ScreenshotAPI returns the same Open Graph and Twitter data as a single API call.

More free tools

Automate this with the ScreenshotAPI

One API call returns the screenshot. 200 free screenshots every month — no credit card required.