Meta Tag Generator

About this tool

Meta Tag Generator builds the core head tags for a page: title, meta description, robots, canonical link, viewport and author. Fill in Page title, Author, Description, Robots, Canonical URL and Viewport; Robots defaults to index,follow and Viewport to width=device-width, initial-scale=1. The generated HTML updates as you type, with &, <, > and double quotes escaped so values cannot break the markup. All six tags are always included, so remove any line you leave empty before pasting. Copy puts the bundle on your clipboard and Clear resets the fields to their defaults. The tool does not generate Open Graph or Twitter Card tags, count characters or check the canonical URL, so keep titles near 60 characters and descriptions near 155 yourself, and use an absolute https:// address for the canonical. All generation runs in the browser — staging URLs and unpublished titles never leave your machine.

Why use it

• Core Tag Bundle: Generates title, meta description, robots, canonical, viewport and author tags in one place, with the correct element and attribute names.

• Safe Escaping: Ampersands, quotes and angle brackets in your values are escaped, so a title like Tom & Jerry "Classics" still produces valid HTML.

• Sensible Defaults: Robots starts at index,follow and Viewport at width=device-width, initial-scale=1, so most pages need only a title, description and canonical.

• Copy-Ready HTML: Output is properly formatted HTML with consistent quoting and attribute order, ready to paste directly into your template's head section without any cleanup or reformatting needed.

• Browser-Local: All generation runs in the browser. Staging URLs, internal page titles, and unpublished descriptions never leave your machine or touch a server.

How to use

1. Enter your page title — keep it under about 60 characters to avoid truncation in search snippets
2. Enter a description of roughly 70 to 155 characters summarizing the page content
3. Enter the canonical URL as a full https:// address of this page
4. Set the robots directive — index,follow is the default for public-facing pages
5. Optionally fill in Author and adjust the Viewport value
6. Click Copy and paste the generated tags into your page's head section, deleting any line you left empty

When it helps

• You are launching a new page and need the basic SEO head tags before going live
• You are auditing an existing page and need to regenerate proper meta tags to fix missing or malformed ones
• You are building a CMS or static site generator template and need a reference for the correct tag bundle
• You want to quickly generate meta tags for a landing page without setting up a full SEO plugin
• You need a noindex,nofollow robots tag for a staging or admin page
• You are migrating a site and need to recreate meta tags for each page systematically

Examples

Title: Best Coffee Shops NYC | Description: A curated guide to NYC's finest coffee | Canonical: https://example.com/coffee | other fields default

<title>Best Coffee Shops NYC</title>
<meta name="description" content="A curated guide to NYC's finest coffee">
<meta name="robots" content="index,follow">
<link rel="canonical" href="https://example.com/coffee">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="">

Title: Staging: Checkout | Author: Web Team | Description: Internal checkout test page | Robots: noindex,nofollow | Canonical: https://staging.example.com/checkout

<title>Staging: Checkout</title>
<meta name="description" content="Internal checkout test page">
<meta name="robots" content="noindex,nofollow">
<link rel="canonical" href="https://staging.example.com/checkout">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Web Team">

Title: Tom & Jerry "Classics" | Description: Episodes <1950> | other fields default or empty

<title>Tom &amp; Jerry &quot;Classics&quot;</title>
<meta name="description" content="Episodes &lt;1950&gt;">
<meta name="robots" content="index,follow">
<link rel="canonical" href="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="">

Tips

• Keep page titles under about 60 characters and descriptions under 155 — the tool does not count characters, so check the length before copying.
• Always use an absolute https:// URL for the canonical — a relative path does not work and is treated as missing by most crawlers.
• Delete the author or canonical line if you leave that field empty — the tool always outputs all six tags.
• Never use noindex on a page you want indexed, even temporarily — search engines may not recrawl quickly when you switch it back.
• For social previews, add Open Graph and Twitter Card tags separately; this generator covers only the core SEO tags.

Frequently Asked Questions

Glossary

Meta tag

An HTML element inside the head that provides metadata about a page to browsers, search engines, and social media crawlers. Not visible to users but critical for SEO and social sharing.

Canonical URL

The authoritative URL for a page, specified via link rel='canonical'. Tells search engines which URL to index when multiple URLs serve the same or similar content.

Open Graph

A protocol developed by Facebook using og: prefixed meta tags to define how a page appears when shared on social networks, including title, description, image, and content type.

Twitter Card

Twitter-specific meta tags (twitter:) that control how a URL is displayed when shared in a tweet, including card type (summary, summary_large_image), title, description, and image.

Viewport

A meta tag that instructs mobile browsers how to scale the page. The standard value is width=device-width, initial-scale=1 and is required for responsive design to work correctly.

Robots directive

A meta tag (name='robots') that instructs search engine crawlers whether to index the page (index/noindex) and whether to follow its links (follow/nofollow).