Meta Tag Generator

How to use the meta tag generator

1. Type the Page title and the Meta description. Under each field, a counter shows the number of characters and the recommended range.
2. Add the Canonical URL if the page can be reached at several addresses (with tracking parameters, with and without a trailing slash, and so on).
3. Optionally fill in the Author and a Theme color in hex, such as #1e40af, which some mobile browsers use to tint the address bar.
4. Under Search engines, choose whether the page should be indexed and whether its links should be followed, and tick any extra directive you need.
5. Keep Character encoding (UTF-8) and Mobile viewport ticked unless your template already includes them.
6. Read the Checks list, then Copy or Download the code and paste it inside the <head> of your page.

What each tag does

• <title>: the name of the page in the browser tab and, most of the time, the clickable headline in search results. Put the main topic first and keep it unique for every page.
• Meta description: a summary that search engines often, but not always, show under the title. It is not a ranking factor, but a clear description that matches the search can earn more clicks.
• Canonical link: tells search engines which URL is the preferred version when the same content is available at several addresses. It must be an absolute URL.
• Robots meta tag: controls indexing for this page only. noindex keeps the page out of results, nofollow asks crawlers not to follow its links, noarchive asks them not to keep a cached copy, nosnippet hides the text snippet and max-image-preview:large allows large image thumbnails.
• Viewport: width=device-width, initial-scale=1 makes the page use the width of the phone instead of a zoomed-out desktop layout. Google indexes the mobile version of pages first, so this tag matters.
• Charset: utf-8 lets accented letters, symbols and emoji display correctly. It should be the first element in <head>.

When you keep the default “Index this page and follow its links”, the tool leaves out the robots tag entirely, because index, follow is what search engines do anyway.

Recommended lengths

Search engines cut titles and descriptions by pixel width rather than by a fixed number of characters, so the numbers below are guidelines, not rules:

To see how your text will really look, including the pixel width, use a search snippet preview. Search engines may also rewrite a title or description when they think another text on the page matches the query better.

Escaping and safety

Every value is escaped before it is inserted: &, ", ', < and > become HTML entities, and line breaks are turned into spaces. A description that contains quotes or a title with & therefore produces valid HTML that cannot break your page. Everything happens in your browser; nothing you type is sent anywhere.