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
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 & 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">
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.
Related: Schema markup generator, Open Graph generator, Robots.txt generator, Hreflang generator
FAQ
- 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'>.