Category: Developer tools
Open Graph Preview
Preview how a page's link card will look when shared
Paste the <head> tags from a page and see how the link will render as a shared card, plus a checklist of the Open Graph and Twitter Card fields it's missing. Parsed entirely in your browser — nothing is fetched or uploaded.
Link preview
Checklist
Everything on this page is processed in your browser. Nothing is uploaded.
What this tool does
When a link is shared on social media or in a chat app, the preview card is built from Open Graph and Twitter Card meta tags in the page's <head> — not from the page content itself. Missing or malformed tags mean a blank title, a missing image, or no card at all. This tool reads the tags you paste and renders the card the way a sharing platform would, next to a checklist of what's present.
How to use it
- Copy the <head> section of your page, or just its meta tags.
- Paste it into the input.
- Check the rendered preview card and the checklist below it.
Privacy
This tool runs entirely in your browser. Your input is never uploaded, stored or shared — closing the tab removes it.
Frequently asked questions
- Does this fetch my live page?
- No — paste the HTML yourself. Nothing you enter is sent anywhere; the tags are parsed in your browser.
- Why is my image not showing?
- The preview loads the URL in your og:image tag directly from your browser, so it will only appear if that URL is public and reachable. A missing image tag also leaves the card blank.
- Do I need both Open Graph and Twitter Card tags?
- Open Graph (og:*) covers Facebook, LinkedIn, Slack and most platforms. Twitter/X reads twitter:* tags first and falls back to Open Graph, so setting both gives the most consistent result.