HTML & Markup
Open Graph Generator
Fill in your page details and watch the social share card update live. Copy production-ready
og: and Twitter Card meta tags in one click. Nothing is sent to a server.
Page details
Advanced options
Checks
liveLive preview
Your title appears here
Your description appears here and tells people what the link is about.
example.com
Meta tags
2 tagsHow it works
Open Graph tags are plain <meta> elements that tell Facebook, LinkedIn,
X/Twitter and chat apps how a link should look when shared. Paste the generated tags into the
<head> of your page. Text is escaped for you, and the checks panel explains
common issues such as relative image URLs or titles that are likely to be truncated. The
optional share link keeps your draft in the URL so you can come back to it — nothing is
ever uploaded.