Meta Tag Generator
Fill in one form and get the whole head block — title, description, canonical, robots, Open Graph and Twitter — with the title and description measured in pixels as you type.
Nothing you type here is uploaded, stored or sent anywhere. It all runs in your browser.
This generates the block. The checker audits one you already have.
If the page exists and you want to know whether its title and description survive the results page, use the title and meta description checker, and the SERP snippet preview to see it rendered. This page is for the other direction: you are writing a new template or a new page and you want the whole head, correct on the first pass, with the social tags that everyone forgets until a link looks broken in Slack.
Why the widths are in pixels
Google cuts titles on rendered width, not character count. "Illinois" and "WWWWWWWW" are the same eight characters and nowhere near the same width, so a character counter gives the wrong answer for anything in title case or with a capitalised brand on the end. The bars above measure your text on a canvas, in the font and size the results page uses, and compare it to the width the layout allows. Those widths approximate a layout Google changes regularly, so leave yourself room rather than filling the bar to 99%.
The tags that do nothing, and why they are not here
- meta keywords. Dead for twenty years. No search engine reads it, and publishing your keyword list to competitors is the only effect it has left.
- meta revisit-after. Never supported by anything. Crawl frequency is decided by the crawler.
- meta author for ranking.
authoris fine to ship and useful to humans and feed readers, but it is not an E-E-A-T signal and it does not connect to anything. Authorship that counts is a real byline page with a real person behind it. - og:image:width and og:image:height. Only worth adding if a platform is guessing wrong on first scrape; they are hints, not requirements, and a wrong pair is worse than none.
Where this goes and what breaks it
The block belongs at the top of the <head>, above anything that loads a script. A parser error earlier in the head — an unclosed tag, a stray </div> — ends the head early, and every tag after it lands in the body, where none of them count. If a tag you can see in the source is not being picked up, that is the first thing to check, before you suspect the tag itself.
One canonical, pointing at itself
The canonical here is the page's own URL, in the form you want indexed: one protocol, one host, one decision about the trailing slash. Copying a template and leaving the canonical pointing at the page you copied from is the single most expensive typo in this block — it tells Google not to index the new page at all, and nothing about the page will look wrong while that happens.
Questions people ask
Do I need both Open Graph and Twitter tags?
Not strictly. X falls back to the og: tags when the matching twitter: tag is missing, so a page with good Open Graph tags already unfurls on X. The one exception is twitter:card, which has no Open Graph equivalent — without it X decides the layout for you. Ship twitter:card at minimum, and add the rest when you want the card to say something different from the Facebook version.
Should the title tag and the H1 be the same?
They can be, and on most pages that is fine. They serve different readers: the title is written for someone scanning a results page who has not decided to click yet, the H1 for someone who has already arrived. That usually means the title carries the qualifier — the year, the location, the brand — and the H1 does not.
What image size should I use?
1200 × 630 pixels, under about 5 MB, in PNG or JPG. That ratio is what Facebook, LinkedIn and X all crop to most safely. Square images get cropped top and bottom on a large card; images under 300 pixels wide are ignored entirely by some platforms.
Why does my card still show the old image after I changed the tag?
Every platform caches the first scrape, for days. Re-scrape the URL in Facebook’s Sharing Debugger, LinkedIn’s Post Inspector or X’s card validator to force a refresh. Changing the tag alone does nothing to a link already in circulation.
Is anything I type here sent anywhere?
No. There is no backend. The generating and the measuring happen in your browser, and nothing is uploaded, logged or stored.
Related tools
Perfect tags, page still invisible
Meta tags decide how a page looks once it ranks. What decides whether it ranks is what links to it.