Free tools

Meta tag generator

Title, description, canonical and the social tags, in one block. Free and no account. Nothing leaves your browser.

23 characters · room to say more
79 characters · comfortable

1200×630 is the size every platform crops from cleanly. It must be an absolute URL — a relative path silently produces no card at all.

Paste inside <head>

<title>Free Meta Tag Generator</title>
<meta name="description" content="Generate title, description, canonical and social tags with live length checks.">
<link rel="canonical" href="https://example.com/page">

<!-- Open Graph: Facebook, LinkedIn, Slack, iMessage -->
<meta property="og:title" content="Free Meta Tag Generator">
<meta property="og:description" content="Generate title, description, canonical and social tags with live length checks.">
<meta property="og:url" content="https://example.com/page">
<meta property="og:site_name" content="Example">
<meta property="og:type" content="website">
<meta property="og:image" content="https://example.com/og.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Free Meta Tag Generator">

<!-- X/Twitter reads the og: tags above for everything but this -->
<meta name="twitter:card" content="summary_large_image">

Length is measured in characters here, but Google truncates on pixel width, so treat the bands as guidance rather than a limit. It also rewrites titles on roughly two thirds of results regardless of what you set — a good title makes that less likely, not impossible.

What it tells you

  • Live length bands

    Title and description are measured as you type, with an honest range rather than a fake hard limit.

  • Open Graph included

    The tags that decide whether a shared link renders as a card or a grey box.

  • Escapes your text

    Quotes and ampersands are encoded, so a title with an apostrophe cannot break the attribute.

  • Optional noindex

    Emitted only when you ask for it, because a robots tag saying "index" is the default written out longhand.

How to use it

  1. 1Write the title and descriptionAim for a title that reads as an answer, not a label. The counters show when you are near the truncation band.
  2. 2Add the canonical and share imageBoth must be absolute URLs. A relative og:image produces no card at all, silently.
  3. 3Paste the block into your headIt goes above any script tags, so a scraper that stops early still finds it.

Questions people ask

How long should a title tag be?

There is no character limit, which is why this tool shows a band rather than a number. Google truncates on pixel width, so a title of narrow letters survives longer than one of wide capitals. Roughly 30 to 60 characters is comfortable for most fonts. Worth knowing: Google rewrites titles on a large share of results anyway, and a clear, non-keyword-stuffed title makes that less likely rather than impossible.

Does the meta description affect rankings?

No. Google confirmed years ago that it is not a ranking factor. It affects click-through, which is worth caring about for its own sake, and Google replaces it with its own snippet a majority of the time when it thinks a passage from the page answers the query better.

Do I need Twitter tags if I have Open Graph?

Only the card type. X falls back to the og: tags for title, description and image, so duplicating them adds bytes and one more thing to keep in sync. This tool emits twitter:card alone for that reason.

What size should the share image be?

1200x630. Every major platform crops from that cleanly, and it must be an absolute URL on a publicly reachable host — an image behind auth or on localhost shows as nothing, with no error anywhere.

Other free tools

Want a tool like this on your own domain?

This page is the argument for the offer. A small useful utility gets embedded and linked, and every embed is a link back. kiterank builds one for your audience and hosts it on your domain, so the links accrue to you rather than to us.