Meta Tag Generator
Write your title and description, watch the Google result and social share card update live, then copy a clean block of meta tags straight into your <head>. Includes pixel-accurate length checks, Open Graph and Twitter cards.
- Live Google preview
- Open Graph & Twitter card
- Pixel width, not just characters
- Copy-ready, nothing stored
Google result preview
Description
Social share card
Checks
Why this meta tag generator is different
Most generators are a form that spits out tags. They will happily let you write a title that Google truncates, an image that will not render on LinkedIn, and a canonical tag pointing at the wrong URL.
Measured in pixels, not characters
Google truncates by width, not character count — “WWW” takes four times the space of “iii”. The counter measures your actual rendered width the way the search results do.
See the result before it exists
A live Google preview in both desktop and mobile widths, with real truncation, so you know exactly what a searcher will see.
Social card rendered too
Open Graph and Twitter tags with a live share-card preview, including your actual image if the URL resolves, at the correct 1.91:1 ratio.
Live validation checks
Flags missing descriptions, truncated titles, relative image paths, noindex left on by accident, and titles that read like keyword lists.
Clean, minimal output
No meta keywords, no revisit-after, no 2005 filler. Only the tags that still do something, properly escaped and ready to paste.
Runs in your browser
Nothing is uploaded and nothing is stored. Your unpublished titles stay on your machine.
How to use the meta tag generator
- 1
Write your title
Lead with the primary keyword, keep it under 580 pixels, and make it something a person would click.
- 2
Write the description
Around 150 characters, written as a pitch. Google may rewrite it, but a good one still wins clicks when it is used.
- 3
Add URL, site and image
Use absolute URLs throughout. The share image should be 1200 × 630 and publicly reachable.
- 4
Check, then copy
Clear any warnings, confirm the previews look right, and paste the block into the
<head>of your page.
Which meta tags actually matter
Dozens of meta tags exist. Only a handful change anything in 2026, and adding the rest is harmless but pointless.
The ones that count
- Title tag. The single most important on-page element. It is a ranking factor and the headline of your search result.
- Meta description. Not a ranking factor, but it drives click-through rate, which is what actually brings traffic.
- Canonical. Tells search engines which URL is the real one when the same content is reachable more than one way.
- Robots. Controls whether a page is indexed and whether its links are followed.
- Viewport. Required for mobile rendering. Without it, mobile usability fails outright.
- Open Graph and Twitter tags. Control how your link looks when shared, which affects social traffic substantially.
The ones you can skip
meta keywords has been ignored by Google since 2009 and by every other major engine since. revisit-after, distribution, rating and copyright do nothing. Neither does stuffing your author name into a meta tag. This generator deliberately omits all of them.
Title tag length
Google truncates titles by pixel width, roughly 580 pixels on desktop, which usually works out around 55 to 60 characters. Wide letters eat that budget faster, which is why a character counter alone misleads you. Titles that are too long are not penalised — they are just cut off, and the cut usually removes your call to action.
Writing tags that earn clicks
Ranking gets you shown. The title and description decide whether anyone clicks. A page in position three with strong copy routinely outperforms position one with weak copy.
Title patterns that work
- Primary keyword first. “Meta Tag Generator — Free SEO Tags”, not “Welcome to our free tool for generating tags”.
- One separator, not four. A single dash or pipe reads cleanly; a chain of keywords reads like spam.
- Add a differentiator. Free, 2026, with preview, no sign-up — something that answers “why this result?”
- Drop the brand on deep pages. Every character spent on your site name is a character not spent selling the page.
Description patterns that work
- Open with the benefit, not a restatement of the title.
- Include the keyword naturally — Google bolds matched terms, which draws the eye.
- Finish with an implicit action: what the reader gets by clicking.
- Write a unique one per page. Duplicated descriptions are one of the most common site-wide SEO faults.
Google rewrote my description — why?
Google replaces meta descriptions in a large share of results, usually when it thinks a passage from the page matches the query better. That is not a failure on your part and not a reason to skip writing one: when yours is used, it is used exactly as written, and a well-targeted description is used far more often than a vague one.
Meta tag reference
| Tag | What it does | Recommended |
|---|---|---|
title | Search result headline and browser tab label | Under 580 px, roughly 55–60 characters |
description | Snippet text under the result | 140–160 characters |
robots | Indexing and link-following rules | index, follow unless you mean otherwise |
canonical | Declares the preferred URL for duplicate content | Absolute URL, self-referencing by default |
viewport | Mobile scaling behaviour | width=device-width, initial-scale=1 |
og:title | Headline on shared links | Up to about 60 characters |
og:description | Body text on shared links | Up to about 110 characters on most platforms |
og:image | Share card image | 1200 × 630 px, absolute URL, under 5 MB |
og:type | Content type for the share card | website or article |
twitter:card | Card layout on X and several other apps | summary_large_image |
If your platform sets some of these already — WordPress with an SEO plugin outputs title, description, canonical and Open Graph automatically — do not paste duplicates. Two canonical tags or two titles on one page is worse than one imperfect set.
Meta tag generator FAQs
What are meta tags and where do they go?
Meta tags are snippets of HTML in the <head> of a page that describe it to search engines, browsers and social platforms. They are not visible on the page itself. Paste the generated block anywhere between the opening <head> and closing </head> tags, ideally near the top.
How long should a title tag be?
Google cuts titles at roughly 580 pixels on desktop, which is usually 55 to 60 characters, though wide characters like W and M use that budget faster. This tool measures actual pixel width rather than counting characters, so you can see the truncation point precisely. A longer title is not penalised, it is simply cut off.
How long should a meta description be?
Around 140 to 160 characters. Google displays roughly 920 pixels on desktop and less on mobile, so anything beyond that is trimmed with an ellipsis. Write the most persuasive part first so it survives any truncation.
Do meta keywords still matter for SEO?
No. Google publicly stopped using the keywords meta tag for ranking in 2009 and other major engines followed. It has no positive effect, and a long keyword list visible in your source can signal low quality to anyone auditing the site. This generator does not output it.
What is a canonical tag and do I need one?
A canonical tag tells search engines which URL is the authoritative version when the same content is reachable through several addresses — with and without trailing slashes, with tracking parameters, or paginated. Most pages should carry a self-referencing canonical pointing at their own clean URL.
What size should my Open Graph image be?
1200 by 630 pixels, a 1.91:1 ratio, under about 5 MB, served over HTTPS at an absolute URL. Relative paths fail on almost every platform. Keep important text away from the edges, since different platforms crop slightly differently.
Why does my social preview show the old image?
Platforms cache Open Graph data aggressively. After changing tags, re-scrape the URL using the platform's own debugging tool — Facebook's Sharing Debugger or LinkedIn's Post Inspector — to force a refresh. Adding a query string to the image URL also works as a quick fix.
Do I need this if I already use an SEO plugin?
Not for output, but the previews are still useful. Use the tool to draft and test a title and description, check the pixel width and the share card, then enter the finished text into your plugin. Do not paste the generated block on top of what your plugin already outputs or you will end up with duplicate tags.
Write it, see it, ship it
Draft your title and description against a live search result, check the pixel width, and copy a clean set of tags in one step.