Meta Tag Generator

More SEO Tools

RG

Robots.txt Generator

Build a valid robots.txt file with user-agent rules, allow/disallow paths, crawl-delay and a sitemap reference.

OG

Open Graph Preview

Preview how your page will look when shared on Facebook, Twitter/X and LinkedIn, and generate the Open Graph meta tags.

SU

Slugify URL

Turn a title into a clean, SEO-friendly URL slug — with stopword removal, max-length truncation and a full URL preview.

SK

SEO Keyword Checker

Check how often your target keywords appear in a piece of text, their density percentage, and whether they show up early in the content.

LP

Landing Page Builder

Build a simple, responsive landing page from Hero, Features, CTA, Testimonial and Footer blocks, with a live preview and HTML export.

How to Use Meta Tag Generator

Enter your page title, description, keywords, author, canonical URL and other settings. The tool generates ready-to-paste HTML meta tags for your page's <head>, with inline warnings if your title or description run past the length search engines typically display in full.

About Meta Tag Generator

HTML meta tags live in a page's <head> section and never appear directly on the rendered page, yet they shape two things that matter enormously for how a page performs: how browsers and devices render it, and how search engines and social platforms describe it before anyone has even clicked through. A handful of these tags do most of the practical work — the title tag and meta description are what most people actually see, as the blue clickable headline and grey summary text in a Google search result, while charset, viewport and robots tags handle technical behaviour that is invisible but still consequential if set wrong. The title and description are, in effect, your page's advertisement in the search results — Google generally displays the exact title tag you provide (sometimes rewriting it if it judges the text unhelpful or mismatched to the query), truncating anything that would run past roughly 50-60 characters on desktop, and it frequently rewrites the meta description entirely with a more query-relevant snippet pulled from the page content when the provided one doesn't answer the search well, but a well-written description within about 150-160 characters is still what gets shown most of the time. That's why this tool warns, without blocking you, when a title exceeds 60 characters or a description exceeds 160 — these are practical display thresholds based on typical pixel widths in search results, not hard technical limits, so going over occasionally is fine, but doing it on every page usually means valuable summary text is being truncated where it matters most. The charset meta tag (this tool defaults to UTF-8, the near-universal standard supporting virtually every written language and emoji) must appear within the first 1024 bytes of the HTML document for browsers to apply it correctly, which is why it is conventionally the very first tag inside <head>. The viewport tag (defaulting here to "width=device-width, initial-scale=1") tells mobile browsers to render the page at the device's actual width rather than a shrunk-down desktop layout — without it, a page can look zoomed-out and tiny on a phone regardless of how responsive its CSS actually is, and Google has used mobile page rendering as its primary indexing signal since 2018, making this one of the more consequential single tags on this list despite being entirely invisible. The robots meta tag (index/follow, noindex/follow, index/nofollow, or noindex/nofollow) gives page-level crawling and indexing instructions that complement, rather than replace, robots.txt — robots.txt controls whether a crawler fetches a page at all, while this tag controls what the crawler does with a page it has already fetched. A canonical URL tells search engines which version of a page is the authoritative one when the same or very similar content is reachable at more than one URL (with and without a trailing slash, with tracking parameters, via HTTP and HTTPS, and so on), consolidating ranking signals onto a single URL instead of splitting them across duplicates — a routinely underused tag that solves a genuinely common technical SEO problem. Fields left blank in this tool are simply omitted from the output entirely, rather than being written as an empty attribute, since an empty meta tag can be worse than no tag at all (some crawlers and tools treat `content=""` as an explicit, deliberately blank value rather than "not specified").

Details & Tips

Tags generated (only for non-empty fields): <meta charset="UTF-8"> <title>{title}</title> <meta name="description" content="{description}"> <meta name="keywords" content="{keywords}"> <meta name="author" content="{author}"> <meta name="viewport" content="{viewport}"> <meta name="robots" content="{index/follow directive}"> <link rel="canonical" href="{canonicalUrl}"> <meta name="theme-color" content="{themeColor}"> Length thresholds (warnings only, non-blocking): • Title: warning shown past 60 characters (typical desktop search-result display width). • Description: warning shown past 160 characters (typical search-result snippet length). Edge cases handled automatically: any field left empty is omitted from the output entirely rather than rendering as content="" — an empty title/description tag is worse for SEO than no tag, since some tools read it as a deliberate blank rather than "not provided". The character counters update live as you type so you can see exactly how close you are to each threshold before it becomes a problem in real search results.

Frequently Asked Questions

What is the ideal length for a title tag?

Roughly 50-60 characters, which is about how much fits on one line in a typical desktop Google search result before being cut off. This tool warns past 60 characters, but Google sometimes rewrites titles regardless of length if it judges a different phrasing better matches the search query.

What is the ideal length for a meta description?

Roughly 150-160 characters. Google frequently rewrites meta descriptions with a more query-relevant snippet from the page content anyway, but a well-written description within this range is still what is shown most of the time when it is not rewritten.

Does the meta keywords tag still matter for SEO?

No — Google has publicly confirmed it ignores the meta keywords tag for ranking purposes and has done so for many years. It is included here mainly for completeness and for any internal tools or older systems that still read it; it has no measurable effect on Google search rankings.

What does the robots meta tag actually control?

It gives page-level instructions to crawlers that have already fetched the page — whether to index it and whether to follow its links. This is different from robots.txt, which controls whether a crawler fetches the page at all. Use robots.txt to block crawling and the robots meta tag to control indexing of pages that are crawlable.

When should I use a canonical URL tag?

Whenever the same or very similar content is reachable at more than one URL — with and without a trailing slash, with tracking parameters, via HTTP versus HTTPS, or on separate mobile/desktop URLs. The canonical tag tells search engines which one is authoritative, consolidating ranking signals instead of splitting them across duplicates.

Why does the viewport meta tag matter?

Without it, mobile browsers render your page at a shrunk-down desktop width by default, making it look zoomed-out and tiny regardless of how responsive your CSS actually is. Google has used mobile rendering as its primary indexing signal since 2018, making this small, invisible tag one of the more consequential ones on a page.

Why does charset need to be UTF-8?

UTF-8 supports virtually every written language and symbol, including emoji, and is the near-universal web standard. Using a narrower charset can cause special characters to render as garbled text (mojibake) for some visitors, so UTF-8 is the safe default for almost every site.

What happens if I leave a field blank in this tool?

That tag is left out of the generated output entirely, rather than being written with an empty value like content="". An empty meta tag can be read by some crawlers as a deliberate blank rather than "not provided", so omitting it is the safer choice.

Does Google always use my exact title and description?

Not always. Google frequently rewrites either or both if it judges the provided text does not clearly match the search query or is unhelpful — but a well-written, appropriately-sized title and description within the recommended lengths are still used as-is most of the time.

Where do these meta tags go in my HTML?

Inside the <head> section of your page, before the closing </head> tag. The charset tag should generally appear first, within the first 1024 bytes of the document, for browsers to interpret it correctly.

Is my data sent anywhere when I use this generator?

No. All the HTML is generated entirely in your browser using JavaScript — nothing you enter is transmitted, logged, or stored.