Meta Tag Generator

Create SEO meta tags plus Open Graph and Twitter Card markup.

What Does the Meta Tag Generator Do?

This generator produces a complete, copy-paste-ready set of HTML meta tags for any web page: the SEO essentials (<title>, meta description, canonical link), Open Graph tags that control how the page looks when shared on Facebook, LinkedIn and WhatsApp, and Twitter Card tags for X/Twitter. Live character counters keep your title and description inside the lengths search engines actually display.

How to Generate Meta Tags

  1. Fill in the page title (aim for 50–60 characters) and meta description (150–160 characters) — the counters warn when you run long.
  2. Add the page URL, a share image URL (1200×630px is the ideal size), your site name and optional Twitter handle.
  3. Tick which tag groups you need — all are on by default.
  4. Click Generate and paste the output into your page's <head>.

Why These Tags Matter

  • Title tag — the strongest on-page SEO element and the headline users see in search results.
  • Meta description — not a ranking factor, but it is your ad copy in the results page; a compelling one raises click-through rate.
  • Canonical link — prevents duplicate-content dilution when a page is reachable at multiple URLs.
  • Open Graph & Twitter Cards — without them, social networks guess at a title and thumbnail, often badly. With them, every share shows your chosen image and text — dramatically improving click-through from social feeds.

Frequently Asked Questions

What is the ideal title and description length?

Titles: 50–60 characters (Google truncates around 600 pixels). Descriptions: 150–160 characters. The generator's live counters flag anything longer.

What size should the og:image be?

1200×630 pixels (1.91:1 ratio) is the sweet spot — sharp on Facebook, LinkedIn and Twitter's large card. Keep it under ~1 MB for fast previews.

Do meta keywords still matter?

No — Google has ignored the keywords meta tag since 2009, and it can even signal spam. That is why this generator deliberately omits it.

How do I test my Open Graph tags after adding them?

Use the sharing debuggers: Facebook's Sharing Debugger, LinkedIn's Post Inspector, or paste the URL into a chat app. They show exactly what the crawler sees and let you refresh cached previews.