Meta Tag Generator
Generate title, meta description, robots, canonical, viewport and hreflang tags with a Google result preview and length meters. Or paste a head to check it.
How to use Meta Tag Generator
- 1Fill in the title and description, then add the canonical URL and any robots or language options you need.
- 2Watch the length meters and the Google preview, and fix any warning that appears.
- 3Copy the generated tags into your page's head, or download them as a file.
What makes it better
- Generate and Parse modes on one page: build new tags or check the head you already have
- Desktop and mobile Google previews with title and description length meters (an approximation, not a guarantee)
- Robots options include noindex, nofollow, max-snippet and max-image-preview
- Hreflang rows can be added and removed, with duplicate and format checks
- Quotes, ampersands and angle brackets are escaped so the tags stay valid HTML
About Meta Tag Generator
Meta Tag Generator turns a short form into the <head> tags a page needs: title, description, canonical link, robots directives, viewport, charset, language, theme color, favicon links and hreflang alternates. A search-result preview for desktop and mobile shows roughly how the title and description may be cut off, using character-width estimates rather than a real browser measurement. Switch to Parse to paste an existing head and list what is in it, along with problems such as duplicate titles or a missing description.
Common uses
- Write the head for a new landing page and check how the title will look in search results.
- Audit a template for duplicate titles, several canonical links or a missing viewport tag.
- Add hreflang alternates for the English and French versions of a page.
- Mark a thank-you or staging page as noindex without hand-writing the tag.
Example
Input
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Handmade Soap Shop | Lavender & Oat Bars</title> <meta name="description" content="Small-batch soap made with lavender and oats. Free shipping over $30."> <link rel="canonical" href="https://example.com/soap"> <meta name="robots" content="noarchive,max-image-preview:large"> <meta name="theme-color" content="#c2410c">
Result
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Handmade Soap Shop | Lavender & Oat Bars</title> <meta name="description" content="Small-batch soap made with lavender and oats. Free shipping over $30."> <link rel="canonical" href="https://example.com/soap"> <meta name="robots" content="index, follow, noarchive, max-image-preview:large"> <meta name="theme-color" content="#c2410c">
Good to know
- The preview is an estimate. Google chooses the title and snippet shown in results and often rewrites them, so treat the meters as guidance.
- The keywords tag is included only because some people still ask for it. Google ignores it, and the page says so next to the field.
- Language is written as a content-language meta tag; also set the lang attribute on your html element, which this page cannot do for you. Nothing here checks your live site.
Meta Tag Generator FAQ
What meta tags does every page need?
At minimum a title, a meta description, a viewport tag and a charset declaration, plus a canonical link when the same content is reachable at more than one address. Robots, hreflang and theme color are optional extras for specific situations.
How long should a title tag and meta description be?
Titles are usually shown up to about 60 characters or 600 pixels, and descriptions up to about 155 characters on desktop, with less room on phones. The meters here use those figures and flag text that is likely to be cut off.
Does Google use the keywords meta tag?
No. Google has said it does not use the keywords tag for ranking, and most other engines give it little or no weight. You can still generate it, but the time is better spent on the title and description.
What is the difference between noindex and nofollow?
noindex asks search engines to keep the page out of their results, while nofollow asks them not to pass signals through the links on it. The two are independent, so you can set either, both or neither.
Can I check the tags I already have?
Yes. Choose Parse and paste the head of your page. The tags found are listed with warnings for things like two title tags, no description, several canonical links or conflicting robots directives, and you can send them to the generator to edit.
Does anything I type here get uploaded?
The form is processed in your browser and the pasted head is read by a small built-in parser, never inserted into this page, so scripts inside it do not run. No request is made to your site either.