Open Graph Meta Generator
Generate Open Graph and Twitter Card meta tags from a form, with a live share-card preview. Free, deterministic, in your browser.
Generate Open Graph tags
Fill in the details to build Open Graph and Twitter Card meta tags.
What this Open Graph generator does
Common use cases
- 1Setting up social share previews
- 2Fixing a bare or ugly share
- 3Adding og:image to a page
- 4Standardising share tags
- 5Preparing tags for a CMS
- 6Improving social click-through
Related tools
About Open Graph tags
Open Graph tags control how your page looks when shared on Facebook, LinkedIn, Slack and most platforms; Twitter Card tags do the same for X. Together they set the title, description and thumbnail of the share card.
This generator builds both from one form and previews the result live. Add an og:image around 1200×630 for the best appearance, paste the tags into your page's <head>, and verify with the Open Graph Preview and Twitter Card Validator.
More Free Tools Where This Came From
This utility is one of dozens of free, no-login tools for DNS, email, SEO and developers — all instant and private.
HostCloud.in · Pune, India · Serving 34,987+ Websites Since 2020
Got Questions? We Have Answers.
What tags does it generate?
Open Graph tags (og:title, og:description, og:url, og:image, og:type, og:site_name) plus matching Twitter Card tags, from one form.
What image size should I use?
Around 1200×630 pixels for a large, crisp share card across platforms.
Where do the tags go?
Paste them into your page's <head>, then verify with the Open Graph Preview and Twitter Card Validator.
Does it use AI or a server?
No. It builds the tags in your browser and previews them live.