HTML document and meta

What you'll learn

• What goes in the head — and the order that matters for performance
• title and meta description — what search engines actually read
• Open Graph and Twitter card tags for social previews
• Favicons, theme-color, and color-scheme
• Resource hints: preload, prefetch, preconnect, dns-prefetch, modulepreload
• Web app manifest — the on-ramp to PWAs
• Canonical, robots, and hreflang for indexing control
• Structured data (JSON-LD) and rich results

1. 01
   Anatomy of the head

   What lives in head, what blocks rendering, what comes before what — the small details that move LCP.
   13 min
2. 02
   Title and description

   What search engines actually read in the head — and the small writing choices that move click-through.
   14 min
3. 03
   Open Graph and social previews

   og:* tags, Twitter cards, the share-debugger workflow — what makes a link unfurl with a card.
   15 min
4. 04
   Favicons and theme

   The favicon zoo (sizes, formats), theme-color, color-scheme — the browser-chrome tokens.
   13 min
5. 05
   Resource hints

   preload, prefetch, preconnect, dns-prefetch, modulepreload — when each one earns its keep.
   17 min
6. 06
   Web app manifest

   manifest.json, install prompts, the PWA on-ramp — what gets you the install banner.
   14 min
7. 07
   Canonical, robots, hreflang

   Duplicate-content control, indexing rules, language alternates — the SEO plumbing search engines need.
   14 min
8. 08
   Structured data (JSON-LD)

   schema.org via script type=ld+json — when it lights up rich results, and what to test before shipping.
   15 min