Heading Tag merupakan elemen penting yang perlu diatur dengan benar untuk mengoptimalkan SEO OnPage pada sebuah Blog atau Website. Pada Tutorial SEO kali ini kita, akan membahas secara tuntas mulai dari pengenalan, cara menggunakan dan menerapkannya pada Blog. Hal ini bertujuan Agar Blog yang kita kelola mendapatkan hasil yang maksimal di mesin pencarian seperti google.
Setelah kita mempelajari dan memasang Meta Tags SEO Friendly pada Blog, Hal kedua terpenting yang perlu kita ketahui adalah mengatur penggunaan Heading Tag H1 H2 H3 H4 H5 H6dengan benar. Mau tahu bagaimana caranya? Berikut ulasan lengkapnya :
Apa Itu Heading Tag
Heading Tag adalah tag atau kode HTML untuk mengatur penggunaan Tingkatan Judul pada sebuah Blog. Heading Tag sendiri memiliki 6 tingkatan atau susunan yang dimulai dari <H1> sampai <H6>. Heading <H1> merupakan tingkatan paling besar atau penting, sementara heading <H6> merupakan tingkatan paling rendah. Namun pada umumnya penggunaan Heading Tag pada sebuah blog, hanya digunakan sampai di Heading <H4> saja.
Berikut Contoh Heading yang umumnya Ada pada Home Page Blog :
- Judul Blog
- Judul Postingan
- Judul Widget
Agar lebih jelas, silahkan perhatikan gambar dibawah ini :
Berikut Contoh Heading yang umumnya Ada pada sebuah Halaman Posting atau Artikel Blog :
- Judul Halaman
- Judul Artikel
- Heading (Poin Penting dalam Artikel)
- Sub Heading (Sub Judul dari Heading)
- Minor Heading (Sub Judul dari Sub Heading)
- Judul Widget
Agar lebih jelas, silahkan perhatikan gambar dibawah ini :
Dalam Penulisan Artikel pada Blogger tersedia Menu untuk mengatur Judul Poin-Poin penting tersebut, seperti Heading, Sub Heading, dan Minor Heading. silahkan perhatikan gambar dibawah ini :
Jika kita menggunakan Elemen tersebut pada sebuah Artikel, maka bisa kita lihat penggunaan Heading Tag melalui metode HTML dan hasilnya adalah sebagai berikut :
- <h2>Heading</h2>
- <h3>SubHeading</h3>
- <h4>Minor heading</h4>
Pengaruh Heading Tag Terhadap SEO Blog
Setelah kita mengetahui Heading Tag, pertanyaan yang muncul selanjutnya adalah Apa pengaruhnya elemen ini terhadap SEO sebuah Blog atau Website? Jawab: Ketika mesin pencari google mengindeks sebuah blog atau website, baik pada halaman homepage atau halaman Artikel, Robot pencari akan terlebih dahulu menandai Heading Tag pada halaman tersebut. Hal ini dikarenakan Heading Tag dianggap Robot menjadi poin penting pada suatu halaman blog atau website yang di indeksnya.
Untuk lebih mudah memahaminya, mari kita ibaratkan sebuah halaman blog atau website adalah Rumah dan Robot mesin pencari adalah seorang tamu yang akan berkunjung kerumah kita. sebelum robot tersebut masuk kedalam rumah, pastinya ia akan menjumpai terlebih dahulu pagar dan halaman rumah kita. Hal tersebut akan menjadi hal yang paling diingat pengujung rumah ketika pertama kali berkunjung. Pagar atau halaman bisa kita ibaratkan sebagai Heading Tag H1, yang merupakan elemen paling penting dalam heading tag, dan selanjutnya diikuti tag H2, H3, H4, H5, sampai H6.
Bagaimana sudah lebih paham? Jika Anda sudah memahaminya, maka penggunaan Heading Tag harus sesuai dengan kata kunci yang Anda targetkan pada suatu halaman blog, baik itu halaman Homepage maupun halaman Website. Hal tersebut berguna memberikan informasi penting mengenai kata kunci yang Anda gunakan pada blog atau website milik Anda kepada Robot mesin pencari.
Cara Cek Heading Tag H1 H2 H3 H4 di Blogger
Cara memeriksa penggunaan Heading Tag suatu blog atau website cukup mudah. Silahkan perhatikan langkah-langkah dibawah ini :
- Pada Halaman Blog, Silahkan klik kanan (Mouse) pada bagian judul yang akan di periksa, kemudian Pilih Inspeksi (Jika menggunakan Google Chrome) atau Inspeksi Elemen (Jika menggunakan Mozilla).
- Maka akan terlihat hasilnya seperti gambar dibawah ini.
Gambar diatas menunjukkan bahwa Judul Blog menggunakan Heading Tag H1. Anda bisa memeriksa penggunaan Heading Tag lainnya seperti Judul Artikel dan Judul Widget, menggunakan cara yang sama.
Cara Menggunakan Heading Tag SEO Friendly
Dalam penggunaan Heading Tag harus menggunakan Porsi yang benar, karena jika berlebihan justru memberikan efek yang buruk kepada hasil pencarian. Seperti Apa Porsi Menggunakan Heading Tag SEO Friendly? Memang tidak ada aturan baku mengenai penggunaan Heading Tag, Namun anda bisa mengikuti Saran penggunaan berikut ini :
- Tag H1 sebaiknya digunakan hanya satu pada Halaman Blog.
- Tag H2 Maksimal ada 4 (Empat) buah pada Halaman Blog.
- Tag H3 Maksimal ada 8 (Delapan) buah pada Halaman Blog.
- Tag H4 Maksimal ada 16 (Delapan) buah pada Halaman Blog.
Ingat keterangan diatas adalah penggunaan Heading Tag Maksimal pada satu Halaman Posting. Anda juga bisa menggunakannya dibawah jumlah tersebut.
Pada Template Default Blogger ataupun Template Premium sekalipun pada umumnya penggunaan Heading Tag H1 H2 H3 H4 masih kurang Optimal atau bisa dibilang tidak SEO Friendly. Yuk kita lihat penggunaan elemen tersebut pada template bawaan blogger.
Heading Tag pada HomePage Blog menggunakan Template Default Blogger :
- <H1> Judul Blog </ H1>
- <H2> Judul Widget Sidebar </ H2>
- <H3> Judul Posting </ H3>
Penggunaan Heading Tag pada template bawaan blogger diatas, menunjukkan bahwa Widget Sidebar diberi tag heading H2 sedangkan Judul posting pada homepage menggunakan tag heading H3. Hal tersebut akan memberikan informasi kepada robot mesin pencari, bahwa Judul Widget lebih penting daripada Judul Posting, sangat tidak SEO Friendly bukan? Lalu seperti Apa penggunaan yang benar? Lanjut simak terus Brother.
Penggunaan Heading Tag H1 H2 H3 H4 Pada HomePage Blog
Perlu Anda ketahui bahwa penggunaan Heading Tag pada Home Page Blog berbeda dengan halaman Posting Blog. Hal ini tentu dikarenakan pada Home Page sebuah Blog biasanya terdiri dari Banyak Judul Halaman Artikel, sedangkan pada Halaman Posting atau Artikel Blog hanya Fokus kepada Artikel tersebut.
Secara idealnya pengaturan Heading Tag yang benar untuk menghasilkan optimasi SEO Onpage yang baik pada halaman Home Page Blog adalah sebagai berikut ini :
Heading Tag pada HomePage Blog
- <H1> Judul Blog </ H1>
- <H2> Judul Posting pertama </ H2>
- <H3> Judul widget sidebar </ H3>
- atau <H4> Judul widget sidebar </ H4>
Penggunaan Heading Tag H1 H2 H3 H4 Pada Halaman Posting Blog
Ketika kita membuat Posting sebuah Artikel, sebaiknya pada Artikel yang kita buat menggunakan Heading, SubHeading, Minor heading, Menu tersebut sudah tersedia Pada Editor Text Blogger. Hal ini bisa kita manfaatkan untuk memberikan informasi kata kunci atau poin-poin penting kepada robot mesin pencari.
Secara idealnya pengaturan Heading Tag yang benar untuk menghasilkan optimasi SEO Onpage yang baik pada halaman Artikel sebuah Blog adalah sebagai berikut ini :
Heading Tag pada Halaman Posting
- <H1> Judul Blog </H1>
- <H2> Judul Artikel </H2>
- <H3> Judul Poin-Poin Penting Artikel </H3>
- <H4> Judul widget sidebar </ H4>
atau Jika Anda menggunakan Dynamic Heading sebaiknya Judul Blog yang menggunakan tag H1 Anda rubah menjadi seperti berikut :
- <H1> Judul Halaman </H1>
- <H2> Judul Artikel </H2>
- <H2> Judul Poin-Poin Penting Artikel </H2>
- <H3> Judul SUB Poin Penting Artikel </H3>
- <H4> Judul widget sidebar </ H4>
Penggunaan Heading Tag diatas menerangkan bahwa Antara Judul Halaman merupakan Judul dari Artikel yang menggantikan Judul Blog. Pada Judul Artikel Tag H2 merupakan Duplikasi dari Judul Halaman Tag H1. Kelebihan dari metode ini adalah kita bisa menambahkan poin-poin penting lainnya yang mengandung kata kunci menggunakan heading tag H2. Mengenai penggunaan Dynamic Heading akan kita bahas khusus pada Artikel selanjutnya, Oke.
Cara Mengatur Heading Tag H1 H2 H3 H4 di Blog
Setelah kita mengetahui mengenai porsi dan penggunaan Heading Tag yang SEO Friendly, sekarang saatnya kita menerapkannya pada Blog yang kita miliki. Sebelum mengedit template blogger, ada baiknya Anda terlebih dahulu menyimpan atau mencadangkan template tersebut. Hal ini untuk menghindari kesalahan dalam melakukan editing template.
Sebagai Contoh disini saya akan memberikan Tutorial Mengatur Heading Tag H1 H2 H3 H4 menggunakan Template Simple Default Blogger. Karena pada umumnya penggunaan Heading Tag yang kurang sesuai adalah pada Judul Widget yang diberi Tag <H2>, maka kita akan merubahnya menjadi Tag <H4>, Cekidot.
Mengatur Heading Tag Judul Widget Template Default Blogger
- Pada Menu Dashboard Blogger Pilih “Template”
- Lalu Pilih “Edit HTML”
- Tekan CTRL + F (Pada Keyboard), Kemudian Cari Judul Widget seperti gambar dibawah ini :
- Maka kita akan menemui Kode seperti dibawah ini :
- Silahkan Anda rubah Code berwarna merah Yakni <h2> … <h2> menjadi <h4> … <h4>
<b:section-contents id=’sidebar-right-1′>
<b:widget id=’PopularPosts1′ locked=’false’ title=’Posting Terpopuler’ type=’PopularPosts’ visible=’true’>
<b:includable id=’main’>
<b:if cond=’data:title != ""’><h2><data:title/></h2></b:if>
<div class=’widget-content popular-posts’>
<b:widget id=’PopularPosts1′ locked=’false’ title=’Posting Terpopuler’ type=’PopularPosts’ visible=’true’>
<b:includable id=’main’>
<b:if cond=’data:title != ""’><h2><data:title/></h2></b:if>
<div class=’widget-content popular-posts’>
- Lakukan perubahan pada semua Heading Tag judul widget yang Anda gunakan seperti langkah diatas.
Jika semua Heading Tag judul widget telah Anda rubah dari <h2> menjadi <h4>, sekarang Anda tinggal menyesuiakan saja Tampilan atau besar ukuran Font yang digunakan pada judul widget tersebut, sesuai dengan keinginan Anda. untuk melakukan penyesuaian tersebut, silahkan Atur Kode CSS nya sebagai berikut :
Menyesuaikan Kode CSS Heading Tag Judul Widget Template Default Blogger
- Pada Edit HTML Template Blogger cari Kode berwarna merah dibawah ini :
div.widget > h2,
div.widget h2.title {
margin: 0 0 1em 0;
div.widget h2.title {
margin: 0 0 1em 0;
font: $(widget.title.font);
color: $(widget.title.text.color);
}
color: $(widget.title.text.color);
}
Setiap Template menggunakan Kode CSS yang berbeda-beda, oleh sebab itu ada baiknya sebelum editing code, Anda memeriksa kode CSS yang digunakan menggunakan Inspeksi Elemen.
- Silahkan rubah Kode h2 menjadi h4
- Maka Hasilnya kita sudah berhasil merubah Heading Tag menjadi H4, tanpa merusak tampilan atau ukuran Font pada Judul Widget Blog. Anda juga bisa merubah Ukuran Font sesuai yang Anda inginkan.
Untuk merubah Heading Tag bagian Judul lainnya, Anda tinggal menyesuaikan saja sesuai dengan panduan diatas. Agar Lebih mudah lakukanlah Inspeksi Elemen pada Judul yang ingin Anda rubah, kemudian cari kode yang berkaitan pada Edit HTML Template blogger dan rubah Heading Tag menjadi sesuai dengan yang Anda inginkan.
Demikian pembahasan kita mengenai Cara Memaksimalkan Penggunaan Heading Tag H1 H2 H3 H4 Pada Blogger. Semoga bisa membantu memaksimalkan Blog Anda di hasil pencarian Google. Silahkan Ajukan Pertanyaan seputar Heading Tag dengan memberikan komentar di bawah ini. Terima Kasih.
0 komentar:
Posting Komentar