Apa yang dimaksud dengan Tag Header?
Tag header adalah tag HTML yang digunakan untuk memisahkan judul dan subjudul dari konten lainnya di halaman web, dalam urutan kepentingan dari H1 hingga H6.
Paling sering, Anda hanya memerlukan H1 sampai H4, di mana:
- H1 adalah judul utama dan judul untuk halaman
- H2 adalah subjudul dan poin pendukung
- H3 adalah subbagian atau item daftar di bawah H2
- H4 adalah subbagian atau item daftar di bawah H3
Anda juga harus memperhatikan bahwa tag H1 dan tag judul bukanlah elemen yang sama dalam HTML. Semua tag header mendeskripsikan apa yang muncul di halaman itu sendiri, tetapi tag judul mengomunikasikan judul halaman untuk jendela peramban dan untuk cuplikan halaman hasil mesin pencari.
Jadi, ketika Anda melihat halaman web tertentu, Anda akan menemukan H1 di dekat bagian atas halaman itu sendiri, sementara "judul" terlihat di jendela atau tab browser.
Mengapa Tag Header Penting untuk SEO?
Tag header membantu pengguna menavigasi dan menelusuri halaman. Tag ini memecah informasi sehingga pembaca dapat memindainya dan menemukan apa yang mereka cari dengan cepat.
Namun, menggunakan header juga berguna untuk membuat situs web Anda lebih ramah terhadap pencarian. Mesin pencari mengandalkan header untuk lebih memahami bagian dari sebuah halaman.
Secara umum, tag header membantu menjaga konten tetap terstruktur dan mudah dikonsumsi oleh mesin pencari dan pembaca.
Praktik Terbaik untuk Tag Header
1. Jangan Terlalu Banyak Mengisi Tag Header Anda dengan Kata Kunci
Jika Anda telah mengikuti praktik terbaik SEO selama lebih dari beberapa tahun, maka Anda mungkin terbiasa menyertakan kata kunci target di tag H1, H2, dan H3.
Header ini dulunya merupakan faktor peringkat yang penting, tetapi sekarang, algoritme Google telah menjadi lebih pintar. Akibatnya, kata kunci dalam header tidak memiliki dampak yang sama seperti dulu.
Dengan demikian, masih merupakan ide yang bagus untuk menyertakan kata kunci dalam tag header Anda. Namun, sekarang ini, Anda harus fokus untuk menambahkannya dengan lebih bijak dan alami. Hal terakhir yang Anda inginkan adalah membuat tag header Anda terlalu banyak sampai-sampai Google membaca halaman Anda sebagai spam.
Baru-baru ini, kami telah melihat alasan tambahan untuk berhati-hati dengan kata kunci di tag header Anda: subjudul yang cukup jelas dapat membuat Anda mendapatkan cuplikan unggulan, terutama dalam panduan cara atau listicle.
2. Jaga agar Header Tetap Singkat dan Konsisten
Kebiasaan penting lainnya dengan judul adalah menjaga agar judul tetap pendek dan konsisten, bila memungkinkan. Cobalah untuk membatasi panjang header Anda hingga 3-5 kata, dan susunlah dengan konsisten sehingga mudah dipindai oleh pembaca.
Ingatlah bahwa header dirancang untuk memecah dinding teks menjadi beberapa bagian yang rapi dan teratur, sehingga masuk akal mengapa header dan subheader yang terlalu panjang tidak terlihat bagus pada halaman.
Selain memudahkan pembaca Anda, tajuk singkat ini juga membantu Google untuk memahami konten di halaman Anda dengan lebih baik.
3. Gunakan Tag Header untuk Hirarki Konten yang Tepat
Apakah Anda tahu mengapa tag header ada sejak awal? Tujuan awal dari tag header adalah mempertahankan hierarki konten yang tepat pada halaman HTML.
Sekali lagi, H1 adalah tajuk utama, H2 adalah sub-tajuk, H3 di dalam H2 adalah sub-sub-tajuk untuk bagian itu, dan seterusnya. Dalam setiap bagian dengan urutan menurun, Anda sebaiknya memulai dengan informasi yang paling penting dan relevan, lalu lanjutkan dari sana.
4. Periksa Apakah Desain Header di CSS Sudah Konsisten
Secara default, HTML melakukan pekerjaan yang baik dalam menetapkan hierarki visual untuk halaman web.
Anda biasanya akan melihat ukuran font yang lebih besar dan bobot yang lebih berat untuk tag H1 dan H2 (kira-kira 32px dan 24px, masing-masing), dengan font yang lebih kecil untuk tag H3 dan H4 (masing-masing 18px dan 16px).
Meskipun tidak ada aturan baku tentang hal ini, kami terkadang melihat tema situs web yang membuat H3 dan H4 mereka lebih besar daripada H2 mereka.
Di situs web Anda, Anda dapat membuat perubahan dalam stylesheet CSS untuk mengatur desain header yang konsisten dengan kode pemformatan font yang tepat, atau menambahkan selektor ke bidang CSS khusus sebagai stylesheet tambahan.
Ada kalanya juga H3 digunakan di tempat yang seharusnya menggunakan H2. Hal ini biasa terjadi jika desain header tidak diatur dengan benar. Meskipun bukan langkah yang krusial, hal ini akan memastikan bahwa Anda memberikan pengalaman pengguna yang terbaik dan mendapatkan nilai SEO yang maksimal di Google.
Pertanyaan Umum
Dapatkah Saya Menggunakan Beberapa Tag H1?
Ya, Anda bisa. Google mengatakan bahwa mereka tidak mempermasalahkan hal tersebut. Namun, praktik SEO terbaik adalah memiliki satu H1 per halaman.
Meskipun bukan untuk kepentingan Google, tetap menggunakan hanya satu tag H1 per halaman akan membantu menjaga halaman Anda tetap konsisten dan mudah dimengerti jika ada pengguna lain yang ingin melakukan perubahan.
H1 dan Tag Judul - Bisakah Mereka Berbeda?
Secara default, H1 dan judul akan sama ketika Anda mempublikasikan postingan baru. Tetapi Anda dapat menulis judul dan H1 yang berbeda jika Anda menginginkannya.
Sebagai contoh, Anda mungkin ingin judul lebih pendek agar terlihat bagus di SERP, sementara H1 bisa sedikit lebih panjang untuk pengunjung halaman Anda - atau Anda bisa memilih untuk memasukkan tahun dalam judul Anda dan tidak menyertakannya di H1.
Apapun alasan yang Anda miliki, tidak masalah untuk tujuan SEO jika H1 dan tag judul berbeda.
Ada Berapa Banyak Level Tag Header?
HTML mendukung enam header secara total: H1-H6. Ini berarti Anda tidak dapat memiliki H7, H8, dan seterusnya.
Namun demikian, jarang sekali Anda memerlukan subbagian lagi di luar H4. Jika Anda merasa membutuhkan H5 dan H6 pada sebuah halaman, ada baiknya mempertimbangkan apakah Anda menjejalkan terlalu banyak informasi ke dalam satu halaman.
Sebagai gantinya, Anda dapat membuat halaman terpisah untuk konten agar lebih mudah dibaca.
