- Free tools
- Open Graph Generator
FREE OPEN GRAPH GENERATOR
Open Graph Generator: perfect link previews
A free Open Graph generator. Fill in the fields to generate Open Graph and Twitter Card meta tags, preview how your link looks on Facebook, X, LinkedIn and Slack, then copy and paste the code into your <head>. No signup, nothing leaves your browser.
- Open Graph + Twitter tags
- Live social previews
- No signup required
PREVIEW ON
Your page details
Preview & code
Generated in your browser. Nothing is uploaded.
HOW IT WORKS
From page details to a shareable preview in seconds
Open Graph meta tags control the title, description and image that Facebook, LinkedIn, Slack and other apps show when someone shares your link. Without them, shared links look plain and get fewer clicks.
Enter your details
Add a title, description, URL and a 1200×630 image. The tags and the live preview update as you type.
Preview every platform
Switch between Facebook, X, LinkedIn and Slack to see exactly how your card renders before you publish.
Copy into your <head>
Copy the Open Graph and Twitter Card tags and paste them into the page’s head. Re-scrape to clear old cached previews.
WHAT THIS TOOL GENERATES
Every tag a rich link preview needs
One pass outputs the Open Graph protocol tags plus the Twitter Card tags, so your link looks right everywhere it is shared.
og: meta tags
og:title, og:description, og:url, og:image, og:type and og:site_name - the core Open Graph protocol tags Facebook and most platforms read.
Twitter Card tags
twitter:card, twitter:title, twitter:description, twitter:image and twitter:site for the large-image card on X.
Live social previews
See the card render for Facebook, X, LinkedIn and Slack as you type, so nothing is truncated or cropped by surprise.
Image size guidance
The recommended 1200×630 (1.91:1) ratio is built into the preview, the size that renders sharp on every network.
website, article & more
Pick the og:type that fits - website, article, product, profile or video - so platforms label the content correctly.
Clean, paste-ready code
Only the tags you filled in are generated, so you copy a tidy block straight into your page’s head.
GENERATOR VS HAND-CODING
Stop guessing which tags a platform reads
Facebook reads Open Graph, X falls back from Twitter Cards to Open Graph, and each has its own image rules. A generator sets them all correctly, then you confirm with each platform’s own debugger.
| What you get | This Generator | Hand-coding | No tags |
|---|---|---|---|
| Open Graph + Twitter tags | ✓ Both | Easy to miss one | None |
| Live multi-platform preview | ✓ 4 platforms | No | No |
| Correct image ratio | ✓ 1200×630 | You check | - |
| No coding needed | ✓ | Code required | ✓ |
| How the link looks when shared | Rich card | Rich card | Bare URL |
| Audit tags across every page | ✓ With SiteAuditLint | Manual | No |
After you publish, run the link through Facebook’s Sharing Debugger or X’s Card Validator to refresh any cached preview.
FAQ
Open Graph generator questions
What is an Open Graph generator?
An Open Graph generator turns a few details - title, description, URL and image - into the Open Graph and Twitter Card meta tags that control how your link looks when it is shared on social media. You copy the generated tags into your page’s head.
Is this Open Graph generator free?
Yes. It is free with no signup, and it runs entirely in your browser, so nothing you type is uploaded. To audit Open Graph tags across a whole site, download the free SiteAuditLint desktop app.
Where do I put the Open Graph tags?
Paste them inside the <head> of your page, ideally near the top. Each tag is a single <meta> element, and the tags should describe the content a visitor actually sees on that page.
What image size should I use for og:image?
Use 1200×630 pixels (a 1.91:1 ratio) and keep the file under 5 MB. That size renders as a large, sharp card on Facebook, LinkedIn and X. Smaller images may show as a small square or not at all.
Do I still need Twitter Card tags?
X will fall back to your Open Graph tags, but adding twitter:card and twitter:image gives you control over the large-image card. This generator outputs both sets so you are covered everywhere.
Why does my preview still look old after I update the tags?
Platforms cache the first version they fetch. After updating your tags, re-scrape the URL in Facebook’s Sharing Debugger or X’s Card Validator to force a refresh.
Do Open Graph tags help SEO?
They are not a direct Google ranking factor, but better previews earn more clicks and shares, which supports your content indirectly. They also help answer engines and social platforms understand the page.
Generate tags for one page here. Audit Open Graph across every page with SiteAuditLint.
Open Graph tags are set in templates. One missing og:image in a template can strip the preview from every post, and only a crawl finds them all.
Download SiteAuditLint