Open Graph Image Preview & Checker
Enter a page URL — or paste your HTML/meta tags — to see exactly how your link unfurls on Facebook, X and LinkedIn, then fix the issues that stop your card from showing. Pasting and manual edits run entirely in your browser; the URL fetch uses a stateless service that stores and logs nothing.
Only the page URL is sent to our fetch-only service to read its public meta tags — no login, and the URL and page are never stored or logged. Private and internal addresses are refused.
Tags are parsed and previewed in your browser; only the URL itself is fetched server-side.
Previews
Just shipped this — take a look 👇
Shown close to real display size — this is how your card appears when the link is shared.
Validation report
- Failog:image presentmissing
Add an <meta property="og:image"> — without it platforms show no card image.
- Failog:image is an absolute URLmissing
Use a full https:// URL — relative paths like /og.png do not unfurl off-site.
- Warnog:title presentmissing
Add og:title — it's the headline of the card.
- Warnog:description presentmissing
Add og:description — the supporting line under the title.
- Warnog:url present & absolutemissing
Set og:url to the canonical absolute page URL.
- Infotwitter:card = summary_large_imagemissing
Missing twitter:card — X falls back to the OG image but a large card is better with summary_large_image.
- Infoog:type presentmissing
og:type defaults to website; use article for posts.
No image, or it's too small / the wrong shape? Make a crisp 1200×630 card in seconds.
Make one in the editorRecommended tags
<!-- Open Graph -->
<meta property="og:title" content="Your page title" />
<meta property="og:description" content="A concise, compelling description of your page (50–160 chars)." />
<meta property="og:image" content="https://example.com/og-image.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Your page title" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:type" content="website" />
<!-- Twitter / X -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Your page title" />
<meta name="twitter:description" content="A concise, compelling description of your page (50–160 chars)." />
<meta name="twitter:image" content="https://example.com/og-image.png" />Paste these into your page's <head>. Defaults are filled where values are missing. Building tags from scratch? Use the Open Graph Meta Tag Generator →
What this checker validates
A link preview is built from a handful of meta tags in your page's <head>. When a card looks broken, it's almost always one of these failing. The checker inspects each one and tells you what a real crawler sees:
og:imagepresence and URL: that the tag exists and points to an absolutehttps://address, not a relative path.- Image size and ratio: whether the image meets the 1200×630 (1.91:1) recommendation, so it renders as the large card instead of a cropped thumbnail.
- Title and description: that
og:titleandog:descriptionare present and reasonable lengths. - Reachability: whether the image is publicly fetchable by an anonymous request (not gated behind a login or an expiring signed URL).
The most common reasons a preview breaks
Nine times out of ten a missing or wrong card comes down to one of these:
- A relative
og:imageURL. Crawlers don't run in your page's context, so/og/card.pngmeans nothing to them. Always use the fullhttps://yourdomain.com/og/card.png. - Caching. You already fixed it, but the platform is serving an old snapshot. Re-scrape to refresh it.
- An auth-gated image. If the image sits behind a login, private bucket, or expiring token, the crawler gets a 403/404 and shows nothing. Test it in an incognito window.
- An image that's too small. Below ~600×315, most platforms fall back to a tiny square thumbnail.
For a deeper walkthrough, read why your link preview looks broken and the platform-specific fixes for Facebook and Slack & Discord.
Open Graph terms, quickly
- Open Graph (OG): the protocol, originally from Facebook, that nearly every platform uses to build link previews from
og:meta tags. og:image: the URL of the picture shown in the card — the single most important tag for how a link looks.twitter:card: X-specific tag;summary_large_imagerequests the big landscape card.- 1.91:1: the aspect ratio of the standard 1200×630 card. See the full Open Graph glossary.
Frequently asked questions
Why is my link preview blank or not showing an image?
The most common cause is an og:image that uses a relative path (like /og/card.png) instead of an absolute https:// URL — crawlers can't resolve relative paths. Other causes are an image behind a login or expiring signed URL, a robots.txt block, or no og:image tag at all. Paste your URL above to see exactly what a crawler reads.
I fixed my tags but the old preview still shows. Why?
Platforms cache the first version they scrape and serve it for a long time. After you fix the tags you must force a re-scrape: use Facebook's Sharing Debugger ('Scrape Again') or LinkedIn's Post Inspector. This checker always fetches live, so it shows the current tags even when a platform is still serving a stale cache.
What image size does the checker expect?
It validates against the Open Graph standard of 1200×630 pixels (1.91:1). Images much smaller than ~600×315 can drop to a small thumbnail instead of the large card, and off-ratio images get cropped. The tool flags both.
Is my data sent anywhere when I check a URL?
Pasting HTML or editing tags runs entirely in your browser. The 'fetch from URL' option uses a stateless server helper that retrieves the page's HTML to read its tags — it stores nothing and logs no content. Your designs and pasted markup are never saved.
Which platforms does the preview emulate?
It shows how your link unfurls as a Facebook, X (Twitter), and LinkedIn card, since those cover the large-image layouts most sites care about. Because they all read the same standard og: tags, getting one right generally gets them all right.