Meta Tag Generator

A meta tag generator that shows how Google will display your page

The Meta Tag Generator writes the HTML tags that belong in the <head> of a web page: the title, meta description, robots directives, canonical link, hreflang alternates, viewport, charset, author, theme colour, and the basic Open Graph and X (Twitter) card tags used when someone shares your link.

As you type, a Google-style preview shows how the result is likely to look, and two meters measure the title and description in pixels as well as characters — because Google trims snippets by width, not by a fixed character count. Every value is HTML-escaped, so quotes, ampersands and angle brackets never break your markup.

It is free, needs no sign-up, and runs entirely in your browser.

How to use the Meta Tag Generator

1. Type your page title and meta description. Watch the pixel meters — green means it should fit, amber means Google will probably cut it.
2. Open URL & indexing to add the canonical URL and choose robots settings such as noindex or max-image-preview.
3. Use Page setup for the language, author and theme colour, and Language versions to add hreflang links for translated or regional pages.
4. Fill in the share image and site name under Social sharing, or untick it if you manage social tags elsewhere.
5. Read the checks under the code, then press Copy HTML (or Download) and paste the tags inside your page’s <head>.

Meta Tag Generator features

Which meta tags still matter

Most of what search engines read from the head of a page comes down to a handful of tags. The title is a confirmed input for rankings and is usually the blue headline in results. The meta description does not affect rankings, but Google often uses it as the snippet, which influences whether people click. The canonical link tells search engines which URL you prefer when the same content is reachable at several addresses, and the robots meta tag controls indexing and snippet behaviour per page.

Some tags you will still see in templates do nothing for Google. It has said publicly since 2009 that it ignores the meta keywords tag, so this generator deliberately leaves it out.

Why length is measured in pixels

Google does not cut titles after a set number of characters. It shows as much as fits in the result’s width, so a title full of narrow letters like “i” and “l” can be longer than one full of “W” and “M”. That is why the meters show both numbers: characters for quick reference, pixels for the real limit. Around 50–60 characters for titles and 150–160 for descriptions is a sensible target for English text.

Remember that Google may still choose a different title link or snippet. It can rewrite titles that are too long, stuffed with keywords or don’t match the page, and it often builds a snippet from the page text when that answers the search better. Writing an accurate, specific title and description is the best way to have yours used. To fine-tune the look on desktop and mobile, try the SERP Preview tool.

Robots, canonical and hreflang in brief

• noindex keeps a page out of search results, but only if crawlers can fetch it — don’t block the same URL in robots.txt.
• nofollow at page level asks search engines not to follow any links on the page; for individual links use rel="nofollow", rel="sponsored" or rel="ugc".
• max-image-preview:large allows large image thumbnails, which Google recommends for appearing well in Discover.
• Canonical URLs should be absolute and point to a page that returns 200 OK and is indexable.
• hreflang sets must be reciprocal: every version lists every other version and itself, otherwise Google may ignore them.