foundation

Meta tags and Open Graph

Set titles, descriptions, robots hints, canonical URLs, social previews, and locale-aware metadata.

Search and social platforms read head metadata to build snippets and link previews. Pair a unique `title` with `meta name="description"`, set `link rel="canonical"`, use `hreflang` for locale alternates when needed, and add Open Graph (`og:*`) plus Twitter card tags that match the page.

					<meta property="og:title" content="Launch notes — Acme">
<meta property="og:description" content="What shipped in v2.4">
<meta property="og:image" content="https://example.com/og.png">
<meta name="twitter:card" content="summary_large_image">
				

On interviews: canonical URLs, duplicate content, and why preview metadata must reflect the real page.

Common pitfalls: stale OG images; identical titles across routes; `noindex` on pages that should rank.

The trade-off is marketing copy in metadata versus accuracy — exaggerated previews raise clicks but erode trust and can backfire in search.

Checklist:

  • Unique titles per route.
  • Canonical for parameterized URLs.
  • OG image matches current content.
  • Localized alternates when multilingual.