Page & Bell

Meta Tag Generator

Build a complete, modern <head> block — title, meta description, canonical, robots directives, charset, viewport, Open Graph, and Twitter card — without the obsolete tags most generators still emit. The title field shows both a character count and an approximate pixel width (Google truncates by pixels, not characters), every attribute value is HTML-escaped, and sensible fallbacks mean you type each value once: og:title inherits the page title, og:url inherits the canonical.

Robots directives

index and follow are the defaults — if everything here stays at the default, no robots tag is emitted (none is needed).

Technical tags
Open Graph & Twitter card
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

How to use the meta tag generator

  1. Write the title and meta description. Watch the counters: ~60 characters / 580 pixels for titles, ~155 characters for descriptions before truncation.
  2. Paste the page’s canonical URL — always absolute, always the version you want indexed.
  3. Set robots directives only if you need non-defaults. index, follow is implied; the tool omits the tag entirely when nothing deviates.
  4. Fill the Open Graph image (1200×630) and pick a Twitter card style. Blank OG title/description/url fields automatically reuse your main values.
  5. Click “Copy all tags” and paste the block inside your page’s <head>.

Title and description: the only on-SERP levers you control

Once a page ranks, exactly two things you wrote influence whether the searcher picks you over positions above and below: the title and the description. A position-4 result with a sharper title routinely out-clicks a generic position 3 — and because Google feeds engagement back into its systems, CTR improvements compound. Patterns that consistently test well: front-load the primary keyword (Standing Desk Reviews: 12 Models Tested beats We Tested 12 Models — Our Standing Desk Reviews), use concrete numbers, and reserve the trailing slot for the brand. For descriptions, write one specific claim plus one differentiator in the first 120 characters; vague summaries get rewritten by Google, specific ones get kept.

A clean 2026 head block, annotated

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Standing Desks for Small Offices | Acme</title>
<meta name="description" content="Compare 12 compact standing desks we tested for stability, height range, and noise. Updated for 2026.">
<link rel="canonical" href="https://example.com/standing-desks">
<meta name="robots" content="max-image-preview:large">
<meta property="og:title" content="Standing Desks for Small Offices | Acme">
<meta property="og:description" content="Compare 12 compact standing desks we tested for stability, height range, and noise. Updated for 2026.">
<meta property="og:image" content="https://example.com/og/desks.jpg">
<meta property="og:url" content="https://example.com/standing-desks">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">

Note what is absent: no keywords tag, no index, follow robots value (it is the default — the tag only appears here for max-image-preview:large, which lets Google use full-size images in Discover), no duplicated twitter:title/description (X falls back to the OG values). Charset comes first because browsers want it within the first 1,024 bytes, and the canonical is absolute because relative canonicals are a recurring source of indexing accidents on staging domains.

Frequently asked questions

Which meta tags actually matter for SEO in 2026?

A short list: the title tag (a genuine, if modest, ranking signal and your biggest CTR lever), meta description (no ranking weight, but it is your SERP ad copy), the robots meta tag (controls indexing and snippet behavior), the canonical link (consolidates duplicates), and viewport (mobile-first indexing assumes a responsive page). Open Graph and Twitter card tags do nothing for rankings but control how links render on social platforms, in Slack, iMessage, and most chat apps — which affects whether anyone clicks the share. Everything else on this page is plumbing or optional.

Is the meta keywords tag still worth adding?

No — and it has not been for a long time. Google publicly confirmed in 2009 that it ignores the keywords meta tag for web ranking, and Bing has treated it as, at best, a spam signal. The same graveyard holds revisit-after (never a real standard), distribution, rating, and the author meta tag (superseded by structured data). The only thing a stuffed keywords tag accomplishes today is handing your keyword research to competitors who view source. This generator deliberately does not offer it.

Does Google always use my meta description?

No — studies consistently find Google rewrites the description for well over half of queries, pulling page text that better matches the search instead. Write it anyway: when your description does match the query intent, Google uses it verbatim, and a deliberate value proposition beats an auto-extracted sentence fragment. Treat it like ad copy — primary keyword (it gets bolded when it matches the query), a concrete benefit, and an implicit reason to click — front-loaded into the first 120 characters so the mobile cut-off does not eat the payoff.

What is the difference between the robots meta tag and robots.txt?

They operate at different stages and people regularly use the wrong one. robots.txt controls crawling — whether Googlebot may fetch the URL at all. The robots meta tag controls indexing — whether a fetched page may appear in results. The classic mistake: blocking a page in robots.txt and adding noindex to it. Google can no longer crawl the page, so it never sees the noindex, and the URL can linger in the index from links alone. To remove a page from search, allow crawling and serve the noindex meta tag.

Do I need separate twitter:title and twitter:description tags?

Usually not. X (Twitter) falls back to og:title, og:description, and og:image when its own tags are absent, so the only Twitter-specific tags most pages need are twitter:card (choose summary_large_image for a full-width preview) and optionally twitter:site for attribution. That is exactly what this generator emits — duplicating every value into twitter:* tags is harmless but pure bloat. The one case for separate values: when you want a deliberately different headline on social than in search.

Why show pixel width for the title instead of just characters?

Because Google truncates titles by available pixels (roughly 580px on desktop), not by a character count. “WWW” occupies about five times the width of “ill” at the same character count, so a 58-character title full of wide capitals can truncate while a 65-character narrow title survives. The character rule of thumb (~60) works because average English text lands near 9–10px per character — this tool shows the per-character estimate so you can see when your specific title deviates from the average.

Related tools

Learn more