All tools Open Graph Checker ● Live Developer Tools This tool approximates social preview metadata from pasted HTML. Final cards can differ by platform cache and cropping rules.

How Open Graph Checker works

  1. Paste the HTML source or head section for the page you want to preview.
  2. Review detected Open Graph and Twitter card fields.
  3. Use the local preview to catch missing title, description, image, or URL values.
  4. Update the source page and recheck before sharing it publicly.
  • Preview a blog post or tool page before sharing it on social platforms.
  • Check whether generated OG tags survived a static build.
  • Debug why a social card is missing an image or title.
  • Compare Open Graph tags with meta title and description values during QA.

Pasted HTML is inspected locally in your browser and is not uploaded to Small Web Apps.

  • The preview is an approximation; each platform crops, caches, and refreshes cards differently.
  • The tool does not fetch live URLs or clear social platform caches.
  • Image availability and final rendering must still be checked with platform-specific debuggers when needed.

Open Graph Checker

Open Graph Checker extracts social sharing tags from pasted HTML and renders a local preview card. It helps verify titles, descriptions, images, URLs, and Twitter card basics before publishing.

Open Graph Checker Runs locally

Social preview

Check Open Graph tags

Preview

Paste HTML to generate a local social preview.
Guide

How to use

  1. Paste the HTML source or head section for the page you want to preview.

  2. Review detected Open Graph and Twitter card fields.

  3. Use the local preview to catch missing title, description, image, or URL values.

  4. Update the source page and recheck before sharing it publicly.

Scenarios

Use cases

  • Preview a blog post or tool page before sharing it on social platforms.

  • Check whether generated OG tags survived a static build.

  • Debug why a social card is missing an image or title.

  • Compare Open Graph tags with meta title and description values during QA.

Good to know

Limitations & Privacy

Private by design

Pasted HTML is inspected locally in your browser and is not uploaded to Small Web Apps.

  • The preview is an approximation; each platform crops, caches, and refreshes cards differently.

  • The tool does not fetch live URLs or clear social platform caches.

  • Image availability and final rendering must still be checked with platform-specific debuggers when needed.

FAQ

Frequently asked questions

Does it fetch my URL like a crawler?

No. Paste HTML from your page source or build output. The tool does not request external URLs, so it can preview pages that aren't publicly live yet.

Why does the preview differ from social networks?

Each platform (Facebook, LinkedIn, X, Discord) caches, crops, and renders preview cards slightly differently and on its own schedule. This tool checks the underlying tags and gives a local, best-effort approximation, not a pixel-perfect match to any one platform.

Why is my og:image not showing in the preview?

Common causes: a relative image path instead of an absolute URL (Open Graph requires absolute URLs), a missing og:image tag entirely, or an image the platform's crawler can't reach — this tool flags the tag's presence and value but can't verify the image loads on every platform.

My social card looks stale after I updated the tags — why?

Social platforms cache Open Graph data aggressively and don't always re-fetch on every share. This tool shows what your current HTML declares, not what a platform has cached from a previous crawl — you may need each platform's own cache-refresh/debug tool to force an update there.

What's the minimum set of Open Graph tags I need?

At minimum: og:title, og:description, og:image, and og:url. Missing any of these typically causes a platform to fall back to generic page metadata or an unpredictable default preview.

Does this also check Twitter/X card tags?

Yes — it extracts twitter:card, twitter:title, twitter:description, and twitter:image alongside the Open Graph fields, since platforms like X primarily use the twitter: namespace when present.