CompleteToolkit

Meta Tag Generator

Generate correct HTML meta tags — with live character counters for title and description limits.

0/60
0/160

Your meta tags

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="index, follow">

About this tool

Meta tags are the first conversation between your page and a search engine: the title and description become your search-result snippet, the robots directive controls whether the page is indexed at all, and the canonical tag prevents duplicate-content confusion. Getting them wrong is invisible on the page itself — which is why so many sites do.

This generator produces the essential head section with the details handled correctly: HTML special characters are escaped so a quote in your title doesn't break the tag, the charset and responsive viewport tags are always included, and robots directives are toggles rather than syntax to remember. The feature that earns the bookmark is the pair of live character counters — green within Google's typical display limits (about 60 characters for titles, 160 for descriptions), amber as you approach the edge, red when the snippet will likely be truncated with an ellipsis.

Write the title and description as if they were ad copy, because they are: the title is your headline in search results, and the description is the two lines that convince someone to click your result instead of the one above it. Fill the fields, watch the counters, copy the block into your page's head section.

How to use the Meta Tag Generator

  1. 1Enter your page title — keep the counter green (about 60 characters).
  2. 2Write a meta description — aim for under 160 characters.
  3. 3Optionally add a canonical URL and author, and set the robots toggles.
  4. 4Copy the generated block into your HTML <head>.

Frequently asked questions

Do meta keywords still matter?

No — Google confirmed in 2009 it ignores the keywords meta tag, and it has been irrelevant since. This generator deliberately omits it. The title, description, robots and canonical tags are the ones that still do real work.

What happens if my title or description is too long?

Search engines truncate it with an ellipsis (…), usually cutting mid-sentence — you lose the persuasive ending. The counters here turn amber then red as you approach typical display limits, so you can trim before publishing.

Does the meta description affect rankings?

Not directly — Google has stated it isn't a ranking factor. But it heavily influences click-through rate, and a compelling description that wins more clicks is one of the highest-leverage lines of text on any page.

What does the canonical tag do?

It tells search engines which URL is the 'official' version of the page when the same content is reachable at multiple addresses (with/without www, tracking parameters, etc.). It consolidates ranking signals onto one URL instead of splitting them.