How the Meta Tag Generator works
As you type, the generator builds the tags that belong in the <head> of a page: the character set,
the mobile viewport, the <title>, the meta description, a canonical link and a robots directive,
plus an optional author and theme colour. Whitespace and line breaks are collapsed, and every value is HTML-escaped,
so quotes, ampersands and angle brackets in your text cannot break the markup.
The counters compare your text with common guidance: titles of about 50–60 characters and descriptions of about 120–160 characters are usually shown in full. The preview shortens text at a word boundary with an ellipsis the way a search result does. Real search engines measure pixel width rather than characters and sometimes rewrite titles and snippets, so treat the preview as a guide. A canonical URL must be absolute (starting with https:// or http://), and a theme colour must be a hex colour; values that do not qualify are left out and a note explains why.
How to use the Meta Tag Generator
- Type the page title and meta description, or select Load example to see a filled-in page.
- Add the canonical URL, choose the robots indexing and link options, and optionally add an author and theme colour.
- Watch the character counters and the search result preview, and shorten or extend the text until both counters show a good length.
- Select Copy above the generated tags and paste them into the <head> of your page.
Example
With the title Wireless Keyboard KB-2041 – Quiet Keys, 12-Month Battery, the description Compact wireless keyboard with quiet keys & a 12-month battery. and the canonical URL https://www.example.com/keyboards/kb-2041, the generator produces:
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Wireless Keyboard KB-2041 – Quiet Keys, 12-Month Battery</title>
<meta name="description" content="Compact wireless keyboard with quiet keys & a 12-month battery.">
<link rel="canonical" href="https://www.example.com/keyboards/kb-2041">
<meta name="robots" content="index, follow">The title is 56 characters, inside the recommended range. The description is 63 characters, so its counter reports that it is shorter than recommended.
Common use cases
- Writing the title and description for a new page or blog post with the right length for search results.
- Adding a canonical tag to a page that can be reached through several URLs, such as with tracking parameters.
- Creating a noindex tag for thank-you pages, internal search results or staging pages.
- Checking how a long product name will be shortened in a search result.
Frequently asked questions
How long should a title and meta description be?
Titles of about 50–60 characters and descriptions of about 120–160 characters are usually shown without being cut. Search engines actually limit by pixel width, so a title with many wide letters may be cut sooner. The counters use characters as a practical guide.
Will Google use my meta description?
Often, but not always. Google may show a different snippet from the page when it matches the search better, and it can also rewrite titles. A clear, accurate description written for the page still gives you the best chance of controlling the snippet.
What do index and follow mean?
index lets search engines show the page in results, noindex asks them not to. follow lets crawlers follow the links on the page, nofollow asks them not to. index, follow is the default behaviour, so the tag is included mainly to make the choice explicit.
What is a canonical URL?
It tells search engines which address is the preferred version of a page when the same content is available at several URLs, for example with and without query parameters. It must be an absolute URL; relative URLs are left out by this tool.
Are special characters in my text safe?
Yes. Quotes, ampersands and angle brackets are converted to HTML entities, so the generated tags are valid HTML and cannot break the page.
Is anything I type sent to your server?
No. The tags are generated in your browser.