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.