OpenGraph Meta Tag Generator
Fill in your page’s title, description, and image, and get ready-to-paste OpenGraph meta tags — the markup that controls how your link looks when shared on social platforms and messaging apps.
Writing OpenGraph tags by hand means remembering the exact property names (og:title, og:description, og:image, and several others) and getting the surrounding <meta> tag syntax correct for each. This tool handles the syntax so you can focus on the content itself — the actual title, description, and image you want shown.
Fill in your title, description, image URL, page URL, and site name, and the complete block of correctly formatted <meta property="og:..."> tags generates instantly, ready to paste into your page’s <head>. Optional fields cover Twitter-specific card tags as well, since some platforms prioritize those over standard OpenGraph tags. Character count indicators next to the title and description fields flag if you’re approaching common platform truncation limits.
Frequently asked questions
What’s the minimum set of tags I actually need, versus which are optional extras?
og:title, og:description, og:image, and og:url cover the core of what most platforms use to build a link preview — the additional tags (like og:type or og:site_name) add helpful context but aren’t strictly required for a basic preview card to render correctly.
What image dimensions should I use for og:image?
1200×630 pixels is the widely-recommended safe size, rendering well as a large preview card across most platforms without significant unwanted cropping — this tool flags if your specified image URL’s implied aspect ratio looks off from that recommendation.
Once I’ve generated these tags and added them to my page, how do I check they’re actually working correctly?
Use the OpenGraph / meta previewer to paste your finished tags (or your live URL) and see simulated previews across major platforms, catching any issues before you actually share the link publicly.
Do I need separate tags for Twitter/X, or do the standard OpenGraph tags cover it too?
Standard OpenGraph tags provide a reasonable fallback on most platforms including X, but including the dedicated twitter:card and related tags gives more precise control over how the card renders there specifically — this generator includes both sets so you’re covered either way.