Open Graph Meta Tag Generator — Free Tool
Fill in a title, description, URL and image, and get the Open Graph, Twitter card and standard meta tags to paste into your page’s <head>. Every value is escaped, empty fields are left out, and over-long titles and descriptions are flagged before a platform truncates them.
Features
- Open Graph, Twitter card, <title> and meta description generated from one set of fields
- Every value is HTML-escaped, so a title with a quote, an ampersand or an angle bracket still produces valid tags
- Live counters flag a title over 60 characters or a description over 200 — the same thresholds our link preview checker uses
- Empty fields are omitted entirely instead of emitting a blank content attribute a crawler would read as deliberate
- Runs entirely in your browser: no sign-up, nothing uploaded, and no page is fetched
Frequently asked questions
Where do these tags go?
Inside the <head> element of the page, before </head>. Order does not matter to any crawler, but keeping the Open Graph block together makes the page easier to maintain. If your site is built with a CMS or a framework, look for its head or SEO settings rather than editing the template by hand — many will already emit some of these, and two og:title tags on one page is worse than one.
Why is my old preview still showing after I paste these in?
Because the platform cached the card the first time it saw the link, sometimes for days. The fix is to make it read the page again: the Facebook Sharing Debugger, the LinkedIn Post Inspector and the X Card Validator each re-scrape on demand. Until you do that, the new tags are live on your page and invisible on the platform.
Do I need both Open Graph and Twitter tags?
Not strictly — X falls back to Open Graph when a twitter: tag is missing, and so do most other readers. The one that genuinely earns its place is twitter:card, because it decides whether X shows a wide image or a small square thumbnail. This generator emits both sets so nothing depends on a fallback you cannot see.
What size should the image be?
1200 × 630 pixels is the safe default: the 1.91:1 ratio Facebook, LinkedIn and X’s summary_large_image all expect. Serve it from an absolute https URL — a relative path will not resolve for a crawler — keep the file under about 5 MB, and keep text away from the edges, since each platform crops slightly differently.
What happens to quotes and special characters in my title?
They are escaped for you. Ampersands, angle brackets and double quotes are converted to entities before they go into an attribute, so a title like Ben & Jerry’s "best" flavour produces one valid tag rather than broken markup. This matters beyond tidiness: an unescaped quote in a content attribute ends the attribute early, and everything after it becomes markup.
