Open Graph Generator
Create Open Graph and Twitter Card meta tags with a live social preview, then copy the HTML.
Make your links look great when shared
The Open Graph Generator builds the meta tags that control how your page appears when shared on social media — the big image, title, and description you see in a Facebook, LinkedIn, or X (Twitter) preview. Fill in the fields, watch the live preview update, and copy the Open Graph and Twitter Card tags into your page's <head>.
What is Open Graph?
Open Graph is a protocol, originally from Facebook, that lets you control the title, description, image, and type used when your page is shared. Without these tags, social platforms guess — often picking the wrong image or text. With them, every share becomes a polished card that represents your content accurately and attracts more clicks.
The essential tags
| Tag | Controls |
|---|---|
| og:title | The headline of the share card |
| og:description | The supporting text |
| og:image | The preview image (use 1200×630) |
| og:url | The canonical URL being shared |
| twitter:card | The X/Twitter card style |
How to use it
- Enter the title, description, URL, and image URL.
- Pick the content type and add your site name.
- Check the live preview, then copy the generated tags.
Image size matters
The single biggest factor in a great-looking share is the image. Use a 1200 × 630 pixel image for the best results across platforms — it fills the large card without being cropped awkwardly. Keep important content away from the edges, and host the image at a stable, absolute URL so crawlers can always fetch it.
Twitter Cards included
This tool also outputs Twitter Card tags so your links look great on X specifically. The summary_large_image card mirrors the Open Graph image and text, giving you a consistent, professional appearance everywhere your content is shared — without maintaining two separate sets of tags by hand.
Private and free
Everything runs in your browser with a live preview. Nothing is uploaded, there is no sign-up, and it is completely free.
Frequently asked questions
What image size should I use for Open Graph?
1200 × 630 pixels works best across platforms. Keep key content away from the edges to avoid cropping.
Do I need Twitter Card tags too?
They ensure your links look right on X specifically. This generator includes them automatically alongside Open Graph.
Where do I put the tags?
Paste them inside the <head> section of your page's HTML so crawlers find them when the URL is shared.
Is it free?
Yes, completely free with a live preview, running entirely in your browser.