Skip to content
Toolew.com

Meta Tag Generator

Generate the essential HTML head tags: title, meta description, robots directives, canonical, viewport and theme colour.

Runs in your browser. Your data is not uploaded.
Loading tool…

Tool guide

What this tool does

Meta Tag Generator builds a clean, valid set of head tags from a short form and previews how the title and description could look in a search result. It covers robots directives such as noindex, max-snippet and max-image-preview, and warns about combinations that work against each other.

The few lines inside a page’s head element decide a lot: the title that appears as the blue link in search results, the description that may become the snippet, whether the page may be indexed at all and which URL counts as the original when duplicates exist. Hand-writing these tags invites small errors, such as an unescaped quote that breaks the description attribute, a relative canonical URL, or a robots value with a typo that search engines silently ignore.

This generator turns a short form into correctly escaped HTML. It validates the canonical URL and the BCP 47 language code, assembles the robots directives Google documents (index, follow, nosnippet, max-snippet, max-image-preview, notranslate) into one tag, and shows a search-style preview with character counts. Everything runs in your browser, so drafts for unreleased pages stay private.

How to use Meta Tag Generator

  1. Enter the Page title and Meta description for one specific page.
  2. Add the Canonical URL as a full https:// address.
  3. Choose Indexing and Links, then set Image preview size and Max snippet length if you need to limit how much Google shows.
  4. Toggle the charset, viewport and theme-color tags, and set the Content language for the html lang attribute.
  5. Check the preview and the character counts under it, then copy or download the generated HTML into your page head.

Tips for better results

  • Write a unique title and description for every page; duplicates across a site make it harder for search engines to choose what to show.
  • Put the brand at the end of the title so the words that describe the page are seen first.
  • Use max-image-preview:large if you want large thumbnails in Discover and image-rich results.
  • Leave meta keywords empty unless an internal search system reads them; Google has ignored the tag for ranking since 2009.

Common use cases

  • Adding missing head tags to a static site or landing page.
  • Creating a noindex, follow setup for thank-you pages and internal search results.
  • Preparing tag snippets for a developer to paste into a CMS template.
  • Teaching junior writers which tags matter and which are obsolete.

Common mistakes to avoid

  • Blocking a URL in robots.txt and adding noindex to it: Google cannot crawl the page, so it never sees the noindex tag.
  • Using a relative canonical such as /page/, which some crawlers resolve incorrectly; always use the absolute URL.
  • Pointing every page’s canonical at the home page, which tells search engines the other pages are duplicates.
  • Stuffing the description with keywords. Google often rewrites descriptions that do not match the query or the page.

Frequently asked questions

How long should a title and meta description be?

Google does not publish a character limit; it truncates by pixel width. In practice about 50–60 characters for titles and 120–160 characters for descriptions fit on most desktop results without being cut off.

Will Google always use my meta description?

No. Google uses the description when it describes the page well for the specific query, and otherwise builds a snippet from the page text. A specific, accurate description raises the chance it is shown.

What does max-snippet do?

max-snippet:[number] caps the length of the text snippet in characters. 0 means no text snippet, and -1 means no limit. nosnippet removes the snippet entirely and also stops the content being used in AI Overviews.

Do I need the viewport tag?

Yes for any page that should work on phones. Without width=device-width the browser renders a desktop-width layout and zooms out, which hurts usability.

Feedback & suggestions

Help us improve Meta Tag Generator. We read every message.

Rating (optional)
Necessary
Required for security, language and theme preferences. Always on.