Apa itu Tag Header?

Tag header HTML digunakan untuk membedakan berbagai tingkat judul dan sub-judul dalam sebuah halaman.

Anda dapat menganggap tag header sebagai daftar isi di dalam sebuah buku, ini membantu mendefinisikan tentang apa setiap bagian atau bab tertentu. Tag header serupa dalam hal mereka digunakan untuk menyediakan organisasi seperti navigasi, konteks, dan struktur di dalam halaman hasil pencarian baik untuk pengguna maupun mesin pencari.

Mereka juga mengidentifikasi konten yang mendahului konten sebelumnya, menciptakan struktur hierarkis.

Tingkatan Tag Header

h1 Judul 1 /h1

h2 Judul 2 /h2

h3 Judul 3 /h3

h4 Judul 4 /h4

h5 Judul 5 /h5

 

Berdasarkan template situs Anda atau desainer web, tag header Anda dapat bervariasi dalam lokasi, font, dan ukuran.

Perbedaan antara tag H1 dan title

Tag judul adalah apa yang dilihat oleh mesin pencari dan ditampilkan di halaman hasil pencarian mesin pencari.

menunjukkan contoh serp apa perbedaan antara tag judul dan tag heading

The tag H1, namun, adalah elemen HTML untuk judul tingkat pertama dalam teks isi dari halaman web.

halaman utama seoptimer

H1 tags pada kebanyakan kasus, dianggap sebagai "title tag" kedua. Banyak orang menjadi bingung ketika menggunakan CMS seperti WordPress, di mana judul postingan digunakan baik dalam tag <title> maupun <h1>.

Namun, mesin pencari memberikan bobot lebih pada tag judul; oleh karena itu, Anda akan ingin menggunakan satu tag judul dan satu header H1 per halaman web.

Penggunaan Tag Header yang Berbeda

H1 tags: Tag-tag ini kebanyakan dikaitkan dengan judul postingan Anda. Menurut John Mueller dari Google, menggunakan lebih dari satu tag H1 per halaman tidak akan berdampak negatif pada SEO situs Anda.

H2 tags: Anda dapat menggunakan tag H2 untuk subjudul dari judul, dan juga dapat memiliki lebih dari satu tag H2.

H3 tags: Digunakan ketika Anda memiliki subtopik di dalam topik H2.

H4, H5, dan H6 tags: Tag-tag ini jarang digunakan tetapi disediakan jika diperlukan.

Semakin semantik dan terstruktur data tersebut untuk pembaca Anda, semakin baik tag-tag header ini untuk mesin pencari.

Mengapa Tag Header itu Penting?

Jika Anda membaca beberapa buku dan menemukan daftar isi mereka, Anda akan menyadari bahwa beberapa di antaranya lebih deskriptif daripada yang lain. Untuk sebagian besar buku, daftar isi digunakan untuk menggambarkan alur buku, membimbing pembaca dari pengantar hingga kesimpulan.

Semua konten yang ditulis secara online harus memiliki awal, tengah, dan akhir. Sebagai contoh, jika Anda menulis sebuah artikel tentang "10 Alat SEO Teratas yang Anda Butuhkan untuk Bisnis eCommerce Anda", Anda mungkin memiliki bagian-bagian berikut:

  • Pengantar
  • Mengapa Anda mungkin memerlukan alat untuk bisnis Anda
  • 10 alat SEO teratas untuk toko eCommerce
  • Ulasan atau deskripsi untuk masing-masing dari 10 alat ini
  • Ringkasan, kesimpulan, dan CTA (call-to-action)

Tag header dapat membantu membedakan setiap bagian sehingga pembaca dapat dengan mudah memahami lingkup konten dibandingkan dengan membaca setiap paragraf dan mencoba memahami kapan semuanya dimulai atau berakhir.

Bagaimana tag header dapat digunakan untuk mengevaluasi konten video

Menonton video YouTube selama 10–40 menit bisa menjadi menyenangkan atau sama sekali membuang waktu. Daripada menonton seluruh video, Anda akan ingin melihat deskripsinya, dan membaca beberapa paragraf, titik pemisah konten, dan cap waktu, sehingga Anda dapat mengetahui lebih banyak tentang video tersebut sebelum membuang waktu berharga Anda.

Apakah Tag Header Mempengaruhi SEO?

Kembali pada tahun 2000, tag header sebenarnya merupakan faktor peringkat yang penting. Jika webmaster ingin menempatkan situs web mereka di posisi teratas SERP Google, maka itu adalah persyaratan untuk menambahkan kata kunci target ke header.

Memajukan cepat ke tahun 2022, tag header tidak lagi menjadi bagian dari daftar faktor peringkat Google.

Google dan mesin pencari lainnya ingin melihat halaman Anda dengan cara yang sama seperti pengguna melihatnya agar mereka dapat menyediakan pengalaman pengguna yang lebih baik. Menandai dan membagi konten Anda dengan tag header akan membuatnya lebih mudah dicerna dan dibaca oleh pengunjung situs web.

Berikut adalah beberapa informasi yang telah kami kumpulkan mengenai tag header dari Google Webmasters Hangouts di atas:

“Saya pikir masuk akal untuk menggunakan markup semantik sehingga berbagai tingkatan heading untuk memecah konten Anda dengan lebih baik dan membuatnya sedikit lebih mudah dipahami. Terkadang ini membantu mesin pencari untuk lebih memahami bagian teks mana yang terkait satu sama lain, terkadang ini juga membantu pengguna untuk memahami ini sedikit lebih baik.”John Mueller 2018

Meskipun tag header tidak memiliki dampak langsung pada SEO, penyalahgunaan tag ini akan berdampak negatif pada peringkat pencarian. Mesin pencari akan mengetahui jika Anda menyalahgunakan tag header dengan pengisian kata kunci berlebihan, yang kemudian akan mempengaruhi peringkat konten Anda.

Tag header dapat memiliki dampak positif pada SEO ketika potongan unggulan, seperti kata kunci pencarian suara dan judul, dengan jelas mendefinisikan berbagai item daftar, seperti resep, dan panduan cara melakukan sesuatu.

bagaimana cara membuat cuplikan unggulan kampanye pr

Cara Menulis Tag Heading yang Sempurna

Jika Anda telah membaca panduan kami “Cara Membuat Judul Tag yang Ramah SEO”, Anda kemungkinan akan mengadaptasi praktik terbaik yang disebutkan di sana untuk menulis judul untuk postingan.

Aturan paling penting untuk menulis tag judul yang sempurna adalah untuk menciptakan struktur semantik untuk situs Anda. John Mueller dari Google berkata:

…jadi tag-tag heading di HTML ini membantu kita untuk memahami struktur halaman tetapi bukan berarti Anda mendapatkan bonus peringkat yang fantastis hanya dengan memiliki teks dalam tag h2…. bukan kasus di mana Anda akan secara otomatis naik satu atau dua posisi lebih tinggi hanya dengan menggunakan heading, jadi saya akan merekomendasikan menggunakannya untuk memberikan struktur semantik pada halaman tetapi saya tidak akan mengatakan bahwa ini adalah persyaratan untuk peringkat yang tepat dalam pencarian.”John Mueller, Google

Oleh karena itu, membuat tag judul yang sempurna untuk setiap halaman/post dapat disederhanakan menjadi dua alasan:

  • Struktur halaman untuk keterbacaan
  • Relevansi terhadap kata kunci

Untuk menghindari masalah apa pun dengan mesin pencari dan pengalaman pengguna, berikut adalah beberapa hal yang harus dan tidak boleh dilakukan.

Praktik Terbaik untuk Menulis Tag Judul

Bayangkan menulis kerangka untuk konten Anda, poin-poin diskusi yang Anda daftar dalam kerangka konten Anda dapat digunakan sebagai tag header. Di mana titik-titik pemisahnya? Mungkin akan membantu untuk mendefinisikan setiap sub-poin menggunakan <em> dan <strong>.

Kerangka Konten

Sementara menggunakan beberapa tag h1 diizinkan, cobalah untuk tetap menggunakan satu tag <h1> per halaman. Anda mungkin menggunakan beberapa tag H1 untuk mendefinisikan fitur kunci pada halaman, tetapi hanya gunakan satu tag H1 pada postingan dan artikel.

Pertimbangkan untuk memindahkan semua fitur utama ke judul H2 dibandingkan mengaitkannya dengan H1. Jika H1 dan H2 tidak memiliki faktor peringkat yang sebenarnya, struktur dan semantik lebih penting.

Jangan gunakan <h1> header yang sama di seluruh konten. Setiap tag header harus berisi teks yang unik dan deskriptif. Jika <title> dan <h1> dari postingan Anda adalah “Apa itu Tag Header”, hindari menggunakan teks yang sama di tag lain.

Keep headers short and to the point. Although there are no length limits, we recommend sticking to 10–70 characters when creating headers.

Ingat, tag judul tidak seharusnya digunakan untuk styling, jadi hindari membuat judul hanya karena terlihat bagus.

Selalu ingat untuk mengikuti pedoman H1–H6. W3C menyatakan, “Enam elemen heading, H1 hingga H6, menandakan judul bagian. Meskipun urutan dan kejadian heading tidak dibatasi oleh DTD HTML, dokumen seharusnya tidak melompati level (misalnya, dari H1 ke H3), karena mengonversi dokumen seperti itu ke representasi lain seringkali bermasalah.”

Terakhir, pertahankan struktur heading Anda secara konsisten di seluruh situs untuk memberikan kemudahan penggunaan bagi mesin pencari dan membantu pengguna mengidentifikasi dan menavigasi konten Anda.

Berapa Banyak Tag Judul yang Dianggap Berlebihan?

Apakah konten Anda singkat dan padat atau dalam bentuk panjang, menciptakan keseimbangan tag judul adalah kunci.

Untuk konten singkat:

  • Satu H1 per halaman/posting
  • Dua atau Tiga H2
  • Gunakan H3 untuk mengelompokkan tautan dalam H2 atau sumber dan referensi terkait

Dengan konten bentuk panjang, Anda dapat menambahkan lebih banyak tag H2 dan tag H3–H6 berdasarkan struktur yang ingin Anda berikan kepada pengguna Anda.

judul utama dan subjudul
Sumber gambar: Diggity Marketing

Menyertakan Kata Kunci dalam Tag Judul Anda

Jangan menjadi berulang-ulang, tetapi gunakan tag judul untuk mendeskripsikan konten yang dibahas di setiap bagian.

Jika Anda menulis tentang "Praktik Terbaik dalam Menulis Tag Judul", Anda tidak ingin memulai dengan "Apa itu SEO",

Atau

Langkah 1

Langkah 2

Langkah 3

Di bawah ini adalah contoh tag judul yang baik:

Judul: “Praktik Terbaik dalam Menulis Tag Judul

H1: “Panduan tag judul SEO Anda” (Ini menjelaskan apa tujuan dari artikel ini. Ini untuk SEO dan bukan panduan untuk click baits atau konversi.)

H2: “Apa itu tag heading” (Tergantung pada persona pembaca Anda, Anda dapat menambahkan atau menghapus ini dan melanjutkan.)

H2: “Mengapa tag judul itu penting” atau “Mengapa hal itu penting” (Penting untuk menambahkan nilai dan menyediakan alasan untuk membantu meyakinkan pembaca Anda, kecuali jika fokus Anda adalah untuk audiens yang lebih maju, dalam hal ini Anda dapat merujuk pada studi kasus tentang bagaimana algoritma Google telah berubah dan apa yang perlu mereka lakukan sekarang.)

H3: “Apa yang dikatakan oleh para ahli ” atau “Eksplorasi para ahli mengenai tag judul” atau “Apa yang dikatakan oleh para ahli”.

H2: “Panduan praktik terbaik tag judul” (Referensi mengapa dan bagaimana memiliki daftar periksa atau panduan dapat membantu Anda menghindari kesalahan SEO apa pun.)

H3: “Cara membuat tag header yang sempurna”, “Great heading examples”, “Hal-hal yang harus dihindari saat membuat tag header” atau “Contoh tag heading yang buruk” (Apakah Anda menambahkan kata kunci atau tidak, struktur harus menyediakan niat yang jelas.)

H2: "Cara menambahkan tag judul ke WordPress"

H2: "Ringkasan" atau "Kesimpulan".

Berikan Struktur dan Konsisten

Jika Anda telah melalui tag-tag heading Anda dan terdapat terlalu banyak kata kunci yang sama yang disebutkan, hal itu akan terasa berulang-ulang dan seolah-olah ditulis hanya untuk mesin pencari.

Ini bukan masalah untuk mengungkapkan dan menjelaskan artikel Anda tanpa menggunakan kata kunci target yang membantu mesin pencari dan pembaca memahami apa yang dibahas oleh judul tersebut.

Contoh H3 pertama, “What experts have to say”, dapat dengan jelas dipahami jika mereka berada di H2, “Why are heading tags important”.

Jika sebaliknya, Anda menambahkan “Mengapa hal itu penting”, Anda merujuk pada judul yang sebenarnya, oleh karena itu, Anda dapat mengulangi dan membantu pengguna serta mesin pencari secara kolektif memahami dan merujuk apa yang akan terjadi selanjutnya, dan menulis “Apa yang dikatakan para ahli tentang tag judul”.

Pertahankan struktur yang konsisten di seluruh halaman Anda. Judul-judul ada untuk menciptakan aliran tertentu bagi pembaca Anda. Judul-judul juga merupakan indikator yang membantu pembaca memutuskan apakah mereka ingin melanjutkan membaca atau mencari solusi lain dari situs lain.

Cara Menambahkan Tag Judul dengan WordPress

Ada dua cara untuk mengubah tag judul di WordPress. Anda dapat menyorot kata-kata yang ingin Anda ubah dan menggunakan pintasan keyboard:

Di Mac:

CTRL + ALT + 2/3/4/5/6 – Menerapkan tag judul yang sesuai (<h2>, <h3>, dll.)

Di PC:

SHIFT + ALT + 2/3/4/5/6 – Menerapkan tag heading yang sesuai (<h2>, <h3>, dll.)

Atau pilih menu drop-down dan pilih judul yang sesuai dengan kebutuhan Anda:

di mana di wordpress untuk mengubah heading h1, h2, h3, h4, h5, h6 tags

Cara Menambahkan Tag Judul dengan Wix

Untuk melakukan perubahan pada halaman Wix Anda, Anda dapat dengan mudah menyorot kata-kata atau frasa dan memilih menu drop-down di bawah Tema.

cara mengubah tag header di wix

Jika Anda ingin mengubah tag header dalam sebuah postingan blog, navigasikan ke editor postingan blog Wix. Kemudian cukup sorot header yang ingin Anda edit dan pilih opsi yang sesuai dengan mengklik pada Paragraf.

editor postingan blog wix

Cara Menambahkan Tag Judul dengan Shopify

Mengubah tag judul di Shopify sangat mudah, cukup dengan menyorot kata atau frasa Anda dan mengklik tombol "A" untuk memilih tag judul yang ingin Anda berikan.

editor wysiwyg shopify dan di mana tag heading berada

Mengubah tag judul dalam halaman utama Anda sedikit sulit. Melakukan perubahan dapat dicapai dengan mengedit kode dalam file theme.liquid atau berdasarkan file apa yang Anda ambil datanya dari.

Jika satu bagian dari beranda Anda memiliki daftar koleksi yang ditambahkan seperti tangkapan layar di bawah ini:

shopify terkadang menambahkan tag h1 di halaman utama contoh

Anda sedang menarik data dari file collection.liquid yang akan mengklasifikasikan nama koleksi sebagai H1.

shopify edit code language theme editor untuk mengubah tag judul di halaman

Jika Anda menambahkan daftar koleksi berganda ke halaman utama, Anda akan memiliki beberapa H1. Kami menyarankan untuk meminta pengembang tema Anda untuk melakukan perubahan untuk Anda.

Kesimpulan

Tag header seharusnya digunakan di semua halaman website Anda, terutama di halaman utama dan di semua artikel blog website Anda. Tag HTML ini membantu memecah teks panjang dan mereka "membagi" konten Anda menjadi bagian-bagian bertema.

Dengan mengikuti praktik terbaik yang kami uraikan dalam artikel ini, Anda akan dapat membuat tag header yang dapat dipahami oleh manusia dan crawler mesin pencari.