Section ini menyusun materi secara bertahap: kerjakan Chapter dari urutan teratas agar setiap konsep baru selalu berpijak pada konsep sebelumnya. Setiap Chapter menyertakan contoh kode yang telah diuji dan dapat Anda ikuti langsung di editor.

# Title dan Description

Tulis title dan meta description yang tepat panjang, menarik tanpa clickbait, dan unik untuk setiap halaman.

Buka → # Charset dan Viewport

Pahami aturan 1024 byte untuk charset, arti width=device-width dan initial-scale, serta urutan aman di head.

Buka → # Canonical URL

Tunjuk versi utama halaman dengan rel canonical agar variasi URL tidak dihitung sebagai konten duplikat.

Buka → # Robots Metadata

Atur pengindeksan halaman dengan meta robots: noindex, nofollow, noarchive, nosnippet, dan bedanya dengan robots.txt.

Buka → # Favicon

Pasang favicon dengan link rel icon, format SVG dan ICO, apple-touch-icon untuk iOS, dan konvensi favicon.ico.

Buka → # Open Graph Metadata

Susun kartu pratinjau berbagi di media sosial dengan meta property Open Graph dan pelengkap twitter:card.

Buka → # Structured Data Overview

Kenali structured data JSON-LD dengan kosakata schema.org yang membuka akses rich results di mesin pencari.

Buka → # Metadata yang Bermanfaat

Rangkum metadata head yang berdampak nyata, buang yang tidak berguna, dan rakit checklist head final yang rapi.

Buka →