Meta Tag Generator
Generate title, description, Open Graph and Twitter card tags from one set of inputs, correctly escaped and length-checked.
0 / ~60 characters
Required — used for the <title>, og:title and twitter:title tags.
0 / ~160 characters
Summarises the page for search results and social cards. Optional, but strongly recommended.
The permanent address of this page. http(s) only.
Absolute URL of the image shown when the page is shared. ~1200x630px is the safe size.
Alternative text for the share image (og:image:alt).
Used as og:site_name — the brand shown on shared cards.
Sets the author meta tag.
Comma-separated. Emitted for completeness.
What kind of content this page is (og:type).
How the card is displayed on X (Twitter).
The site's @handle (twitter:site).
The author's @handle (twitter:creator).
Content language, e.g. en_US (og:locale).
Comma-separated, e.g. index, follow.
Sets the theme-color meta tag.
width=device-width, initial-scale=1 — keep it unless your page sets its own.
meta charset=utf-8 — keep it unless your page sets its own.
How it works
- Fill in the title, description, canonical URL and share image for your page.
- Open Graph and Twitter card tags are generated from the same inputs, in your browser, with every value HTML-escaped.
- Copy the whole block or download it as a .html file to paste into your page's <head>.
Frequently Asked Questions
Why generate all three sets together?
Because keeping three hand-written copies of the same title in sync is exactly what goes wrong. One input produces the classic meta tags, the Open Graph properties and the Twitter card names, so they cannot drift apart.
Are my values escaped?
Yes, and this matters more than it sounds. This output is pasted into your own page, so a title containing a quote followed by a script tag would become a live cross-site scripting hole in YOUR site. Every value is HTML-escaped, both quote styles included, and the tool tells you which fields needed it.
How strict are the length limits?
They are guidance, not rules. Around 60 characters for a title and 160 for a description is where search results usually truncate, but truncation is measured in PIXELS, so the real cut-off depends on which characters you use. The tool flags long values without pretending the limit is exact.
What image size should I use?
1200 by 630 pixels is the safe choice across Facebook, LinkedIn and X. The image URL must be https — those platforms refuse to display insecure images, and the tool warns when yours is http.