Skip to content
Plaintools

Meta tag generator

Build clean, standards-compliant HTML meta tags for your website's <head> section. Features real-time character counters for optimal title (~60 chars) and description (~155 chars) lengths to prevent search result truncation, configurable robots indexing rules, canonical links, responsive viewport tags, theme colors, and a live Google search result SERP preview. Everything is generated client-side without sending data to any server.

Runs locally in browser · Zero server upload · Private & fast

51 / ~60 charsOptimal length
128 / ~155 charsOptimal length

Absolute HTTPS URL without tracking query parameters.

Standard responsive scaling directive.

Mobile browser toolbar & UI tab accent color.

Additional Meta Tags (Author, Keywords, Charset)
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Plaintools — Browser-Only Tools &amp; Private Utilities</title>
<meta name="description" content="Fast, private browser utility shed where files, tokens, and data never leave your device. Zero server uploads and zero tracking.">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://plaintools.io">
<meta name="theme-color" content="#0f172a">
<meta name="author" content="Plaintools">
<meta name="keywords" content="developer tools, browser utilities, private tools, offline converter">

Meta tag generator example

Standard marketing page meta tags

Title: 'Acme Cloud — Fast Serverless Databases' (42 chars), Description: 'Deploy distributed Postgres databases globally with single-digit millisecond latency.' (88 chars), Canonical: 'https://example.com/databases', Robots: 'index, follow'. Emits clean, copy-ready HTML.

Meta tag generator how-to

  1. Sanitize and escape input attribute values against HTML injection.
  2. Emit <meta charset='utf-8'> and <meta name='viewport' content='...'> tags.
  3. Emit <title>...</title> with live character counter highlighting optimal length (~60 chars).
  4. Emit <meta name='description' content='...'> with live counter highlighting optimal SERP length (~155 chars).
  5. Emit <link rel='canonical' href='...'> if canonical URL is provided.
  6. Emit <meta name='robots' content='...'> directive.
  7. Emit <meta name='theme-color' content='...'>.
  8. Optionally render live Google SERP card preview and provide one-click copy.

Related tools

SEO

Open Graph generator

Generate Open Graph and Twitter Card meta tags with live social preview cards.

SEO

Robots.txt generator

Generate RFC 9309 robots.txt files with allow/disallow paths, bot groups, sitemaps, and crawl delays.

SEO

Hreflang generator

Generate HTML link tags, XML sitemap snippets, and HTTP headers for multilingual and multi-regional hreflang SEO.

SEO

XML sitemap generator

Generate clean, valid XML sitemaps compliant with Sitemaps.org 0.9 from a plain text list of URLs. Zero crawls, client-side.

People also use

SEO

UTM generator

Add source, medium, campaign, term, and content parameters to a URL you already own.

SEO

Slug generator

Turn a title into a lowercase URL slug, with stop words stripped and unicode transliterated.

SEO

JSON-LD generator

Build live JSON-LD for FAQ, HowTo, Article, Product, LocalBusiness, Breadcrumb, and Organization.

SEO

Favicon generator

Convert any image into PNG favicons (16×16, 32×32, 48×48), favicon.ico, and Apple touch icons.

Meta tag generator FAQ

What is a meta tag generator?
A meta tag generator writes the HTML title, description, canonical, robots, and Open Graph tags used for SEO and social previews. This one runs in your browser, with nothing uploaded.
Does this meta tag generator send my page content or URLs to any server?
No. All tags are generated dynamically in your browser as you type. Plaintools does not collect, log, or transmit any inputs.
What are the recommended character lengths for titles and meta descriptions?
Search engines typically display the first 50–60 characters of a page title and approximately 120–160 characters (or up to ~960 pixels) of a meta description before truncating with an ellipsis.
Where should I paste the generated meta tags?
Paste the generated HTML inside the <head> ... </head> element of your HTML document, above the opening <body> tag.
What is the canonical tag used for?
The <link rel='canonical' href='...'> tag tells search engines which URL represents the master or authoritative copy of a page, preventing duplicate content issues caused by query parameters or alternate URLs.
What do the robots meta tag directives do?
The robots tag instructs search engine crawlers how to index and follow links on the page. 'index, follow' allows indexing and following links, whereas 'noindex, nofollow' instructs search engines to exclude the page from search results and ignore its links.
Why include a theme-color meta tag?
The <meta name='theme-color'> tag customizes the browser chrome and address bar color on mobile devices like Android Chrome and iOS Safari, providing a branded native-app appearance.
How do I generate these meta tags programmatically?
Construct an HTML string escaping special characters (&, <, >, ") containing <meta charset='utf-8'>, <meta name='viewport' content='width=device-width, initial-scale=1.0'>, <title>Your Title</title>, <meta name='description' content='...'>, <link rel='canonical' href='...'>, and <meta name='robots' content='index, follow'>.