CV Builder

Meta Tag Generator

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

Live preview — how this page will look when it is found or shared
Your site
https://example.com › page
Your page title will appear here
Your meta description will appear here, trimmed the way Google trims it.

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.

Live previews show exactly what the page will look like before you publish it: a Google search result, a Facebook/LinkedIn share card and an X/Twitter card, all updating as you type. The Google preview measures your title the way Google does — in pixels, not characters, since a title of "Illinois Wine" and one of "WWW WWW WWW" are the same length but nowhere near the same width — and tells you the exact width against the roughly 600px Google allows before cutting it off.

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. Choose the content type (og:type), whether search engines should index the page (robots) and an optional theme colour for mobile browser chrome.
  4. Check the three preview tabs — Google, Facebook/LinkedIn and X/Twitter — to see how it will actually appear.
  5. Tick which tag groups you need — all are on by default.
  6. 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.