Meta Tag Generator
Fill in your page details to generate clean, valid SEO meta tags — with a live Google search result preview, pixel-width length checks and instant tips. Copy the code into your <head>.
<head> of your page.Need social sharing tags too? Open Graph Generator →Your page title appears here
What Are Meta Tags?
Small pieces of HTML that tell search engines and browsers about your page.
Meta tags live in the <head> of a page and aren't visible on the page itself. The two that matter most for SEO are the title tag — the blue headline in Google results and the text in the browser tab — and the meta description, which Google often uses as the snippet under the title.
Good titles and descriptions don't directly boost rankings much, but they strongly affect click-through rate: a clear, specific, benefit-driven snippet gets more clicks than a vague one.
The robots tag controls whether a page can be indexed and whether its links are followed; canonical tells Google which URL is the main version when the same content is reachable at several addresses (with tracking parameters, http/https, trailing slashes).
Google truncates titles by pixel width (about 580 px), not character count — “WWW” takes far more room than “iii”. This tool measures your title in pixels the same way, so the preview shows where it will be cut.
Meta Tags Explained
What each generated tag does and when to use it.
<title>
Required on every page. Unique, descriptive, 50–60 characters (under ~580 px). Main keyword near the start, brand at the end.
meta name="description"
A unique 120–160 character summary. Google may rewrite it, but a good one is used most of the time and improves clicks.
meta name="robots"
index, follow is the default. Use noindex for thank-you pages, internal search results and staging sites. max-image-preview:large allows big image previews in Discover.
link rel="canonical"
The absolute, preferred URL of the page. Prevents duplicate-content issues from URL parameters and alternate addresses.
charset & viewport
Every modern page needs <meta charset="UTF-8"> (first in the head) and the responsive viewport tag for mobile-friendly rendering.
meta name="keywords"
Ignored by Google since 2009 and by Bing as a ranking signal. Harmless, but optional — it can reveal your keyword strategy to competitors.
How to Use the Meta Tag Generator
Get your result in under ten seconds.
Describe your page
Enter the title, description and canonical URL. Counters turn amber or red when they're too long.
Check the preview
See exactly how your result could look on Google, and follow the tips in the checklist.
Copy into your head
Copy or download the HTML and paste it inside the <head> of your page.
Why Use the Meta Tag Generator on Developers Web Tools
Fast, accurate and private — built for developers.
Live Google preview
See your snippet as searchers will, with realistic truncation of long titles and descriptions.
Pixel-accurate
Title width is measured in pixels like Google does, not just counted in characters.
Built-in SEO checks
Instant tips for missing tags, lengths, non-absolute canonicals and accidental noindex.
Clean, safe code
Valid HTML5 with properly escaped quotes and special characters — no broken attributes.
Robots made simple
Pick index/follow and advanced directives without memorising the syntax.
Private
Everything runs in your browser — nothing is sent or stored.
Frequently Asked Questions
Keep it under about 580 pixels — roughly 50–60 characters. Longer titles are cut off with “…”. The counter shows both characters and pixels, and the preview truncates like Google.
120–160 characters works well on desktop. Google sometimes shows longer snippets, but anything past ~160 characters is often cut. Each page should have a unique description.
No. Google rewrites snippets when it thinks another part of the page better matches the search. A specific, accurate description that summarises the page is used most often.
No. Google ignores it entirely and Bing doesn't use it for ranking. The field is optional and left out of the code when empty.
noindex keeps the page out of search results; nofollow tells crawlers not to follow its links. Use them for private, duplicate or low-value pages — never on pages you want to rank.
Inside the <head> section of your HTML, before </head>. Keep <meta charset> as the first element. In WordPress, use your SEO plugin's fields instead.
No. The generator runs entirely in your browser and doesn't store or transmit your data.