Meta Tag / OG Card Previewer

See how your page renders when shared on Twitter/X, Facebook, LinkedIn, and Slack. Paste a URL to scrape its meta tags, paste HTML, or fill in the fields directly. The preview matches each platform's rendering exactly — including their character-truncation behavior.

How to use the Meta Tag / OG Card Previewer

Fill in title, description, URL, and image — or paste a full HTML <head> and the tool extracts what it needs. The preview cards render in real time. Watch the character-count indicators: Twitter truncates titles at ~70 chars; Facebook truncates at ~88; LinkedIn at ~120.

Why this matters

Most shares of a webpage come from the share card, not the page itself. A weak title, wrong image, or missing description halves the click-through. The Open Graph protocol (by Facebook, adopted by most platforms) is the underlying spec; Twitter has its own twitter: namespace that overrides OG when present.

Common mistakes: image is too small (under 1200×630 — Facebook downscales aggressively), description is missing (platforms fall back to scraped text, often unflattering), title is the same as the page H1 (boring on a share card vs the SERP). The fix is hand-writing the share-card title and description separately.

Frequently asked questions

Which platforms can it preview?
Twitter/X, Facebook, LinkedIn and Slack, each rendered the way that platform shows a shared link, including its title and description truncation.

Can it read tags from a live URL?
Yes. Paste a URL to fetch its meta tags, or paste HTML, or fill the fields by hand to preview changes before you publish.

Why does my preview look different on the real platform?
Platforms cache scraped previews. After changing tags, use the platform's own debugger to refresh its cache so it re-reads your page.
Embed this tool on your site

Free to embed, no attribution required (but appreciated). Paste this where you want the tool to appear: