Fill in your page details, preview how the link will look when shared, and copy ready-to-paste Open Graph and Twitter Card meta tags — 100% client-side, nothing is stored.
Open Graph tags control how your page appears when it's shared on Facebook, LinkedIn, Slack, Discord, and
most other platforms; Twitter Card tags do the same for X/Twitter. Getting them right is the difference
between a rich preview card with an image and a bare, unappealing link. Fill in the fields on the left,
watch the Link Preview update live, and copy the generated tags straight into your
page's <head>.
https://) for og:image and
og:url — relative paths won't resolve when a crawler fetches your page.Paste the generated tags inside the <head>
section of the page you want them to describe.
The image URL must be publicly reachable over HTTPS — social platforms fetch it themselves. Also double-check the tags were actually deployed and that the platform hasn't cached an older preview (most offer a debugger/inspector tool to force a re-scrape).
No, the tags are generated and previewed entirely in your browser.
Tell us what to improve or which tool to add next.