Meta Tag Generator

Build the title, description, canonical and robots tags for a page head. Fast, free, and built for simple browser-based workflows.

Instant
Processing
Private
Browser First
Free
No Signup

Meta Tag Generator

Google Result Preview
https://example.com/page
Your page title appears here
Your meta description appears here. Keep it under about 160 characters so search engines do not cut it off.
Advertisement

728 x 90 In-Content Ad

About This Tool

Meta Tag Generator is a free online tool that writes the head meta tags a page needs to be indexed properly. Fill in a title, description, canonical URL and robots rule, and it returns valid HTML you can paste straight into your page, with a Google-style preview of how the result is likely to read.

It earns its keep on pages a CMS plugin does not cover. Reach for it when a hand-built landing page ships with no head tags at all, when a staging site needs a noindex rule before it goes live, when a duplicate URL needs pointing at the original with a canonical link, or when you want to see whether a headline survives Google truncation before committing to it.

Everything is built inside your browser and nothing you type is sent anywhere. Unreleased product names, embargoed announcements and client URLs stay on your machine rather than passing through a site you do not control, which is worth caring about when the page you are tagging is not public yet.

Builds title, description, canonical, robots, keywords and author tags together
Live character counters that turn red past 60 for the title and 160 for the description
Google-style result preview updates as you type, so you see truncation coming
Optional UTF-8 charset and responsive viewport tags, ticked by default
Four robots presets covering index, noindex, follow and nofollow combinations
Only the fields you fill in are written out, so no placeholder values reach your page

How to Use Meta Tag Generator

1

Write the title and description

Type your Page Title and Meta Description. The counters beside each label track length as you type and turn red past 60 and 160 characters, where search engines usually start cutting text off.

2

Add the canonical URL

Paste the page address into Canonical URL. This is the version you want indexed when the same content is reachable at more than one URL, and it also fills the green address line in the preview.

3

Set the optional fields

Add Keywords and Author if you want them, then choose a Robots rule. Leave it on index, follow for a normal public page, or pick a noindex option for staging and thank-you pages. Untick the viewport or charset boxes if your template already has those tags.

4

Generate and paste

Click Generate Meta Tags, check the preview, then use Copy or Download and paste the block into the head section of your page. Clear resets every field.

Frequently Asked Questions

Is this tool completely free?

Yes! All our tools are 100% free to use with no hidden costs, no registration required, and no credit card needed.

Is my data safe and private?

Absolutely. All tools run entirely in your browser (client-side). Your data never leaves your device and is not sent to our servers.

Can I use this tool offline?

Yes, once the page is loaded, the tool will continue to work even if you lose internet connection since it runs in your browser.

Can I use this for commercial projects?

Yes! All our tools are free for both personal and commercial use.

How long should a meta title and description be?

Aim for 50 to 60 characters for the title and 145 to 155 for the description. Google measures pixel width rather than characters, so those are practical guides, not hard limits. The counters here turn red at 60 and 160, which is roughly where truncation starts for most fonts.

Do meta keywords still affect rankings?

No. Google has ignored the keywords meta tag since 2009 and stuffing it does nothing for search. The field is here because some internal search systems and older CMS imports still read it. Leave it blank unless something in your stack actually uses it.

Why does Google show a different description than the one I wrote?

Google rewrites descriptions on roughly six of every ten results, usually because a passage in the page body matches the query better than your tag does. Writing a good description is still worthwhile, since it is the fallback and it drives click-through when it is used. Treat it as a strong suggestion, not an instruction.

What does the canonical tag do, and do I need one?

It names the version of a page you want indexed when the same content sits at several addresses, such as one with tracking parameters attached. Add one to every page and point it at itself; that is the simplest rule and it stops duplicates competing with each other. The URL must be absolute, not a relative path.

When should I use noindex instead of index?

Use noindex on pages that should exist but not appear in search, such as a staging site, a thank-you page after a form, a login screen or a thin internal listing. Keep follow alongside it so link equity still flows onward. Never ship noindex on a page you want ranked, which is the classic accident when a staging setting reaches production.

Does this generate Open Graph or Twitter tags too?

No, this page covers the search-facing basics only. Social share cards use a separate set of og: and twitter: properties, and the Open Graph Generator on this site builds those with a live preview of the card. Most pages want both sets in the head, generated one after the other.

Where exactly do the generated tags go?

Inside the head section of your HTML, before the closing head tag. If your page already has a title or charset tag, replace it rather than adding a second one, because duplicates make the browser and crawlers pick one unpredictably. The canonical link belongs in the head as well, never in the body.