How to use the Meta Tag Generator
- Type the page title and meta description. Watch the meters: green means the text should fit in a desktop search result.
- Add the canonical URL of the page, and change the robots setting only if the page should stay out of search results.
- Keep the viewport and UTF-8 options on for any modern site, and add a theme color if you want to tint the mobile browser bar.
- Leave Open Graph switched on and add a share image so links to the page look good on social networks and in messaging apps.
- Check the preview, then click Copy HTML and paste the tags inside your page’s <head>.
Features
- Pixel-width meters for title and description, not just character counts
- Live desktop search result preview with realistic truncation
- Robots, canonical, viewport, charset, author and theme-color tags
- Optional Open Graph and X card tags built from the same fields
- Warnings for noindex, relative image URLs and malformed canonicals
- Correctly escaped HTML, with your draft saved in this browser only
Which meta tags actually matter
A page can carry dozens of tags in its <head>, but only a handful influence how search engines and browsers treat it. The title element becomes the clickable headline in search results and the label on the browser tab. The meta description is your suggested snippet text. The robots tag tells crawlers whether to index the page and follow its links. The canonical link names the preferred URL when the same content is reachable at several addresses. The viewport tag makes the layout adapt to phones, and the charset declaration makes sure accented letters and symbols display correctly. Everything this generator produces falls into one of those groups, plus Open Graph tags for social sharing.
Why title length is measured in pixels
Search results do not cut titles after a fixed number of characters. On desktop, Google displays titles in Arial at about 20 pixels and shortens anything wider than roughly 600 pixels, adding an ellipsis. Because letters have different widths, the character limit moves: a title full of narrow letters such as “i”, “l” and “t” fits far more characters than one written in capitals or with many “W” and “M” letters. This tool measures your text with the same font in your browser, so the meter reflects real width rather than a rough count.
| Element | Approximate desktop budget | Typical character range |
|---|---|---|
| Title | 600 px at 20 px Arial | 50–60 characters |
| Meta description | About 920 px at 14 px Arial | 120–155 characters |
These are guidelines, not rules. Google may rewrite a title or pick a different snippet from the page when it thinks that better matches the search, so a well-written page heading and opening paragraph matter as much as the tags themselves.
Writing a description people click
The description is not a ranking factor, but it is your sales pitch in the results. Lead with what the visitor gets, include the phrase people search for (Google bolds matching words), and finish with a concrete detail such as a price, a range of sizes or a free trial. Every page should have its own description; copying one description across a whole site makes the results look identical and gives Google a reason to ignore them.
Robots settings explained
- index, follow is the default behavior, so this tag simply confirms it.
- noindex keeps the page out of search results. Use it for thank-you pages, internal search results and staging copies.
- nofollow asks crawlers not to follow the links on the page.
- max-image-preview:large allows large image thumbnails, which can help in Google Discover.
A page blocked in robots.txt cannot be crawled, which means Google never sees its noindex tag. To remove a page from results, allow crawling and use noindex. You can build crawl rules with the Robots.txt Generator.
What about the keywords meta tag?
This generator deliberately leaves out <meta name="keywords">. Google stated publicly in 2009 that it does not use the keywords meta tag for ranking, and it has never been part of how Google judges relevance. Filling it in only shows competitors your target phrases. Spend that time on the visible content instead, and check how often your phrase appears with the Keyword Density Checker.
Common mistakes to avoid
- Leaving a site-wide noindex in place after moving a site from staging to production.
- A canonical tag that points to the home page from every page, which tells Google the other pages are duplicates.
- Stuffing the title with variations of one keyword, which reads as spam and is often rewritten.
- Relative image URLs in Open Graph tags; social networks need the full https:// address.
Frequently asked questions
How long should a meta title be?
Keep it under about 600 pixels wide, which is usually 50–60 characters. The meter in this tool measures pixel width with the font search results use, so trust the bar over a character count.
Does Google use the meta keywords tag?
No. Google confirmed in 2009 that it ignores the keywords meta tag for ranking, so this generator does not create one. Focus on clear titles, descriptions and on-page content instead.
Why did Google show a different title or description for my page?
Google rewrites titles and snippets when it thinks other text on the page better matches a particular search, or when the tags are missing, too long or repetitive. Clear, specific tags that match the page content are rewritten less often.
Do I need a canonical tag on every page?
It is good practice. A self-referencing canonical tells search engines which version of the URL to show when the same page is reachable with tracking parameters, with or without www, or over http and https.
Where do I paste the generated tags?
Inside the <head> section of your HTML, before the closing </head> tag. In WordPress and similar systems, an SEO plugin usually provides fields for the title and description instead of raw HTML.