Meta Tag Generator

Generate title, description, Open Graph, and Twitter tags — with a live preview of each.

Runs in your browserNo sign-up required
57 / 60 characters
97 / 160 characters
Generated Tags
Google search preview
kravoy.com › ...
Kravoy — Free Online Tools for Images, Calculators & More
59+ free tools for images, calculators, developers, and text — no sign-up, right in your browser.
Facebook / Open Graph preview
kravoy.com
Kravoy — Free Online Tools for Images, Calculators & More
59+ free tools for images, calculators, developers, and text — no sign-up, right in your browser.
X (Twitter) card preview

See It Before You Ship It

A form full of meta tag fields tells you nothing about how the result will actually look once it's live. This tool renders a real-time mockup of the Google search snippet, the Facebook/Open Graph share card, and the X (Twitter) card side by side as you type — plus live character-count warnings for title and description — so there are no surprises after publishing.

How to Use This Tool

  1. 1Fill in your page detailsTitle, description, canonical URL, site name, and a share image.
  2. 2Watch the character countersA warning appears the moment your title or description risks being truncated in search results.
  3. 3Check all three live previewsGoogle search snippet, Facebook/Open Graph card, and X (Twitter) card, updating as you type.
  4. 4Copy the full tag blockPaste directly into your page's <head>.

Why Live Previews Actually Matter

  1. 1A form doesn't show you what actually gets truncatedGoogle cuts titles around 60 characters and descriptions around 155-160, but the exact cutoff varies by pixel width, not character count — seeing a live preview is a far more honest signal than a raw number alone.
  2. 2Open Graph and Twitter cards render differently from a plain search resultThe same title and description can look fine in a Google snippet but crop awkwardly in a social share card, or vice versa — checking all three before publishing catches this before a shared link looks broken.
  3. 3hreflang mistakes are invisible until they cause a problemMissing or incorrect hreflang tags can cause the wrong language version of a page to show in search results for international audiences — a subtle problem that's easy to get right the first time and hard to debug later.

Frequently Asked Questions

What's the actual character limit for a title tag?

There's no hard character limit — Google truncates based on pixel width, which varies by character. 60 characters is a safe practical guideline that works for the vast majority of titles without getting cut off.

What's the difference between Open Graph and Twitter Card tags?

Open Graph tags (`og:*`) control how a link looks when shared on Facebook, LinkedIn, WhatsApp, and most other platforms. Twitter/X has its own separate tag set (`twitter:*`) that overrides Open Graph specifically on that platform — both are needed for full coverage.

Do I need hreflang tags if my site is only in one language?

No — hreflang is only needed when you have multiple language or regional versions of the same content and want search engines to serve the right one to the right audience.

What image size should I use for the share image?

A minimum of 1200×630px is the common recommendation for Open Graph and Twitter cards, since it displays well across the widest range of platforms and aspect ratios.

Does this tool check if my tags are actually live on my site?

No — this generates the tag code for you to add to your page. To verify tags are correctly live on a published page, use the Schema Markup Checker for structured data, or your browser's "view source" for meta tags directly.

Is this meta tag generator free to use?

Yes, completely free, with no sign-up and no limit on how many times you use it.