Meta Tags Generator
Build a clean, SEO-friendly <head> meta-tag block. Live character counters validate title and description length against Google’s display limits.
Core SEO
Indexing & robots
Technical & appearance
Refresh redirect (optional)
Leave the URL empty for a same-page refresh. Use a server-side 301 for real redirects whenever possible.
Generated HTML
Drop this inside your <head>. Updates live as you type.
Need social preview tags?
This tool covers standard SEO and HTML head meta. For og:* and twitter:* tags, use the OpenGraph Meta Tag Generator.
About Meta Tags Generator
Meta Tags Generator builds the core HTML <head> meta-tag set every web page needs — the same tags that drive how the page appears in search engines, how browsers render it on mobile devices, and how crawlers decide whether to index it.
The tool produces clean, properly-escaped HTML for the most important meta and link tags: title, description, keywords, author, viewport, charset, robots, canonical, theme-color, color-scheme, favicon, and Apple touch icon — plus an optional refresh redirect.
Live character counters validate your title against Google’s ~60-character display limit and your description against the ~160-character snippet limit, so you can ship copy that won’t get truncated in search results. Everything runs in your browser — no values ever leave the page.
How to Use Meta Tags Generator
- 1. Fill in the core SEO fields. Title and description are the two tags that show up in Google results — write each one for a real human reader, not a keyword stuffer.
- 2. Set the canonical URL. Always point to the preferred version of the page (HTTPS, no trailing-slash mix-ups, no tracking parameters). Canonicals prevent duplicate-content penalties.
- 3. Configure indexing. Leave index and follow on for public pages. Toggle noindex for staging, login, or thank-you pages you don’t want in search results.
- 4. Adjust technical defaults. Keep the default
UTF-8charset and mobile viewport unless you know you need something else. Set theme color and color scheme to match your brand and dark-mode support. - 5. Copy and paste. The right-hand panel always shows the current output. Click Copy HTML and paste the block right inside your
<head>, or click Download to save it as a file.
Common Use Cases
Bootstrap a new site
Generate the head boilerplate for a fresh project — viewport, charset, title, description, canonical — in one paste.
Fix length penalties
Rewrite a title or description until the counter turns green so it won’t get cut off in search-result snippets.
Add a canonical to landing pages
Quickly emit a properly-escaped <link rel="canonical"> for ad and campaign URLs.
Hide a staging environment
Flip noindex/nofollow and copy the block into every page of a preview deploy to keep it out of search.
Set dark-mode meta
Generate color-scheme and theme-color tags so mobile browsers theme the address bar correctly.
Audit an existing page
Reverse-engineer a clean set of tags for a page that’s missing them and paste the output back into the template.
FAQ
Does this tool send my data anywhere?
No. The page runs entirely in your browser. None of the fields you type are sent to a server, so it’s safe to use for unreleased projects and internal tools.
Why does the title turn amber or red?
Google typically displays the first ~60 characters of a title in search results. Anywhere from 61–70 may get truncated; over 70 almost certainly will. The counter colors are guidance, not a hard rule — picking a clear, click-worthy title under 60 is the goal.
Is the keywords tag still useful?
Google has ignored meta name="keywords" since 2009. Some smaller engines (Bing, Yandex, internal search appliances) still read it, and it has no negative effect, so it’s included as an option you can fill or leave blank.
What about Open Graph and Twitter tags?
Those belong in the companion OpenGraph Meta Tag Generator, which also gives you a live social-share preview. This tool intentionally focuses on standard HTML and SEO head tags.
Should I use a meta refresh redirect?
Prefer a server-side 301 redirect for permanent moves — it’s faster, transfers link equity properly, and avoids accessibility issues. Use the meta refresh option only when you have no other choice (static hosting, legacy pages).
Do I need both a canonical and the URL on the page?
Yes — the canonical tells search engines the preferred version, even if the URL the visitor lands on differs (HTTP vs HTTPS, with vs without trailing slash, with tracking parameters). Always self-reference the canonical on the page itself.
What charset should I use?
UTF-8, always. The field is exposed only so you can change it for legacy intranet pages or specific compatibility scenarios. New sites should never deviate from UTF-8.