Struktur Hirarki Konten dengan Tag Judul Hx

Diterbitkan: 2018-01-30

Daftar Isi

    Menggunakan judul konten di situs web adalah subjek yang cukup populer yang membawa banyak mitos yang bertahan bahkan hingga hari ini. Apa itu tag heading, mengapa mereka digunakan dan bagaimana menerapkan struktur tag heading yang optimal di situs web?

    • 1 Apa itu heading?
    • 2 Gunakan konten penting dalam tag heading Hx
    • 3 Apa yang Google katakan tentang tag heading Hx?
    • 4 Informasi penting lainnya tentang judul konten

    Apa itu heading?

    Tag heading digunakan untuk menyajikan struktur konten kepada pengguna (perayap browser web juga). Ada enam ukuran heading – dari H1 hingga H6 , meskipun yang pertama memiliki relevansi terbesar (itu adalah heading yang paling penting), sedangkan H5 dan H6 jarang digunakan.

    Karena tag heading Hx berisi teks yang (seharusnya) secara signifikan lebih besar daripada konten lainnya , ini adalah petunjuk visual bagi pengguna yang memungkinkan mereka memahami paragraf apa yang dijelaskan di bawahnya. Menggunakan judul dengan berbagai ukuran untuk mewakili struktur hierarki memudahkan pengguna untuk mencerna konten.

    Dalam sintaks HTML, kami menggunakan tag dalam tanda kurung <>:

     <h1>Judul 1</h1>
<h2>Judul 2</h2>
<h3>Judul 3</h3>
<h4>Judul 4</h4>
<h5>Judul 5</h5>
<h6>Judul 6</h6>

    tetapi di situs web mereka akan terlihat, misalnya, seperti ini (jelas, tergantung pada style sheet):

    Contoh penggunaan dapat ditemukan di sini: https://www.w3schools.com/html/html_headings.asp.

    Gunakan konten penting dalam tag heading Hx

    Ketika hampir setiap hari membawa posting blog baru, berita, panduan atau artikel ahli, ada baiknya menarik pengguna tidak hanya dengan gambar yang bagus atau judul yang menarik, tetapi juga dengan konten terstruktur.

    Melihat melalui artikel tertentu di perangkat seluler, pembaca sering kali hanya memperhatikan judul. Terlepas dari aspek estetika murni, struktur judul yang tepat memudahkan untuk menafsirkan dan mencerna konten, sehingga ada kemungkinan pengguna akan bertahan lebih lama di situs web tertentu.

    Tidak hanya pengguna yang dapat memperoleh manfaat dari situs web yang terstruktur dengan baik – perayap juga dapat melakukannya karena teks judul juga penting bagi mereka. Itulah mengapa sangat penting untuk tag heading untuk memasukkan kata kunci yang akan terkait dengan konten pada halaman dalam hal subjek. Jika kita menargetkan halaman tertentu dengan kata kunci tertentu, sangat disarankan untuk menempatkannya (bahkan dalam bentuk yang berbeda) di heading; mereka secara alami dapat ditempatkan dalam teks, tetapi dalam suatu alasan.

    Struktur harus didefinisikan dengan jelas dan heading harus berbeda ukurannya satu sama lain. Akan menjadi kesalahan untuk menatanya dengan cara yang sama seperti teks isi atau tidak membedakannya berdasarkan kepentingannya.

    Judul Hx dalam artikel

    Saat menulis posting blog, kita dapat menggunakan heading secara kreatif. Anda harus menentukan struktur artikel Anda sebelum memulainya. Judul dapat berupa judul silang yang membagi paragraf individu (seperti dalam artikel ini), dan yang paling penting <h1> dapat digunakan untuk mendeskripsikan subjek. Ini sering didefinisikan secara otomatis dalam templat situs web, jadi jika tidak, ada baiknya membuat perubahan yang didiskusikan dengan pakar SEO dan pengembang web.

    Struktur artikel yang dirancang dengan baik dapat membuatnya terlihat lebih menarik. Konten menarik yang dimasukkan ke dalam judul akan dengan jelas memberi tahu pembaca (dan perayap) apa yang mereka harapkan dari artikel tertentu.

    Tag heading mana yang harus diletakkan di beranda situs web?

    Beranda (atau halaman lain, misalnya halaman layanan) juga harus memiliki struktur judul yang hierarkis. Di bagian <head>, disarankan untuk menempatkan H1, di bawah H2, H3 dan seterusnya dan seterusnya, meskipun tidak ada jumlah maksimum tag heading. Bahkan dalam kasus H1 Anda tidak perlu membatasi diri pada satu judul (sebagaimana dijelaskan lebih lanjut di bawah).

    Namun, Anda perlu ingat bahwa bagian seperti "Tentang kami" atau "Pelajari lebih lanjut" yang dimasukkan ke dalam judul tidak banyak menambah konten. Juga, menggunakan judul yang kurang penting, misalnya H5–H6, tidak ada gunanya (kecuali untuk aspek tata letak artikel).

    Situs web satu halaman = satu tag heading H1?

    Dalam kasus situs web satu halaman, tidak sejelas artikel blog. Dalam spesifikasi HTML5 (https://www.w3.org/TR/2014/REC-html5-20141028/sections.html), Anda dapat menemukan tag <section> yang bertanggung jawab untuk menentukan masing-masing bagian dalam dokumen HTML. Bagian biasanya memiliki heading, sehingga setiap bagian mungkin memiliki struktur hierarki yang berbeda, misalnya:

     <bagian id=”tentang”>
 <h1>Tentang saya</h1>
 <p>Beberapa SMS tentang saya :)</p>
 <h2>Nama saya Dawid...</h2>
 <p>Paragraf kedua tentang saya. hehe :)</p>
</bagian>

<bagian id="portofolio">
 <h1>Portofolio saya</h1>
 <p>Proyek terbaru saya...</p>
</bagian>

<bagian>
 <h1>Testimonial</h1>
 <p>Pendapat dari pelanggan yang puas...</p>
 <h2>Tweet terbaru</h2>
 <p>Tweet 1</p>
 <p>Tweet 2</p>
</bagian>

<bagian>
 <h1>Kontak</h1>
</bagian>

    Seperti yang Anda lihat di atas, setiap bagian memiliki heading H1 yang berbeda, kemudian heading H2… Meskipun Anda dapat memutuskan untuk memiliki satu atau lebih tag heading H1 dan selanjutnya H2, H3, dll.

    Apa kata Google tentang tag Hx?

    Karyawan Google mengatakan banyak tentang tag heading, tetapi ada baiknya mengutip pendapat terbaru mereka. Setahun yang lalu, John Meuller menulis yang berikut di Forum Google untuk Webmaster: https://productforums.google.com/forum/#!msg/webmasters/BmyI8YX_25A/81hZNQFJDQA

    “Kami tidak memperlakukan HTML5 secara berbeda & memiliki beberapa tag H1 pada halaman tidak masalah. Bersikaplah masuk akal saat menggunakannya, gunakan di tempat yang masuk akal. Jelas tidak ada penalti untuk menggunakan H1.”

    Beberapa saat kemudian, pada bulan April 2017, John menjawab dengan singkat di Twitter (https://twitter.com/JohnMu/status/852131231928135680) untuk pertanyaan berapa banyak judul H1 yang dapat digunakan dalam satu halaman.

    Akhirnya, sebagai bagian dari serial YouTube “Snippet SEO” di Saluran Webmaster Google, panduan singkat tentang masalah itu diunggah:

    Coba Senuto Mulai uji coba gratis Anda

    Informasi penting lainnya tentang judul konten

    Meskipun karyawan Google menyarankan (setidaknya dalam pernyataan resmi mereka) pendekatan yang fleksibel untuk tag heading, ada beberapa aturan yang patut diikuti:

    • Jangan terlalu sering menggunakan judul pada halaman
    • Gunakan judul yang masuk akal dan ketika mereka mencerminkan teks di bawahnya untuk membantu pengguna menentukan di mana paragraf tertentu dimulai dan diakhiri
    • Jangan meletakkan seluruh paragraf (semua konten) dalam sebuah heading
    • Jangan hanya menggunakan kata kunci, terutama dalam bentuk yang tidak wajar
    • Jangan sembunyikan judul dalam teks isi dengan menggunakan ukuran font yang sama untuk judul dan teks isi
    • Jaga agar hierarki struktur tetap teratur
    • Mungkin terkadang menggunakan tag <strong> alih-alih tag heading ????.

    Saat membuat konten, jangan terlalu dioptimalkan atau kurang dioptimalkan; sebagai gantinya, berusahalah untuk keseimbangan dan fokus pada perasaan pengguna yang mencerna konten di situs web Anda, termasuk artikel, panduan, atau posting blog lainnya. Bagaimanapun, heading adalah penentu peringkat untuk mesin pencari Google dan itulah mengapa Anda tidak boleh mengabaikannya.

    Coba Senuto Mulai uji coba gratis Anda