SEO Meta Tag Generator

Generate the HTML head tags for SEO: title, meta description, canonical link, robots noindex/nofollow, viewport, charset and theme-color, with length counters.

Comma-separated. Google and Bing ignore this tag for ranking.

#4f46e5

HTML for the <head> section
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Free Online Tools for Developers</title>
<meta name="description" content="Format, convert and validate data right in your browser. Fast, private and free developer utilities.">
<link rel="canonical" href="https://example.com/">
Search engines may rewrite titles and descriptions. Keep each page’s title and description unique; a robots meta tag is only added when you disallow indexing or following.

What is Meta Tag Generator?

This generator writes the essential <head> tags of a web page from a simple form: charset, responsive viewport, <title>, meta description, optional keywords and author, canonical link, robots directives and theme color. Character counters show whether the title and description are in the commonly recommended length range.

How to use Meta Tag Generator

  1. Enter the page title and meta description and watch the character counters.
  2. Add the canonical URL and, if needed, author, keywords and theme color.
  3. Untick "Allow indexing" or "Allow following links" to add a robots meta tag.
  4. Copy the generated HTML into the page's <head>.

Example

Input
Title: Tom & Jerry · description: Classic "cartoon" · indexing off
Output
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tom &amp; Jerry</title>
<meta name="description" content="Classic &quot;cartoon&quot;">
<meta name="robots" content="noindex, follow">
<link rel="canonical" href="https://example.com/">

When to use Meta Tag Generator

Use it when building a new page or template and you want correct, escaped head tags quickly. It does not check your existing page; for previews of how the title and description look in Google use the SERP Preview tool, and for social cards the Open Graph or Twitter Card generators.

How Meta Tag Generator works

Values are inserted into the tags with HTML escaping (&, ", <, > become entities) so quotes in a description cannot break the markup. Empty fields are omitted. A robots meta tag is only written when indexing or following is disallowed, because index, follow is the default. Keywords are trimmed and re-joined with commas.

Common Use Cases

  • Create head tags for a static landing page.
  • Add noindex to a staging or thank-you page.
  • Generate a canonical link for a page reachable under several URLs.
  • Check title and description lengths before publishing.

FAQs

How long should a title and meta description be?

Google truncates by pixel width; roughly 50–60 characters for titles and up to about 155–160 for descriptions usually display fully.

Do meta keywords help SEO?

No. Google and Bing ignore them for ranking. The field exists only for internal search engines or legacy requirements.

Is a robots meta tag needed on every page?

No. Without it, pages are indexable and links followed. Only add it to restrict something.

Good next steps

Explore more categories