Open Graph Generator
Generate complete Open Graph meta tags for your website — og:title, og:description, og:image, image metadata and more. Live social previews and ready-to-paste HTML, all in your browser.
Open Graph Generator
0 / 95 characters
0 / 300 characters
og:title and og:url are required. Provide absolute http(s) URLs for og:image, og:audio and og:video. Add the generated tags inside your <head> element.
Your Open Graph tags appear here
Fill in your page details above, then press Generate Tags — the Open Graph HTML, live previews and analysis appear instantly.
How It Works
Three simple steps to Open Graph meta tags.
Fill in your page details
Enter a title and URL (required), plus description, image, locale and optional media.
Preview & analyse
See live Facebook and Twitter previews, with an analysis checklist and character counts.
Copy & deploy
Copy or download the Open Graph tags and paste them into your page head. Test with Facebook's Sharing Debugger.
FAQ
Common questions about Open Graph meta tags.
Why do I need Open Graph tags?
Open Graph tags control how your page appears when shared on Facebook, LinkedIn, Slack and other platforms. They define the title, description and image in the share preview.
Which properties are required?
The core properties are og:title, og:type, og:url and og:image. This tool flags missing or invalid core properties in its analysis checklist.
Can I use Open Graph and Twitter Card together?
Yes. Twitter falls back to Open Graph if Twitter Card tags are absent, but for full control add both. Use the Twitter Card Generator for the matching tags.
Is my data uploaded to a server?
No. All processing happens entirely in your browser. Your data never leaves your device.