Overview
Meta tags are the invisible half of a web page: lines in the HTML head that tell search engines and social networks what the page is about. Get them right and your links show proper titles, descriptions and preview images everywhere; get them wrong and shares look broken and search snippets say whatever the crawler guessed. This generator builds the complete set from a single form.
Fill in the fields once — title, description, URL, image — and receive a clean snippet covering SEO essentials, Open Graph (Facebook, LinkedIn, messaging apps) and Twitter cards. Character counters warn you before titles and descriptions grow past what search engines display.
What do meta tags actually do?
They are instructions for machines, not humans. The title tag and meta description feed the search-results snippet — the blue link and grey text you click on Google. Open Graph tags (og:title, og:image and friends) tell Facebook, LinkedIn, Slack, Discord and WhatsApp how to render a rich preview card when someone pastes your link. Twitter cards do the same specifically for X/Twitter.
Crucially, meta tags are suggestions, not commands. Google rewrites titles and descriptions when it thinks it can do better, and social networks cache previews aggressively. But a complete, accurate set gives every platform the best possible raw material — which is why the generator covers all three families in one pass.
Features
- One form, three tag families: SEO, Open Graph and Twitter cards.
- Live character counters with green/amber guidance for title and description length.
- Smart warnings for overlong text, missing canonical URL and missing social image.
- Proper escaping of quotes and angle brackets so the snippet never breaks.
- Copy or download the finished snippet in one click.
- Private: everything is generated locally.
Benefits
- No tag left behind. The full set, correctly formatted, every time.
- Length discipline. Counters keep snippets inside display limits.
- Social-ready. Rich previews on every major platform from one form.
- Paste-and-go. Drop the snippet straight into your page head.
Who can use it
Bloggers and site owners setting up pages, developers wiring up templates, SEO beginners learning which tags matter, marketers preparing campaign landing pages, and anyone who has shared a link and winced at the broken preview. If you run more than a couple of pages, generate once and templatise the pattern.
How to use
- Enter the page title and meta description.
- Add the canonical URL and a social image URL (1200×630 works best).
- Optionally set the author, robots directives and Twitter card style.
- Watch the snippet build live; heed any amber warnings.
- Copy the snippet or download it, then paste into your page's .
Frequently asked questions
Do meta keywords still matter?
No — Google has ignored the keywords tag for well over a decade, and stuffing it is at best useless. The generator deliberately omits it. What matters: a good title, an honest description, and correct Open Graph tags for social sharing.
Why does Google show a different title than my tag?
Because Google treats titles as suggestions and rewrites roughly half of them — usually when the tag is missing, duplicated across pages, or stuffed with keywords. A clear, accurate, unique title under ~60 characters is rewritten far less often.
My social preview shows the wrong image — why?
Caching. Social networks fetch and store your preview the first time a link is shared, then reuse it. After fixing tags, use each platform's debugger (Facebook Sharing Debugger, Twitter Card Validator) to force a re-scrape. Also check the image URL is absolute and publicly reachable.
What size should the social image be?
1200×630 pixels is the safe universal choice — it renders well on Facebook, LinkedIn and Twitter's large-image cards. Keep it under ~1 MB, use JPG or PNG, and put any text large enough to read at thumbnail size.
Is the generated snippet safe to paste?
Yes. All field values are HTML-escaped before insertion, so quotes or angle brackets in your text cannot break the markup. The snippet contains no scripts and makes no requests.
Conclusion
Meta tags are cheap to get right and embarrassing to get wrong. Fill the form once, respect the counters, test the preview — and never again share a link that renders as a grey box.