Share Card Preview (Open Graph)
Enter the same values as your Open Graph tags (title, description, image, URL) to preview what the share card would look like on Twitter/X, Facebook and Discord — without having to actually publish the link to test it.
Preview on Twitter / X
Preview on Facebook
Preview on Discord
How it works
When a link is shared on Twitter/X, Facebook or Discord, each platform reads the Open Graph meta tags (og:title, og:description, og:image, og:url) present in the page's <head> to build its own preview card — and each platform displays it with a slightly different style. Rather than actually publishing the link to see the result (which also exposes the page publicly and caches the link on the platform), enter here the values planned for your tags and immediately view all three renderings side by side.
Why doesn't the tool automatically fetch the tags from my URL?
Because that would require making a network request to an external site from your browser, which is blocked by browsers' CORS security policy for the vast majority of sites, and because a preview fetched that way might not faithfully reflect how each platform actually interprets your tags anyway. Entering the values manually is simpler, more reliable, and works for any URL, including a page that's not yet online.
The image doesn't show in the preview, why?
If the entered image URL isn't publicly accessible (a page in local development, an invalid URL, or a server that blocks display from another domain), your browser won't be able to load it here either. Make sure the URL points to a publicly accessible image.
Privacy: no real preview is fetched from the internet — only the values you enter are used, entirely within your browser.