Open Graph Generator
🔒 In your browserCreate Open Graph tags with a live Facebook/LinkedIn card preview.
How it works
Generate Open Graph tags so your links show a rich card — title, description and image — when shared on Facebook, LinkedIn, WhatsApp, Slack and most other platforms. Preview the card as you type.
Card preview (Facebook / LinkedIn)
example.com
Your title here
Your description here
<meta property="og:type" content="website">
🔒 Generated entirely in your browser — nothing is uploaded.
🔒 Runs in your browser: tags, sitemaps and minification are generated locally from what you type — nothing is uploaded, no signup, no limits.
About the Open Graph Generator
This free Open Graph generator creates the og: meta tags that control how your links look when shared on Facebook, LinkedIn, WhatsApp, Slack and most other platforms — the title, description and preview image. A live card preview shows how it will appear.
It runs in your browser, so nothing is uploaded.
How to use it
- Enter the title, description and the URL of your page.
- Add an image URL — 1200×630 pixels is the recommended size.
- Pick the content type (website, article, product…).
- Copy the generated tags into your page's <head>.
The tags that matter most
- og:title and og:description — concise and specific to the page.
- og:image — ideally 1200x630 px so the large card renders sharply.
- og:url and og:type — the canonical link and the content type.
- For X, add Twitter Card tags too, using the Twitter Card Generator.
Frequently asked questions
What is Open Graph?
Open Graph is a protocol, originally from Facebook, that lets you control the title, description and image shown when your page is shared. Most platforms — LinkedIn, WhatsApp, Slack, Discord and others — read these same tags.
What image size should I use?
1200×630 pixels (a 1.91:1 ratio) is the recommended size for a large, crisp preview across platforms.
Why isn't my image showing when I share a link?
Common causes are a non-absolute image URL, an image that's too small, or the platform caching an old version. Use an absolute https URL and, on Facebook, re-scrape the page in its Sharing Debugger.
Are Open Graph tags uploaded anywhere?
No. They're generated in your browser from what you enter.
Related searches
Learn more
Related SEO tools
🔗 Embed this tool on your website — free
Copy this and paste it into your page's HTML. The tool runs in the visitor's browser, just like here. Change height to fit, or add the optional auto-resize snippet below. Add ?theme=dark to the URL for dark mode.
<iframe src="https://toolhq.dev/embed/open-graph-generator/" title="Open Graph Generator — ToolsHub" width="100%" height="520" style="border:1px solid #e5e7eb;border-radius:12px;max-width:680px" loading="lazy"></iframe>Optional: auto-resize the iframe height
Add this once on the same page so the iframe grows to fit the tool:
<script>
addEventListener("message", function (e) {
if (e.data && e.data.type === "toolshub:resize") {
document.querySelectorAll('iframe[src*="/embed/"]').forEach(function (f) {
if (f.contentWindow === e.source) f.style.height = e.data.height + "px";
});
}
});
</script>