Home › Free Tools › Social Share Preview

Social Share Preview

Free tool · by Daniel Haket

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 in your browser 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 →Read our full Vista Social review →
Affiliate link — we may earn a commission if you sign up, at no cost to you. It never changes our honest take.
When you outgrow the free tool

Doing this by hand every week?

A free tool is fine for a one-off. If social share preview is a weekly job, these take it off your plate.

PixlrTop pick

Best for people making quick social images in a browser

Sounds like you? “I want a cheap, ad-free photo editor in my browser for quick social and marketing images.”

Plan that fits: Plus, €2.49 a month (€1.99 a month billed yearly), shown in euros from a Netherlands connection

Best for small businesses setting up a brand look

Sounds like you? “Logo, brand kit and social posts come from different tools, and I can't preview the design before paying.”

Plan that fits: Starter, €29/mo or €199/yr (1 brand, 300 AI credits a month)

Best for weekly podcasters with one long episode

Sounds like you? “After every episode I still spend an evening writing show notes, a newsletter and social posts by hand.”

Plan that fits: Hobby, $19 a month billed annually ($29 monthly); check first whether its 30 hours reset each month

Best for Shopify stores testing AI blog posts for free

Sounds like you? “I can't try AI blog posts with SEO scoring without paying first.”

Plan that fits: Free plan, 10 posts a month per the App Store listing (the vendor FAQ says 3)

Picked from our review dossiers: who each tool suits, their problem in their words, and the plan that fits. “Try” buttons are affiliate links: we may earn a commission if you sign up, at no extra cost to you. It never changes our verdict.

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.

Frequently asked questions

What is Open Graph?

A set of meta tags (og:title, og:description, og:image) that control how your link appears when shared on social media.

What image size should I use?

1200×630 pixels is the safe standard for Facebook, LinkedIn and X. Smaller images may be cropped or not show at all.

Why does my shared link look broken?

Usually a missing or wrongly-sized og:image, or tags the platform hasn't re-cached yet. Set the tags correctly and re-scrape the URL in the platform's debugger.

More free content & seo

Browse all free tools →

The pricing behind our reviews is published as an open dataset, with the sentence behind every cost-trap flag and the date it was researched. Free to use with attribution (CC BY 4.0).

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):

The credit link in the snippet points to this tool’s page on AIBuilder Marketplace, our own site. It is not an affiliate link.

This tool is free and runs entirely in your browser.

One honest email, only when there is something worth sending

New dossiers, cost-traps we found, and tools that earned a keep — no hype, no sponsored-disguised-as-advice. Unsubscribe anytime.

Opens our newsletter sign-up on Beehiiv in a new tab, where you confirm.