Header tag atau juga dikenal sebagai tag heading adalah elemen HTML yang digunakan untuk mengidentifikasi judul dan subjudul di halaman web. Tag ini disusun secara hierarkis dari H1 hingga H6, dengan H1 biasanya berisi judul atau judul utama halaman web atau artikel. Penggunaan tag header yang benar dapat membantu memberikan struktur yang jelas pada konten, sehingga memudahkan navigasi dan meningkatkan keterbacaan. Tidak hanya itu, tag header juga berfungsi untuk memudahkan perayapan web oleh mesin pencari dan menunjukkan bahwa halaman tersebut penting untuk diindeks
Bagaimana hierarki tag tajuk?
Header tag terdiri dari enam level, dimulai dari H1 sampai H6
1. H1
Tag H1 digunakan untuk mengidentifikasi judul dan judul utama halaman situs web atau artikel. H1 adalah bagian penting karena bertanggung jawab untuk memberikan gambaran umum tentang konten. Oleh karena itu, kata kunci utama konten ditempatkan pada H1
2. H2
Lalu ada tag H2 yang umumnya digunakan untuk menunjukkan subjudul. Saat H1 berfungsi sebagai judul, H2 berfungsi seperti daftar isi. Terkait dengan SEO, kita bisa menempatkan kata kunci LSI, alias kata atau kalimat yang berhubungan dengan kata kunci utama
3. H3 – H6
Selanjutnya H3 sampai H6 berisi penjelasan lebih lanjut dari H2. H3 hingga H6 dapat berupa teks biasa, tabel, daftar berpoin, atau daftar bernomor
Dalam praktiknya, urutan tag header di konten terlihat seperti ini
Bagaimana cara mengoptimalkan tag tajuk?
Ada beberapa hal yang perlu kita perhatikan agar penggunaan tag header lebih optimal untuk performa SEO
1. Hindari kata kunci spamming di tag header
Mesin pencari menggunakan tag tajuk untuk mendapatkan konteks keseluruhan dari suatu konten. Namun, berhati-hatilah untuk tidak melakukan spamming kata kunci dengan memasukkan kata kunci yang sama berulang kali dalam tag tajuk yang berbeda
2. Maksimalkan tag heading untuk cuplikan pilihan
Cuplikan unggulan dapat membantu konten menonjol dari pesaing karena ditampilkan sebagai hasil pencarian pertama di mesin pencari. Secara khusus, Google dapat menghasilkan daftar berpoin atau daftar bernomor berdasarkan teks yang termasuk dalam tag header.
4. Cukup tambahkan tag H1
Meski sering diperdebatkan, penggunaan lebih dari satu tag H1 dianggap tidak ideal oleh mayoritas praktisi SEO. Penggunaan beberapa tag H1 dalam satu halaman web yang sama akan menyebabkan konten terlihat berantakan dan membingungkan pembaca. Untuk mesin pencari, banyak tag H1 akan membuat perayap web bingung tag H1 mana yang harus diprioritaskan dan diindeks
5. Gunakan copywriting yang menarik
Tag tajuk adalah salah satu kontak pertama pengunjung dengan konten situs web kami. Maka dari itu, kita perlu memanfaatkan copywriting yang kreatif dan menarik agar pengunjung terus membaca konten hingga selesai
Apa perbedaan antara tag header dan tag judul?
Tag tajuk dan tag judul sering dipertukarkan karena keduanya berfungsi untuk menginformasikan mesin telusur tentang konten situs web. Dalam HTML, tag judul ditulis dengan atribut sedangkan tag header dengan atribut,
, dan seterusnya. Untuk menghindari kebingungan dan kesalahan dalam penggunaan tag, ingatlah bahwa tag judul tidak muncul di halaman website, tetapi dapat dilihat oleh pengunjung di SERP. Selain itu, tag judul adalah hyperlink yang mengarahkan pengunjung ke halaman website tertentu. Nah, bukannya tag header tidak muncul di SERP, tapi bisa dilihat di halaman website sebagai judul sebuah konten
Contoh
Header untuk sebuah
Sebuah judul di sini
Dikirim oleh John Doe
Beberapa informasi tambahan di sini
Lorem Ipsum dolor set amet
Lebih banyak contoh "Cobalah Sendiri" di bawah ini
Definisi dan Penggunaan
Itu
elemen mewakili wadah untuk konten pengantar atau sekumpulan tautan navigasiA
elemen biasanya berisi- satu atau lebih elemen heading (-)
- logo atau ikon
- informasi kepenulisan
Catatan. Anda dapat memiliki beberapa
elemen dalam satu dokumen HTML. Namun, tidak dapat ditempatkan di dalam, atau elemen lainDukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang mendukung penuh elemen tersebut
Atribut Global
Itu
tag juga mendukung Atribut Global dalam HTMLAtribut Acara
Itu
tag juga mendukung Atribut Acara dalam HTMLLebih banyak contoh
Contoh
Tajuk halaman
Judul halaman utama di sini
Dikirim oleh John Doe
Cobalah sendiri "
Halaman Terkait
Referensi DOM HTML. Objek Tajuk
Pengaturan CSS Default
Sebagian besar browser akan menampilkan
elemen dengan nilai default berikut