Toolerax logoToolerax
·8 min read

What Are Meta Tags (and Which Ones Matter)

Meta tags are small pieces of HTML that describe a web page to machines — search engines, social networks, browsers. Visitors never see them directly, yet they shape how your page looks in Google and what appears when someone shares your link. A handful of them do almost all the work; the rest are mostly folklore.

Where meta tags live

They sit inside the <head> of your HTML, before the visible content. A minimal, healthy set looks like this:

<title>Page Title</title>
<meta name="description" content="A short summary." />
<link rel="canonical" href="https://example.com/page" />

The two that shape your Google result

Title tag

The single most important tag for SEO. It becomes the clickable blue headline in search results and the label on a browser tab. Aim for roughly 50–60 charactersso it is not truncated, put your most important keyword near the front, and make each page's title unique. A vague title wastes your best chance to earn a click.

Meta description

The gray summary under the title in search results. It is not a ranking factor, but it heavily influences click-through rate — which indirectly matters. Keep it around 150–160 characters, write it like ad copy, and include the search terms someone would use. If you leave it blank, Google will invent one from your page, usually less compellingly than you would.

A quick way to check length is to paste your draft into the Word & Character Counter and watch the character total.

Canonical: the tag that prevents duplicate-content headaches

The canonicallink tells search engines which URL is the “real” one when the same content is reachable at several addresses — with and without www, with tracking parameters, or with a trailing slash. Setting it consolidates ranking signals onto one URL instead of splitting them. If you publish the same article in two places, the canonical points to the original.

Open Graph: how your link looks when shared

When someone pastes your URL into Facebook, LinkedIn, Slack, WhatsApp or iMessage, those platforms read Open Graph tags to build a preview card. Without them you get a bare, unappealing link. With them you get a headline, description and image. The key ones:

  • og:title — the headline on the card (can differ from your SEO title).
  • og:description — the summary line.
  • og:image — the preview image. Use 1200×630 px for a crisp large card.
  • og:url — the canonical URL of the page.
  • og:type — usually website or article.

The image is what stops the scroll. A page with a good og:image gets noticeably more clicks when shared than one without.

Twitter Cards: the same idea, for X

X/Twitter uses its own tags, though it will fall back to Open Graph if they are missing. The important one is twitter:card: set it to summary_large_image for a big edge-to-edge image, or summary for a small thumbnail. Add twitter:title, twitter:description and twitter:image to control the preview precisely.

Tags that don't matter (much) anymore

  • Meta keywords. Google has ignored this tag for well over a decade. It has zero ranking value; you can safely omit it.
  • Meta “author” and “generator.” Harmless, occasionally useful for your own records, but no SEO effect.
  • Excessive robots directives. Only add noindex when you genuinely want a page kept out of search — it is easy to accidentally hide a page you meant to rank.

Common mistakes

  • Duplicate titles and descriptions across many pages — each should be unique.
  • Titles that are too long and get cut off mid-word in results.
  • A missing or relative og:image — social platforms need an absolute URL.
  • Unescaped quotes or ampersands in a tag value, which can break the markup.

That last one is sneaky: a stray " inside a description can terminate the attribute early. Always HTML-escape special characters — a generator handles this for you.

Generate your meta tags

Use the free Meta Tag Generator to build a complete, correctly-escaped set of SEO, Open Graph and Twitter tags from a simple form, then paste the result into your <head>. Pair it with a clean, keyword-rich URL from the Slug Generator and your pages will present well in both search and social.

Tools mentioned in this article