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.