Social Share Preview

Before you share a link, see how it'll actually look as a social card. Enter your title, description and image and this previews the share card — so your link earns clicks instead of looking broken.

Free vs paid — when to upgrade

What this free tool is great for: a quick, one-off job with no signup — it runs entirely in your browser, so nothing leaves your device and there's nothing to manage.

Its honest limit: it checks or generates one thing in your browser — it won't track rankings over time, monitor changes across many pages, or optimise at scale.

Where Vista Social does more: Previewing one card is handy. To schedule, publish and preview posts across all your social accounts from one place, a tool like Vista Social does the rest.

Try Vista Social →

Affiliate link — we may earn a commission if you sign up, at no cost to you. It never changes our honest take.

The social card is your link's first impression

When someone shares your link on LinkedIn, Facebook, Slack, WhatsApp or X, it almost never appears as a bare URL. It unfurls into a card: a title, a short description and a big image. That card — not your page — is what people actually see and decide whether to click. And you control it, through a set of tags called Open Graph. Leave them out and the platform guesses, often badly, pulling a random image and a stray line of text. Set them deliberately and every share becomes a small, on-brand advert. This tool shows you that card before you publish, so you're never surprised by how your link looks in the wild.

What Open Graph actually is

Open Graph is a simple standard, originally from Facebook, that lets any page describe itself to social platforms through meta tags in its head section. When a platform's scraper visits your URL, it reads those tags to build the preview card. Because nearly every major network now understands Open Graph, a handful of tags controls how your link looks almost everywhere at once. It's one of the highest-leverage bits of markup you can add: a few lines that determine the appearance of every future share of that page, across every platform, for as long as the page exists.

The tags that matter

Five tags do most of the work. og:title is the card's headline — often better written as a punchy share-worthy line than a straight copy of your SEO title. og:description is the supporting line beneath it, your chance to add a reason to click. og:image is the single most important tag, because the image dominates the card and drives the click far more than the text. og:url declares the canonical address of the page, keeping shares consolidated on one URL. And og:type (usually "website" or "article") tells the platform what kind of content it is. Get those five right and your card looks intentional everywhere it appears.

The image is the whole game — get the dimensions right

Because the image carries the click, its dimensions matter enormously. The widely-supported standard is 1200 by 630 pixels, a roughly 1.91-to-1 ratio that fills the large card format cleanly without being cropped. Go too small and platforms may render a tiny thumbnail instead of the big banner; use an odd aspect ratio and your image gets awkwardly cut, often straight through the important part. Keep essential text and faces near the centre, because edges can be trimmed on some layouts. A crisp, correctly-sized image is the difference between a card that stops the scroll and one that gets ignored.

Twitter, X and platform-specific cards

X historically used its own Twitter Card tags (twitter:card, twitter:title, twitter:image) alongside Open Graph. In practice it falls back to your Open Graph tags when the Twitter-specific ones are absent, so at minimum your OG tags should be solid. If you want fine control over how the card looks specifically on X — for example choosing a large "summary_large_image" layout — adding the Twitter tags gives it. The broader lesson is that while Open Graph covers most platforms, a few have their own extensions, and the safe baseline is complete OG tags first, platform-specific tags second where you care about the detail.

Why your edits don't show up — the caching trap

Here's the single most confusing thing about social cards: you fix your tags, re-share the link, and the old, wrong preview stubbornly reappears. That's caching. Platforms scrape your page once and store the result for a good while, so they don't re-read your tags on every share. The fix is to force a refresh using the platform's own debugging tool — Facebook's Sharing Debugger, LinkedIn's Post Inspector, X's card validator — each of which re-scrapes your URL and updates the cached preview. If a card looks wrong after you've corrected the tags, don't assume your tags are broken; nine times out of ten you just need to bust the cache.

The mistakes that make links look broken

A few errors recur constantly: no og:image at all, so the link unfurls as a sad, text-only strip; an image with the wrong dimensions that gets cropped through the subject; a title and description left as the raw defaults, so the card reads generically; and forgetting that every important page — not just the homepage — needs its own tags, or every deep link shares the same stale card. None of these are visible from your own page; they only appear when someone shares it, which is precisely why previewing the card before you publish, rather than discovering the problem after it's been shared a hundred times, is worth the thirty seconds.

What happens when the tags are missing

It's worth knowing the failure mode you're avoiding. When a page has no Open Graph tags, platforms fall back to guessing: they'll grab the HTML title tag if there is one, scrape the first substantial image they find (which might be a logo, an ad, or nothing usable), and sometimes pull a random sentence for the description. The result ranges from bland to embarrassing — a card featuring your cookie-banner text over a stray icon. Because the fallback is unpredictable and varies by platform, "no tags" effectively means "surprise me every time someone shares this." Setting the tags is how you replace that lottery with a card you actually chose.

Previewing one card vs publishing everywhere — where Vista Social does more

Checking how a single link will look is exactly what this tool is for, and it'll save you from ugly surprises. The bigger job is running social itself: writing posts, choosing images, scheduling them across every network, and seeing the preview for each platform before it goes out — repeatedly, week after week. That's where a social management tool like Vista Social does more: it lets you compose once, preview how the post and its card will appear on each network, schedule everything from one place, and track what actually got engagement. Use this preview to perfect a page's card; use a full platform to publish and preview across all your accounts without hand-checking every link.

Frequently asked questions

More free content & seo

Browse all free tools →

Embed this tool on your site

Blogger, teacher or toolmaker? Put this calculator on your own page — free forever, no strings. Copy the snippet below (the credit link is appreciated and keeps the tool free):

This tool is free and runs entirely in your browser. The link above is an affiliate link: we may earn a commission if you sign up, at no extra cost to you, and it never changes our honest take.