The Meta Tags Every HTML Page Should Have

hdply · 2026-08-15

Meta tags are the part of your page nobody sees and everything reads: search engines, chat apps, browsers, screen readers. Most pages ship with a <title> and nothing else, which is why they look anonymous in search results and produce blank previews when shared. This is the short list that actually matters in 2026, and the equally useful list of what to skip.

The essentials

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Sourdough Starter Guide — Bread Basics</title>
  <meta name="description" content="How to make and maintain a sourdough
        starter, with a daily feeding schedule and fixes for common problems.">
  <link rel="canonical" href="https://example.com/sourdough-starter/">
</head>

charset

Not optional. Without it, accented characters, curly quotes and emoji can render as mojibake. It must appear in the first 1024 bytes of the document, so put it first.

viewport

Also not optional. Omit it and mobile browsers render your page at a pretend 980px width and shrink it — see making a page mobile-friendly.

title

The single most important tag on the page. It's the search result headline, the browser tab, and the default bookmark name.

Aim for 50–60 characters. Longer gets truncated in results.
Put the distinctive words first — the brand name at the end, if at all.
One title per page, describing that page specifically.
Write it for a human deciding whether to click, not for a keyword counter.

description

It is not a ranking factor — Google has said so plainly. It is, however, frequently used as the snippet under your result, which decides whether anyone clicks. Aim for 150–160 characters, describe what the page actually delivers, and write a different one per page. If you leave it out, the search engine writes one from your content, sometimes well and sometimes by grabbing your navigation menu.

canonical

Tells search engines which URL is the real one when the same content is reachable at several addresses — with and without a trailing slash, with tracking parameters, on both www and the bare domain. Point it at the full absolute URL of the page itself. This matters more than it sounds: duplicate URLs split whatever authority the page has.

For links shared in chat and social apps

<meta property="og:title" content="Sourdough Starter Guide">
<meta property="og:description" content="Make and maintain a starter, with a
      daily feeding schedule.">
<meta property="og:image" content="https://example.com/preview.png">
<meta property="og:url" content="https://example.com/sourdough-starter/">
<meta name="twitter:card" content="summary_large_image">

These do nothing for ranking and a great deal for click-through — a link with a card gets noticed in a busy channel where a bare URL doesn't. Full detail in the Open Graph guide.

Controlling whether you're indexed

<!-- keep this page out of search results entirely -->
<meta name="robots" content="noindex">

<!-- index it, but don't follow its links -->
<meta name="robots" content="index, nofollow">

Use noindex deliberately: a private proposal, a thank-you page, a staging copy. Two things to be careful about — a page blocked in robots.txt can't be crawled, so the crawler never sees your noindex tag either; and some hosts apply indexing rules of their own. hdply, for instance, serves user sites as noindex until you enable indexing per site, so a portfolio you want found needs that switch turned on regardless of your meta tag.

The language attribute

<html lang="en">

Not a meta tag, but it belongs on this list. It tells screen readers which pronunciation to use, browsers whether to offer translation, and search engines which audience the page is for. It's one attribute and it's routinely missing.

Structured data, when it earns its place

JSON-LD tells search engines what a page is, which can produce a richer result — a recipe with a rating, an article with a date, an event with a location.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Sourdough Starter Guide",
  "datePublished": "2026-03-14",
  "author": { "@type": "Person", "name": "Maria Chen" }
}
</script>

Worth adding for articles, recipes, events, products and local businesses. Skip it for a plain landing page — it won't hurt, but nothing will use it. The markup must describe what's genuinely on the page; misrepresenting content is a policy violation with real consequences.

Tags you can safely ignore

meta keywords — ignored by every major search engine for well over a decade. Its only remaining function is telling competitors which terms you're chasing.
meta author, meta generator, meta revisit-after — no effect on anything users see.
X-UA-Compatible — for Internet Explorer, which is gone.
Long tag stacks from generators — twenty meta tags is not better than eight. Most are noise nothing reads.

A complete, honest head

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>Sourdough Starter Guide — Bread Basics</title>
  <meta name="description" content="How to make and maintain a sourdough
        starter, with a feeding schedule and fixes for common problems.">
  <link rel="canonical" href="https://example.com/sourdough-starter/">

  <meta property="og:type" content="article">
  <meta property="og:title" content="Sourdough Starter Guide">
  <meta property="og:description" content="Make and maintain a starter.">
  <meta property="og:image" content="https://example.com/preview.png">
  <meta property="og:url" content="https://example.com/sourdough-starter/">
  <meta name="twitter:card" content="summary_large_image">

  <link rel="icon" href="/favicon.ico" sizes="32x32">
</head>

Eleven lines. That's the whole job.

Common questions

Will adding these make me rank? No. Meta tags let search engines represent your page accurately; they don't make it worth ranking. Useful content, a page that loads fast and works on a phone, and other sites linking to you are what move the needle. Tags stop you being misrepresented — a floor, not a lever.

How long until changes show up in search? Days to weeks. Google recrawls on its own schedule; Search Console can request a recrawl for a specific URL.

Do I need different tags per page? Yes — a unique title and description per page. Copying one set across a site is one of the more common self-inflicted SEO problems.