Meta Tag Generator
Generate SEO-ready title, description, Open Graph, and Twitter Card meta tags for your page, with live character counters to keep titles and descriptions the right length.
🔒 Processed locally in your browser
Loading…
How to use
- Enter your page title and meta description — watch the character counters turn green when you're in the ideal range for search engines.
- Add the canonical URL, site name, and an Open Graph image URL so your page looks right when shared on social media.
- Add a Twitter handle and choose a Twitter Card type (summary or large image) if you want Twitter-specific tags.
- Copy the generated HTML block and paste it into the <head> of your page.
Features
- Live-generates title, description, canonical, Open Graph, and Twitter Card tags as you type
- Character counters for title (60 max) and description (50–160) matching real search engine truncation behavior
- Only includes tags for fields you've actually filled in — no empty content attributes
- Escapes quotes and angle brackets automatically so the output is always valid HTML
- 100% client-side — your content never leaves your browser
Frequently asked questions
What's the ideal length for a title tag?
Around 50–60 characters. Search engines typically truncate titles longer than that in search results, which is why the counter turns amber once you go over 60.
What's the ideal length for a meta description?
Roughly 50–160 characters. Too short and you're wasting an opportunity to describe the page; too long and search engines will cut it off. The counter reflects this range.
What's the difference between the two Twitter Card types?
"Summary" shows a small square thumbnail next to your title and description. "Summary with large image" shows a full-width image above the text — better for visual content.
Do I need an Open Graph image?
It's optional, but strongly recommended. Without it, most platforms fall back to a generic preview or no image at all when your page is shared.
Does this tool store or upload my content?
No. Everything runs locally in your browser — the fields you type into and the generated tags are never sent to a server.