Apa Itu Header Tags
Header tags adalah elemen HTML <h1> sampai <h6> yang dipakai untuk menandai judul dan subjudul di dalam sebuah halaman, sekaligus menyatakan tingkatannya.
Berbeda dengan meta tag yang tinggal di <head> dan tidak terlihat, header tags berada di badan halaman dan dibaca langsung oleh pengunjung. Di layar, ia muncul sebagai baris yang lebih besar dan lebih tebal. Di balik layar, ia memberi tahu mesin bahwa teks itu adalah judul dari bagian yang mengikutinya.
<h1>Header Tags dalam SEO</h1>
<h2>Pengertian Header Tags</h2>
<h2>Fungsi Header Tags</h2>
<h3>Bagi Pembaca</h3>
<h3>Bagi Mesin Pencari</h3>Nama lain yang dipakai untuk hal yang sama: heading tag, tag heading, atau sekadar heading. Semuanya merujuk elemen yang persis sama.
Langkah menyusun kerangkanya sebelum menulis dijelaskan dalam optimasi heading tag, agar tingkat dan kalimat setiap heading sama-sama punya fungsi.
Enam Tingkat dan Artinya
Angka pada header tags menyatakan kedalaman, bukan urutan atau tingkat kepentingan visual.
<h1>— judul halaman. Menyatakan topik keseluruhan dokumen. Umumnya satu per halaman.<h2>— bagian utama di dalam halaman. Ini tingkat yang paling sering dipakai di artikel.<h3>— sub-bagian di dalam sebuah<h2>.<h4>sampai<h6>— kedalaman berikutnya. Dipakai pada dokumen panjang seperti dokumentasi teknis dan panduan bertingkat; pada artikel blog biasa jarang dibutuhkan.
Tingkatan ini membentuk kerangka. Sebuah <h3> menyatakan “bagian ini milik <h2> di atasnya”, dan hubungan itulah yang membuat halaman terbaca sebagai dokumen berstruktur, bukan kumpulan paragraf berurutan.
Fungsi Header Tags
Bagi Pembaca
Sebagian besar orang tidak membaca halaman dari atas ke bawah. Mereka memindai dulu, mencari bagian yang menjawab pertanyaannya, baru berhenti dan membaca. Header tags adalah titik-titik berhenti dalam pemindaian itu.
Halaman panjang tanpa heading memaksa pembaca membaca semuanya atau pergi. Sebagian besar memilih pergi.
Bagi Mesin Pencari
Google memakai heading untuk memahami struktur halaman dan hubungan antar bagiannya. Panduan resminya menyarankan penggunaan heading untuk menegaskan teks yang penting, dan sebaliknya memperingatkan agar tidak menaruh heading di tempat yang tidak membantu pembaca memahami struktur.
Perlu ditegaskan: heading membantu mesin memahami halaman, tapi bukan pengganti isi. Judul bagian yang menjanjikan jawaban sementara paragraf di bawahnya tidak menjawab apa pun tidak menghasilkan apa-apa.
Struktur heading juga jadi bahan bagi fitur tampilan tertentu — beberapa tautan bagian dalam yang muncul di hasil pencarian diambil dari kerangka heading halaman.
Bagi Pembaca Layar
Ini fungsi yang paling sering dilupakan. Perangkat lunak pembaca layar menyediakan cara melompat antar heading, sehingga pengguna tunanetra bisa menelusuri kerangka halaman tanpa mendengarkan seluruh isinya.
Kerangka heading yang melompat-lompat atau dipakai hanya untuk memperbesar tulisan membuat cara navigasi itu rusak.
Ini juga alasan heading perlu sejalan dengan semantic HTML dan aksesibilitas, bukan diperlakukan hanya sebagai tempat kata kunci.
Header Tags Bukan Urusan Ukuran Huruf
Kesalahpahaman yang paling sering ditemukan di lapangan: heading dipilih berdasarkan tampilannya. Sebuah kalimat dijadikan <h4> karena <h3> terlihat terlalu besar, atau seluruh baris tebal di halaman ditulis sebagai heading supaya seragam.
Pemilihan tingkat heading adalah keputusan tentang struktur dokumen. Urusan seberapa besar tampilannya diselesaikan lewat CSS. Kalau <h2> terlihat terlalu besar, yang diubah ukurannya, bukan tingkat headingnya.
Sebaliknya, teks yang ditebalkan tanpa <strong> atau <b> — bukan heading — tidak akan pernah terbaca sebagai judul bagian oleh mesin mana pun.
Tiga Anggapan yang Perlu Diluruskan
- “Satu halaman wajib punya tepat satu H1.” Spesifikasi HTML memperbolehkan lebih dari satu
<h1>, dan perwakilan Google menyatakan halaman dengan beberapa<h1>tidak bermasalah. Satu<h1>tetap dianjurkan karena lebih jelas bagi pembaca dan pembaca layar, tapi ini soal kerapian, bukan hukuman. - “H1 harus mengandung kata kunci utama persis.” Yang dibutuhkan adalah judul yang menggambarkan isi halaman. Kalau kata kuncinya memang cara orang menyebut topik itu, ia akan muncul dengan sendirinya.
- “Semakin banyak heading semakin bagus untuk SEO.” Heading yang dipasang untuk memenuhi jumlah justru memecah bacaan tanpa alasan. Jumlah heading ditentukan oleh berapa banyak bagian yang benar-benar ada.
Pertanyaan Umum Seputar Header Tags
Apakah header tags termasuk faktor peringkat?
Bukan faktor peringkat mandiri, tapi bagian dari cara Google memahami halaman. Pengaruhnya berjalan lewat pemahaman struktur dan relevansi, bukan lewat skor tersendiri.
Apakah H1 harus sama dengan judul di hasil pencarian?
Tidak harus, dan sering memang berbeda. Judul di hasil pencarian berasal dari elemen <title> yang punya keterbatasan ruang; <h1> dibaca di dalam halaman dan boleh lebih panjang atau lebih santai — asal keduanya menjanjikan hal yang sama.
Bolehkah melewati tingkat, misalnya dari H2 langsung ke H4?
Sebaiknya tidak. Halaman tetap tampil normal, tapi kerangkanya jadi tidak konsisten dan navigasi lewat pembaca layar ikut terganggu. Turun satu tingkat pada satu waktu.
Dalam on-page SEO, heading adalah kerangka isi yang membantu halaman menjawab pertanyaan secara bertahap.