Home/ Tools/ Open Graph preview

Open Graph checker · free, no signup

See your Open Graph card the way the feed sees it.

Before you hit post, paste your URL and get a live social share preview — the exact card X, Facebook, LinkedIn, Slack, Discord, iMessage and WhatsApp will draw, title, image, and all. We grade your Open Graph and Twitter Card tags against what actually works, so a broken link preview never costs you the click.

Get a link with a perfect card Free forever · custom card on every short link

Open Graph preview checker

We fetch the page once, read its tags, and never store the URL. Public pages only.

No tags yet? Generate your own with the free meta tag generator.

Card looks thin? Shorten the link on slsh.me and design its preview in seconds — free.

The Open Graph cheat sheet.

Platform specs reviewed June 2026.

Open Graph is the set of <meta> tags that tell social platforms how to draw your link. Six tags do almost all the work. Get these right and your link looks intentional everywhere it lands.

og:title

og:title is the headline shown on the social card, separate from your HTML <title> tag — <title> is for the browser tab and search results, og:title is for the feed. Keep it to 60 characters or fewer before platforms truncate it.

Keep it ≤ 60 characters before platforms truncate.

og:description

og:description is the one or two lines under the title on a social card. Aim for 50–160 characters; specific beats clever. LinkedIn and X's large card hide it entirely, so never put load-bearing information only in the description.

Aim for 50–160 characters.

og:image

An Open Graph image should be 1200 × 630 pixels (a 1.91:1 ratio), under 1 MB, in PNG or JPG. It's the strongest driver of clicks — a link with no og:image renders as a bare text row on every platform.

1200 × 630 (1.91:1), under 1 MB, PNG or JPG.

og:url & og:type

The canonical URL and content type (website, article…). Keeps shares pointing at one address.

Always set an absolute og:url.

twitter:card

Tells X which layout to draw. With a 1200×630 image, you want the big one.

Use summary_large_image.

Per-platform quirks

Facebook upper-cases your domain; LinkedIn hides the description; Slack shows your favicon and a left bar; Discord goes dark with a blue title; iMessage crops to a compact bubble; Slack, Discord & WhatsApp draw your image uncropped, at its natural ratio. One clean 1200×630 image survives all of them.

How each platform crops and truncates the same Open Graph tags
Platform Image shown Title lines Description shown? Domain treatment
X / Twitter 1.91:1 crop 1 line, overlaid on the image No Grey “From domain”, below the card
Facebook 1200×630 Up to 2 Yes (1 line) UPPERCASE, above title
LinkedIn 1.91:1 Up to 2 No Below title
Slack Natural ratio — no crop Up to 2 Yes (3 lines) Bold + favicon + left bar
Discord Natural ratio — no crop Up to 2 Yes (4 lines) None unless og:site_name
iMessage 1.91:1 Up to 2 No Grey, below title
WhatsApp Natural ratio — no crop (square thumb if <300px) Up to 2 Yes (3 lines) Grey, below

Need the full spec? Read the Open Graph image size guide.

Don't want to hand-write tags? Every slsh.me short link gets a custom title, description, and image — set once, rendered right on every platform above.

Questions

Why does my link look different on each platform?

Each platform reads the same Open Graph tags but crops and truncates them differently. X's large card crops the image to 1.91:1 and overlays a one-line title with no description; Facebook upper-cases the domain and shows a one-line description; LinkedIn and iMessage hide the description entirely; Slack shows your favicon, a left bar and up to three description lines; Discord renders a dark embed with up to four description lines. Slack, Discord and WhatsApp never crop the image — a portrait og:image renders at full height there, while X, Facebook and LinkedIn crop it to landscape. The previews above show each one's real treatment so you can spot a title that gets cut or an image that looks wrong.

My preview is stale after I changed the page.

Platforms cache previews aggressively. Re-scrape with each platform's debugger (Facebook Sharing Debugger, LinkedIn Post Inspector) after you update your tags.

What size should an Open Graph image be?

1200 × 630 pixels (a 1.91:1 ratio), under 1 MB, as PNG or JPG. It's the one size that renders cleanly from X all the way to WhatsApp.

Is this free?

Yes. The checker is free and needs no signup. If you want a custom card on links you share, a free slsh.me account lets you set one per link.

More free tools

Stop shipping broken previews.

Shorten any URL with slsh.me and design its card — title, description, image — once. It renders right on every platform above, and you get live click analytics for free.

Create a link with slsh.me

Free forever · see pricing