Meta Tag Generator
Generate HTML meta tags for a page: title, meta description, charset, viewport, robots and canonical, plus optional author, keywords and social tags. How it works
Use the Meta Tag Generator
0 characters
0 characters
Google publishes no character limit for titles or descriptions. It shortens them to fit the width of the device, so the count is only a guide.
Google does not use the keywords meta tag at all, so it is left out unless you tick the box.
The robots tag is only written when you change one of these. A noindex page must stay crawlable (not blocked in robots.txt) for Google to see the tag.
Writes a link rel="canonical" tag. Use the full address of the preferred version of this page.
Uses the title, description and canonical URL above. For types, handles and image descriptions use the Open Graph generator and the Twitter card generator.
Generated HTML
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
Search result preview
https://example.com/
Page title
A rough layout built from the fields on the left. The address is a placeholder until you enter a canonical URL. Google shortens the title and description to fit the device and may write its own.
About the Meta Tag Generator
With every field empty, the meta tag generator writes two lines: <meta charset="UTF-8"> and <meta name="viewport" content="width=device-width, initial-scale=1">. A title adds the <title> element and a description adds <meta name="description">. The robots tag appears only when you choose noindex or nofollow, and the keywords tag only when you tick its box, because Google does not use it. A canonical URL adds <link rel="canonical" href="…">, and the Social tags box adds basic Open Graph and Twitter card tags.
What each setting adds to the output
| Setting | Line written |
|---|---|
| Charset: UTF-8 (default) | <meta charset="UTF-8"> |
| Viewport: width=device-width, initial-scale=1 (default) | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| Viewport: Same, plus viewport-fit=cover | <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> |
| Page Title: Fish & Chips | Joe's | <title>Fish & Chips | Joe's</title> |
| Description: Open 11 to 9. "Best" in town. | <meta name="description" content="Open 11 to 9. "Best" in town."> |
| Author: Jane Doe | <meta name="author" content="Jane Doe"> |
| Indexing: noindex | <meta name="robots" content="noindex, follow"> |
| Links: nofollow | <meta name="robots" content="index, nofollow"> |
| Indexing: noindex and Links: nofollow | <meta name="robots" content="noindex, nofollow"> |
| Canonical URL: https://example.com/widgets | <link rel="canonical" href="https://example.com/widgets"> |
| Keywords: a, b with the box ticked | <meta name="keywords" content="a, b"> |
| Keywords: a, b with the box not ticked | (nothing) |
| Charset and Viewport both set to Omit, other fields empty | (nothing) |
Text is trimmed and escaped for HTML: & becomes &, " becomes ", and < and > become < and >. The apostrophe stays, because every attribute value is in double quotes.
Frequently asked questions
- Where do meta tags go in HTML?
- Inside the <head> element, before <body>. Put the charset line first: the HTML standard says the element that declares the encoding must sit wholly within the first 1,024 bytes of the document, and the generator writes it as the first line. The viewport line tells phones to lay the page out at the device width instead of a zoomed-out desktop width.
- Does Google use the meta keywords tag?
- No. Google’s page on the meta tags it supports says it does not use the keywords tag. The generator leaves it out unless you tick "Add a keywords tag to the output", and then adds a note saying Google does not use it.
- How long should a title tag and meta description be?
- Google publishes no character limit for either; it shortens them to fit the width of the device. The count under each field is a guide only. The title field stops at 300 characters and the description at 1,000, and an emoji counts as 2 because the count is in UTF-16 code units.
- Do I need a robots meta tag that says index, follow?
- No. index, follow is the default, so the tag would change nothing and the generator writes it only when you pick noindex or nofollow: noindex alone gives <meta name="robots" content="noindex, follow">. A noindex page must stay crawlable, not blocked in robots.txt, for Google to see the tag.
- Why does & turn into & in the output?
- Characters that could end an attribute or a tag early are escaped: & becomes &, " becomes ", and < and > become < and >. A browser reads them back as the characters you typed, so <title>Fish & Chips | Joe's</title> shows as Fish & Chips | Joe's.
- When should I set a canonical URL?
- When the same content answers at more than one address, for example with and without ?utm_source= or with and without www. Google calls rel="canonical" a strong signal, not a rule, asks for a full address rather than a relative path, and recommends the tag on the canonical page itself. Typing https://example.com/widgets writes <link rel="canonical" href="https://example.com/widgets"> after the robots line; example.com/widgets is refused because it has no http:// or https://.
Related Tools
View all toolsSlug Generator
Turn a title into a lowercase URL slug joined by hyphens or underscores. Accents go, ß, æ and ø are spelled out, and letters with no Latin form are listed.
UTM Builder
Build a campaign URL with utm_source, utm_medium, utm_campaign, utm_id, utm_term and utm_content. Source, medium and campaign are required.
Open Graph Generator
Write Open Graph meta tags for link previews: og:title, og:type, og:url and og:image, plus description, site name and image alt, with a required-tag check.
Twitter Card Generator
Make twitter:card, site, creator, title, description and image meta tags for a summary or large-image card on X, with checks on @handles and the image URL.
Robots.txt Generator
Build a robots.txt from a preset such as Block AI crawlers or WordPress, or block and allow folders for named bots, with Sitemap lines and every path checked.
Sitemap Generator
Paste one URL per line to get a sitemap.xml: addresses percent-encoded and XML-escaped, duplicates removed, and a lastmod date where you add one after a |.