Struktur Halaman untuk Search Engine

Metadata di head bukan satu-satunya sinyal yang dibaca mesin pencari — struktur body ikut ditimbang. Mesin pencari modern memahami halaman dengan cara yang mirip pembaca manusia: judul utamanya, bagian-bagiannya, arah setiap tautan, dan isi setiap gambar. Chapter ini merangkum empat kebiasaan struktur yang paling berpengaruh, lalu menutup dengan data terstruktur JSON-LD yang menyampaikan fakta dalam bentuk terbaca mesin.

Heading yang Berurutan #

Mesin membaca pohon heading sebagai kerangka halaman. Tiga aturan menjaga kerangka itu tetap terbaca:

• Satu h1 per halaman — judul utama konten, paralel dengan title di head.
• h2 sampai h6 dipakai berurutan: dari h1 turun ke h2, dari h2 turun ke h3 — jangan melompat dari h2 langsung ke h5.
• Heading memuat ringkasan bagian, bukan kalimat panjang.

Teks Link dan Label Gambar #

Teks link adalah konteks tujuan. Bandingkan dua penulisan untuk tautan yang sama:

<p>Baca <a href="/blog/v60-pemula/">panduan menyeduh V60 untuk pemula</a> sebelum memesan biji kopi.</p>

<p>Baca <a href="/blog/v60-pemula/">klik di sini</a> sebelum memesan biji kopi.</p>

Mari kita bedah keduanya:

1. Contoh pertama: teks link panduan menyeduh V60 untuk pemula menjelaskan isi halaman tujuan — mesin membaca kecocokan antara teks link dan konten tujuan, dan pembaca layar yang menelusuri daftar tautan pun mendengar tujuan setiap link.
2. Contoh kedua: klik di sini tidak memuat informasi apa pun — mesin harus menebak dari URL, dan daftar tautan yang dibacakan pembaca layar menjadi deretan instruksi identik tanpa makna.

Gambar memakai aturan serupa lewat atribut alt: alt="Penetes V60 mengalirkan kopi ke gelas" menyampaikan isi gambar; alt="IMG_2041.jpg" hanya mengulang nama berkas.

Struktur Semantik #

Elemen semantik memilah area halaman: main untuk konten utama (satu per halaman), article untuk konten yang berdiri sendiri, nav untuk navigasi. Pemilahan ini dibaca mesin untuk menimbang konten utama lebih berbobot daripada menu dan footer yang berulang di seluruh situs. Pembahasan lengkapnya sudah kita telaah di Section Semantic HTML.

Data Terstruktur JSON-LD #

Lapis paling eksplisit: data terstruktur ditulis sebagai script dengan tipe khusus sehingga tidak tampil di halaman, tetapi terbaca mesin sebagai fakta dalam format JSON. Skenario umumnya memakai kosakata Schema.org:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Cara Menyeduh Kopi V60 untuk Pemula",
  "author": {"@type": "Person", "name": "Siti"},
  "datePublished": "2026-11-02",
  "image": "https://kedaikopisiti.example.com/gambar/v60-pemula.jpg"
}
</script>

Mari kita bedah isi datanya secara singkat:

1. Baris 3 (@context): menyatakan kosakata yang dipakai — Schema.org.
2. Baris 4 (@type): jenis konten — Article, cocok untuk tulisan blog.
3. Baris 5 (headline): judul artikel versi data terstruktur.
4. Baris 6-7 (author, datePublished): penulis dan tanggal terbit — fakta yang sulit ditebak dari teks biasa.
5. Baris 8 (image): gambar utama artikel dalam URL absolut.

Blok JSON-LD di atas memang tidak menampilkan apa pun di area halaman — seluruhnya hanya dibaca mesin — sedangkan struktur body yang dibahas chapter ini sudah didemokan tuntas pada Section asal masing-masing, dari heading sampai elemen semantik. Uji data terstruktur pada berkas milikmu lewat alat pemeriksa hasil kaya milik mesin pencari.

Peta Elemen ke Sinyal #

Penutup yang perlu kita pegang: konten tetap penentu utama. Metadata dan struktur membantu mesin memahami dan menampilkan halaman sebaik mungkin, tetapi tidak menggantikan isi yang berharga — halaman dengan jawaban terbaik tetap unggul atas halaman bermetadata lengkap yang isinya tipis.

Ringkasan #

• Heading berurutan dengan satu h1 menjadi kerangka yang terbaca mesin.
• Teks link deskriptif dan alt gambar menyampaikan konteks yang tidak bisa ditebak.
• main/article memisahkan konten utama dari navigasi; JSON-LD menyampaikan fakta eksplisit.
• Struktur membantu, isi halaman tetap penentu utama.

Seluruh peralatan kini lengkap. Chapter terakhir section ini merangkum semuanya menjadi sepuluh praktik terbaik dan satu template head siap salin.