Open Graph & Twitter Card Preview Checker
Paste a page's HTML (or try fetching a same-origin/CORS-friendly URL) to see exactly how it renders as a share card on Facebook, Twitter/X, LinkedIn and Slack.
Why preview Open Graph tags before publishing?
Open Graph (og:*) and Twitter Card (twitter:*) meta tags control how a link looks when shared on social platforms and chat apps. A missing og:image, a title that gets truncated, or a description pulled from the wrong tag can make a shared link look broken or unappealing — this tool lets you catch that before you publish.
How to use this tool
- Try Try fetch with a URL — this works only if the page is same-origin or explicitly allows cross-origin reads (most sites don't, by design).
- For any other page, open it, view its source (Ctrl/Cmd+U), copy all, and paste it into the HTML box — this always works since there's no network request involved.
- Click Parse tags to see live Facebook/LinkedIn and Twitter/X style previews plus every raw tag found.
Frequently Asked Questions
Why did "Try fetch" fail?
Browsers block cross-origin reads of another site's HTML by default (CORS). This is expected for most public websites. Use the paste-HTML method instead — it's the most reliable option and works for any page.
Which tags does this tool read?
og:title, og:description, og:image, og:url, og:site_name, twitter:card, twitter:title, twitter:description and twitter:image, with sensible fallbacks to the page's <title> and meta description when Open Graph tags are missing.
Does the preview exactly match what Facebook/Twitter will show?
It's a close visual approximation. Actual rendering can vary slightly by platform and may be cached — use Facebook's Sharing Debugger or Twitter's Card Validator for the platform's authoritative, cache-busting preview.