Tag H adalah penanda dalam kode HTML halaman web yang digunakan untuk mendefinisikan hierarki judul, dengan enam tingkatan dari H1 hingga H6. Semakin kecil angkanya, semakin tinggi tingkatannya dan semakin kuat kepentingannya. Tag ini tidak hanya membuat struktur konten halaman menjadi jelas dan mudah dibaca, tetapi juga secara langsung memengaruhi pemahaman mesin pencari tentang topik halaman dan penilaian peringkatnya.
Bagi operator situs web dan pembuat konten, tag H ibarat kerangka garis besar sebuah artikel—H1 adalah judul artikel, H2 adalah judul bab, H3 adalah sub-bab, dan seterusnya. Struktur hierarkis ini tidak hanya memudahkan pengguna untuk menelusuri dan menemukan informasi dengan cepat, tetapi juga memberi tahu mesin pencari seperti Google, Baidu, "apa yang dibahas halaman ini, dan konten mana yang paling penting."
Saat program perayap mesin pencari mengambil halaman web, mereka akan memprioritaskan teks di dalam tag H untuk menentukan topik halaman. Halaman yang menggunakan tag H secara wajar memungkinkan mesin pencari untuk dengan cepat memahami poin-poin penting konten, sehingga meningkatkan kemungkinan untuk diindeks dan diberi peringkat dengan benar.
Misalnya, sebuah artikel yang memperkenalkan "cara meningkatkan kecepatan pemuatan situs web", jika tag H1 tertulis "Panduan Lengkap Optimasi Kecepatan Situs Web", dan H2 masing-masing adalah "Tips Kompresi Gambar", "Metode Penyederhanaan Kode", "Konfigurasi Akselerasi CDN", mesin pencari akan tahu dengan jelas bahwa ini adalah tutorial terperinci tentang optimasi kinerja situs web, bukan iklan produk atau berita.
Pada saat yang sama, tag H juga memengaruhi pengalaman pengguna dan aksesibilitas halaman. Pengguna tunanetra yang menggunakan pembaca layar mengandalkan tag H untuk melompat dengan cepat ke bagian yang menarik minat mereka; pengguna seluler yang menelusuri di layar kecil, hierarki judul yang jelas membantu mereka menemukan informasi yang diinginkan dengan cepat, alih-alih mencarinya dengan susah payah di antara tumpukan teks yang padat.
Tag H1 seharusnya menjadi satu-satunya judul utama di seluruh halaman, yang memberi tahu pengunjung dan mesin pencari "apa topik inti dari halaman ini". Kesalahan umum adalah menggunakan beberapa H1 dalam satu halaman, atau membungkus logo situs web dan menu navigasi di dalam H1, yang akan mengencerkan bobot topik dan membuat mesin pencari bingung.
H2 hingga H6 digunakan untuk membagi tingkat konten. Biasanya, H2 berfungsi sebagai judul bab utama, H3 sebagai sub-judul dalam bab, dan H4 ke bawah digunakan untuk pembagian yang lebih rinci. Dalam aplikasi praktis, sebagian besar halaman konten hanya membutuhkan H3, dan H4-H6 jarang diperlukan dalam artikel biasa.
Misalnya, untuk halaman detail produk di situs e-commerce, H1 bisa berupa "iPhone 15 Pro Max 256GB Space Black", H2 mencakup "Parameter Produk", "Ulasan Penggunaan", "Petunjuk Pembelian", dan H3 di bawah "Parameter Produk" dibagi lagi menjadi "Spesifikasi Layar", "Konfigurasi Kamera", "Daya Tahan Baterai", dll. Struktur seperti ini tidak hanya sesuai dengan kebiasaan membaca pengguna tetapi juga memudahkan mesin pencari untuk mengambil dan memahami.
Banyak situs web, demi mengejar efek visual, menggunakan tag H sebagai alat pengubah ukuran font. Misalnya, jika mereka ingin sebagian teks ditampilkan lebih besar dan lebih tebal, mereka akan sembarangan menggunakan tag H3 atau H4, tanpa mempertimbangkan hubungan hierarki konten sama sekali. Tindakan ini akan sangat mengganggu penilaian struktur halaman oleh mesin pencari, serta merusak penggunaan normal fungsi aksesibilitas.
Masalah lain adalah lompatan hierarki judul. Misalnya, setelah H1 langsung diikuti H4, melewati H2 dan H3 di antaranya, atau muncul H2 di bawah H3. Meskipun halaman dapat ditampilkan dengan normal, struktur hierarki yang kacau ini akan menyulitkan mesin pencari untuk memahami logika organisasi konten, dan mengurangi efek SEO.
Beberapa situs web memasukkan kata kunci penuh ke dalam tag H, misalnya, menulis H2 sebagai "Perusahaan Dekorasi Beijing_Desain Dekorasi Beijing_Layanan Dekorasi Rumah Beijing_Tim Profesional". Optimasi berlebihan seperti ini tidak hanya buruk dalam pengalaman membaca, tetapi juga dapat dianggap sebagai perilaku penipuan oleh mesin pencari. Cara yang tepat adalah menggunakan bahasa alami untuk menggambarkan konten bab, seperti "Proses Desain Dekorasi Kami" atau "Tiga Elemen Kunci dalam Memilih Perusahaan Dekorasi".
Cara termudah adalah menekan F12 di browser untuk membuka alat pengembang, beralih ke tab Elements, dan cari "<h" untuk melihat penggunaan semua tag H di halaman. Anda dapat memeriksa: apakah setiap halaman hanya memiliki satu H1, apakah hierarki judul konsisten, dan apakah konten judul secara akurat mencerminkan topik paragraf.
Alat SEO profesional seperti Screaming Frog, Ahrefs Site Audit, dll. dapat menganalisis masalah tag H di seluruh situs web secara massal, menunjukkan halaman yang kehilangan H1, tempat hierarki yang kacau, dan kemungkinan optimasi berlebihan. Alat-alat ini biasanya memberikan saran spesifik, seperti "halaman ini memiliki 3 H1, disarankan untuk mempertahankan yang paling relevan".
Bagi pengguna sistem CMS seperti WordPress, Shopify, dll., template tema biasanya sudah mengatur struktur tag H, tetapi tetap perlu diperhatikan saat menyesuaikan konten. Misalnya, di editor WordPress, format paragraf default adalah teks biasa, dan Anda perlu mengatur tingkat judul secara manual; jika Anda menggunakan pembuat halaman seperti Elementor, pastikan widget judul memilih tag HTML yang benar, bukan hanya menyesuaikan ukuran font.
Artikel Blog: H1 digunakan sebagai judul artikel, H2 membagi poin atau langkah utama, dan H3 digunakan untuk merinci detail spesifik. Tutorial sepanjang 2000 kata mungkin berisi 1 H1, 4-6 H2, dan 8-12 H3, membentuk alur baca yang jelas.
Halaman Produk E-commerce: H1 adalah nama lengkap produk, H2 mencakup bagian utama seperti pengenalan produk, parameter spesifikasi, ulasan pengguna, informasi pembelian, dll., dan H3 lebih lanjut mengklasifikasikan di dalam setiap bagian. Berhati-hatilah untuk tidak menempatkan teks pemasaran seperti slogan promosi dan "penawaran waktu terbatas" di tag H.
Halaman Layanan Perusahaan: H1 menjelaskan nama layanan atau nilai inti, H2 menampilkan bagian-bagian seperti proses layanan, keunggulan, pameran kasus, dll., dan H3 memberikan penjelasan mendalam tentang item layanan spesifik atau detail. Halaman semacam ini sering kali membutuhkan keseimbangan antara kebutuhan SEO dan ekspresi pemasaran, di mana judul harus menyertakan kata kunci tetapi juga menarik.
Halaman Berita: H1 adalah judul berita, dan mungkin tidak memerlukan banyak H2/H3 di badan teks, kecuali untuk laporan mendalam yang panjang. Penggunaan tag H di halaman berita relatif sederhana, intinya adalah memastikan H1 secara akurat merangkum poin-poin penting berita.
Memahami dan menggunakan tag H dengan benar sebenarnya adalah tentang menggunakan bahasa yang dapat dipahami oleh mesin pencari untuk menjelaskan struktur konten Anda dengan jelas. Ini tidak memerlukan pengetahuan teknis yang mendalam, hanya perlu lebih banyak berpikir saat mempublikasikan konten: "Di mana posisi konten ini dalam keseluruhan?" dan "Apa hubungannya dengan konteks di sekitarnya?", lalu pilih tag H dengan tingkat yang sesuai. Dengan melakukan ini dengan baik, halaman Anda akan mendapatkan pengakuan dari pengguna dan mesin pencari.