Open Graph Preview

Fetch the Open Graph and Twitter Card tags from any public URL and preview how the link will unfurl as a social card.

Input

Use this free Open Graph Preview to preview how your content looks on social media.

About the Open Graph Preview

The Open Graph Preview fetches the live HTML of your page through our proxy, extracts its `og:*` and `twitter:*` tags, and renders a single representative preview card. That way you can see roughly how the link will unfurl and which tags are missing before you share anything.

How the Open Graph preview works

You submit a URL, the page HTML is fetched once (8-second timeout, 1 MB cap, HTML content types only) and parsed for every meta property/name pair, the <title>, and rel="canonical". Values then resolve through fallback chains: og:title → twitter:title → <title>; og:description → twitter:description → description; og:image → og:image:url → og:image:secure_url → twitter:image. Relative URLs are resolved against og:url, the canonical link, or the final redirect URL. Titles are cut at 70 characters and descriptions at 200, with an ellipsis. Missing tags become an issue list, and the generated snippet sets twitter:card to summary_large_image only when an image was found.

Why Marketers Use This Tool

A representative preview card showing roughly how a large-image link unfurls.
Automatic metadata fetching—no need to copy/paste HTML manually.
The page is fetched through our server-side proxy, so any public URL works and the parsed result is shown only to you.

How to Get a Perfect OG Card

1

Paste the public URL of the page you want to inspect (no login walls).

2

Click Run Tool so we fetch and parse the live metadata automatically.

3

Review the preview card and the warnings for any missing tags.

4

Copy the recommended meta tags block and update your CMS or head component.

Common Mistakes

Testing a URL that requires authentication—our fetcher can only read publicly accessible pages.
Relying on OG tags only and forgetting `twitter:*` fields for X cards.
Using portrait images; stick to 1200×630px to avoid cropping across platforms.

See also

  • Meta Title Checker — Once og:title is in place, check that the underlying <title> still fits within the length Google displays.
  • Meta Description Preview — Social cards fall back to the plain description tag, so preview how that same text renders in a Google snippet.

FAQ

What image size should I use?

1200×630px (1.91:1) works across Facebook, LinkedIn, and X. Smaller images may appear pixelated.

Does this preview guarantee how platforms render the card?

We follow the OG/Twitter specs, but each network can still rewrite text or crop images. Treat this as a best-practice guide.

Can I use it for Twitter Cards?

Yes. We surface `twitter:*` issues separately and show how the card will look on X.

Is my content uploaded anywhere?

We fetch the page through a lightweight proxy solely to read the meta tags. The parsed result stays in your session and is not stored.