Home/Tools/Generators/Meta Tag Generator

Meta Tag Generator

Generators

Generate SEO-optimized meta tags for your web pages.

⚡ Instant🔒 Private, in your browser🆓 Free, no sign-up👥 For everyone
Your data never leaves your browser. We do not store inputs.

What Meta Tag Generator does

The Meta Tag Generator creates the HTML for a page's title, meta description, robots directive, canonical link, Open Graph tags (for Facebook, LinkedIn and WhatsApp previews) and Twitter Card tags. It counts characters against the lengths search results display, and escapes quotes and angle brackets so your text cannot break the tags. Copy the finished block into your page's <head>.

FV
Reviewed by the FreeToolsVerse team · Last updated · How we check our tools

Features and benefits

  • Writes the title, description, robots, canonical, Open Graph and Twitter Card tags in one block, ready to paste into the head
  • Counts characters against about 60 for the title and 160 for the description
  • Escapes quotation marks, ampersands and angle brackets so your text cannot break the tags
  • Switches the Twitter card to a large image when you add an image address, and accepts the handle with or without @

How to use Meta Tag Generator

  1. Enter the page title and description; the counters show when they may be cut off in search results
  2. Add the page URL, a share image URL, your author name and Twitter handle if you have them
  3. Choose the robots directive (index, follow by default)
  4. Copy the generated tags into the <head> of your page

Who should use it

Made for everyone. Typical uses:

  • Creating SEO meta tags for new web pages
  • Generating Open Graph tags for social sharing
  • Building complete head section markup

Example

With the title "Free Word Counter", the description "Count words and characters instantly" and the page address https://example.com/word-counter, the generator writes a title element, a description tag, robots "index, follow", a canonical link, og:title, og:description and og:url, and the matching Twitter tags. Adding an image address adds og:image and twitter:image.

Limitations and accuracy

It generates tags for one page at a time and does not check that your image URL exists or is the right size (1200 × 630 works best for sharing). Google ignores the meta keywords tag, so it is optional and has no ranking effect. Titles and descriptions above about 60 and 160 characters are usually shortened in search results.

Accuracy: Output is produced in your browser and is meant for convenience. Check it before you use it for anything important.

Expert Tip

Give every page its own title and description, put the main words first, and check the share preview after you publish. The keywords tag is left empty by default because Google ignores it.

Frequently asked questions

How long should a title and meta description be?
Aim for a title under about 60 characters and a description of roughly 120 to 160 characters. Longer text is often cut off in search results, though the whole text is still read.
Does the keywords meta tag help SEO?
No. Google has ignored it for years. It is included only for the rare tools that still read it, and you can leave it empty.
What are Open Graph and Twitter Card tags?
They control the title, description and image shown when your page is shared on social networks and messaging apps.
Do special characters break the tags?
No. Quotes, ampersands and angle brackets in your text are escaped automatically.
Is my data uploaded anywhere?
No. The tags are generated in your browser.

Meta Tag Generator: the complete guide

What the generator produces

The Meta Tag Generator writes the block of HTML that goes in the head of a web page. You fill in the title and description, then optionally the page address, a share image, the author, a Twitter or X handle and the robots setting. The preview updates as you type, and the copy button copies the whole block. It includes the character set and viewport tags, the title, the meta description, the robots directive, a canonical link, Open Graph tags used by Facebook, LinkedIn and WhatsApp, and Twitter Card tags.

A worked example

With the title "Free Word Counter" and the description "Count words and characters instantly", the generator writes a title element, a description tag and a robots tag of "index, follow", then the Open Graph title and description and a Twitter title and description. Add the page address https://example.com/word-counter and it also writes a canonical link and og:url. Add an image address and it adds og:image and twitter:image and switches the Twitter card from "summary" to "summary_large_image", so the image shows large in shares. Titles and descriptions are escaped, so a title such as A & B "Guide" becomes A &amp; B &quot;Guide&quot; and cannot break the tag.

Title and description lengths

The counters turn orange at 60 characters for the title and 160 for the description, because search results usually cut text off beyond those points. Google actually measures the width in pixels, so a title full of wide letters can be shortened sooner. Put the most important words first, make each title and description unique across your site, and describe what the visitor will get. A description does not directly raise rankings, but a clear one can earn more clicks, and Google sometimes rewrites it to match the search.

Robots, canonical and keywords

The robots menu offers index or noindex combined with follow or nofollow. Leave it on "index, follow" for pages you want in search results, and use noindex for thank-you pages and internal search results. The canonical link tells search engines which address is the main version when the same content is reachable at several, and it should point to the clean address of the page itself. The keywords field is optional and left empty by default: Google has ignored the keywords tag for years, so it has no ranking effect and is included only for the few tools that still read it.

Sharing previews

When the page address is shared, social networks read the Open Graph tags, and X reads the Twitter tags. A 1200 by 630 pixel image works well for both. The tool sets the Open Graph type to "website", which suits most pages, and the Twitter handle is written with a single @ whether or not you typed one. It does not check that your image address works, so open it in a browser before you publish. Test your finished page with the Open Graph Preview.

Going further

For a single page, this tool is enough. If you want help wording the text, the Meta Title Generator and Meta Description Generator suggest options, and the Open Graph Generator and Twitter Card Generator go deeper on social previews. For rich results, add structured data with the Schema Markup Generator. The guide to titles, descriptions and schema markup explains how they work together. Nothing you type is uploaded.

Learning resources

Explore more in Generators, read the guides and articles, or see how we test our tools.

Share This Tool