Overview
Half of a web page is invisible: the tags in the
that tell search engines and social networks what the page is about. Without them, shared links render as grey boxes and search snippets say whatever the crawler guessed. This generator builds the full set from a single form — title, description, URL, image — and hands you a paste-ready snippet.As you type, counters track title and description length against what search engines actually display, and warnings flag the common omissions: missing canonical URL, missing social image, overlong text.
What do these tags actually control?
Three audiences, three tag families. The title tag and meta description feed the search snippet — the blue link and grey text on Google. Open Graph tags (og:title, og:image and company) drive the rich preview cards on Facebook, LinkedIn, Slack, Discord and WhatsApp. Twitter cards do the same job specifically for X.
They are suggestions, not commands: Google rewrites around half of all titles when it thinks it can do better. But complete, accurate tags give every platform the best raw material to work with — which beats leaving the snippet to chance.
Features
- One form, three tag families: SEO, Open Graph and Twitter cards.
- Live character counters with green/amber guidance on title and description.
- Smart warnings for overlong text and missing canonical or image URLs.
- Robots and card-type selectors for indexing control and preview style.
- Proper HTML escaping so quotes in your text never break the markup.
- Copy or download the finished snippet; all generated locally.
Benefits
- Never ship a grey-box link again — previews work everywhere.
- Stay inside display limits with the live counters.
- Catch omissions early via the warning line.
- Paste and go: the snippet drops straight into your .
Who can use it
Bloggers setting up pages, developers wiring templates, SEO beginners learning which tags matter, marketers preparing landing pages, and anyone who has shared a link and winced at the preview. Generate once per page template and reuse the pattern everywhere.
How to use
- Enter the page title and meta description.
- Add the canonical URL and a social image URL (1200×630 is the safe size).
- Set author, robots directives and Twitter card style as needed.
- Heed any amber warnings before copying.
- Paste the snippet into your page's .
Frequently asked questions
Do I still need the meta keywords tag?
No. Google has ignored it for well over a decade, and it was abused into irrelevance long before that. The generator omits it deliberately. Spend the effort on a good title, an honest description and correct social tags instead.
Why does Google show a different title than mine?
Google treats titles as suggestions and rewrites a large share of them — usually when the tag is missing, duplicated across many pages, or stuffed with keywords. A unique, accurate title under about 60 characters survives rewriting far more often.
I fixed my tags but the preview is still wrong. Why?
Caching. Social networks fetch your preview once and reuse it; fixing tags does not refresh their stored copy. Use each platform's debugger — Facebook's Sharing Debugger, X's Card Validator — to force a re-scrape after changes.
What size should the social image be?
1200×630 pixels is the universal safe choice, rendering well on Facebook, LinkedIn and X's large cards. Keep it under about a megabyte, use JPG or PNG, and make any text legible at thumbnail size.
Can I use this for every page on my site?
The pattern, yes — the values, no. Every page deserves its own unique title and description; duplicated tags across pages are one of the things search engines penalise. Generate per page, or better, templatise the generator's output in your CMS.
Conclusion
Invisible tags, visible results. Fill the form, respect the counters, test the preview — and let every shared link arrive looking like it was meant to.