Meta Tag Generator
Fill in the fields below and copy a ready-to-paste block of HTML meta tags, updates live as you type.
About the Meta Tag Generator
Title and description tags are usually what shows up verbatim in a search result, so staying inside a sane length keeps them from getting cut off mid-sentence. Fill in the fields above and this generator assembles a clean block of meta tags, ready to paste straight into a page's <head>, no manual quote-escaping or tag-closing to get wrong. It's a small thing to get wrong by hand, a stray unescaped ampersand in a description or a missing closing quote on the title attribute is easy to miss in a quick manual edit and can silently break the rest of the head section.
What each field actually does
The title tag is the single most important line in this list, it's the clickable blue link in search results and the text shown in a browser tab. Google doesn't truncate by a fixed character count, it cuts off around 600 pixels of rendered width, which is why the 50-60 character range here is a guideline rather than a hard rule, a title full of narrow letters like "i" and "l" can run longer than one full of "w" and "m" before it clips. The meta description doesn't affect rankings directly, but it's the snippet text under the title, and Google frequently rewrites it anyway if it thinks a different passage from the page answers the query better, keeping it accurate and specific to the page's actual content is what determines whether Google keeps it as written.
The keywords field is included here for completeness and because some smaller search engines and internal site-search tools still read it, but Google has publicly ignored the meta keywords tag for ranking purposes since 2009, filling it in isn't harmful, just not going to move a ranking. Author is similarly low-impact for SEO but is picked up by some CMS platforms and content-attribution tools. Charset is fixed to UTF-8 here because that's the correct choice for essentially every modern page, and the viewport tag, while not strictly a metadata tag in the SEO sense, is what allows a page to actually render responsively on a phone, leaving it off is a common reason a page fails Google's mobile-friendliness check.
Reading the character counters
The hint next to the title and description fields turns from the default color to green once the length lands in the ideal range, and to red outside it. Red doesn't mean the tag is invalid, a five-word title works fine technically, it just means there's unused room in the search snippet that a more descriptive title or description could fill. Going over the range isn't a hard error either, it just increases the odds that the tail end gets cut off with an ellipsis in the search result, which is worth avoiding for a title but matters less for a description since Google may rewrite it anyway.
Where these tags go, and where they don't
Every line this tool outputs belongs inside the page's <head>, before the closing </head> tag and above anything in <body>. Order among the tags themselves doesn't affect how a browser or search engine reads them, but keeping title first and the meta description right after it is the convention most templates and CMS themes already follow, which makes the block easier to scan when revisiting the page's source later. One thing this generator deliberately leaves out is Open Graph and Twitter Card tags, those control how a link looks when shared on social platforms rather than how it appears in search results, and are covered by the separate Open Graph Generator and Twitter Card Generator instead of being bundled in here. Running a finished page through the Meta Tag Analyzer afterward is a quick way to confirm every tag landed correctly once it's live.
Frequently Asked Questions
Does the meta keywords tag still matter for SEO?
No. Google has publicly stated it ignores the meta keywords tag for ranking, and has done so since 2009. It's included here mainly because some smaller search tools and internal CMS search features still read it, not because it affects Google rankings.
Why did my title turn red even though it looks fine?
Red just means the character count is outside the 50-60 ideal range, not that anything is broken. A shorter title still works, it just leaves room in the search snippet that a slightly longer, more descriptive title could use instead.
Will Google always show my exact meta description?
Not always. Google sometimes rewrites the displayed snippet if it decides a different passage from the page better answers the search query. Writing an accurate, specific description makes Google more likely to keep it as written.
Do I need the viewport tag if I already use a CSS framework?
Yes. The viewport tag is what tells a mobile browser to render the page at device width instead of a zoomed-out desktop layout. A CSS framework's responsive classes won't work correctly without it, regardless of which framework is used.