Home
Belajar SEO

Cara Mengatur Heading Tag Pada Blog

Cara Mengatur Heading Tag Pada Blog
Cara Mengatur Heading Tag h1 h2 h3 Pada Blog sangatlah mudah, Dengan menambahkan heading tag ini, kita sudah memberi tahu kepada robot karena yang tercantum di bagian ini adalah bagian yang terpenting. Jadi, kita harus mengatur heading tag dengan benar. Heading Tag ini juga memiliki aturan-aturan agar bisa menjadi heading yang benar menurut Google, untuk mengetahui bagaimana cara mengatur tag heading h1 h2 h3 h4 h5 h6 pada blog berikut ini beberapa aturan-aturan yang harus anda patuhi.
  1. H1 adalah yang paling penting dan H2-H6 adalah urutan selanjutnya. 
  2. H1 hanya boleh ada 1 untuk setiap halaman dan WAJIB ADA, sedangkan H2 dan H3 maksimal adalah 8, dan H4 - H6 boleh lebih dari 8. 
  3. Semua heading sebaiknya mengandung kata kunci agar relevansi halaman anda meningkat menurut google. 
  4. Jangan terlalu banyak pengulangan kata yang sama dalam satu heading tag. 
  5. H1 dipakai untuk judul blog, judul postingan sebaiknya diberi tag H2, sedangkan judul Widget sebaiknya diberi H3. 
  6. dan masih ada banyak peraturan lain nya yang bisa kalian cari di google.
Selain aturan diatas, sebelum menuju Cara Mengatur Heading Tag h1 h2 h3 Pada Blog. Ada juga Fungsi dari masing-masing  heading tag yang diantaranya adalah sebagai berikut.
  1. Fungsi Tag Heading <h1> : Fungsi tag ini digunakan pada nama blog (jika berada pada homepage) dan berubah menjadi <h2> pada halaman posting.
  2. Fungsi Tag Heading <h2> : Fungsi tag ini digunakan pada judul artikel blog (jika berada pada homepage> dan berubah menjadi <h1> pada halaman posting.
  3. Fungsi Tag Heading <h3> : Fungsi tag ini digunakan pada sub-judul atau penjelasan dari judul posting, bisa juga digunakan pada judul widget.
  4. Fungsi Tag Heading <h4> : Fungsi tag ini biasanya digunakan untuk judul "Artikel Terkait", "0 Komentar" atau bisa juga digunakan pada judul widget.
  5. Fungsi Tag Heading <h5> : Fungsi tag ini digunakan untuk nama komentator atau nama pemberi komentar.
  6. Fungsi Tag Heading <h6> : Fungsi tag ini digunakan untuk footer seperti "All Rights Reserved" atau "Powered by Blogger".
Jika anda sudah tahu mengenai aturan dan fungsi heading tag, maka anda pasti sudah siap untuk praktek mengatur heading tag template anda. Check it out


Mengatur Judul Artikel

Judul artikel ini menggunakan h2, jadi jika heading judul artikel anda belum h2 maka silahkan ikuti langkah-langkah berikut ini:
  1. Login ke akun blogger anda. Pilih TEMPLATE > EDIT HTML.  Kemudian tekan CTRL + F pada keyboard komputer anda untuk pencarian cepat.
  2. Cari kode h3.post (kode seperti ini kadang beda di setiap template, jadi jika tidak ada kode disamping silakan cari post.h3, atau kalau tidak ada juga, silahkan cari h3, anda akan menemukan banyak h3, silahkan cari yang menurut anda css untuk judul artikel.
  3. Kode seperti ini bisa lebih dari satu. Ubah semuanya menjadi h2.post
  4. Jika sudah, sekarang cari semua kode <h3 class='post
  5. Ubah semuanya menjadi <h2 class='post
  6. Ubah juga end tag pada kode tersebut, ubah </h3> menjadi </h2>
  7. Klik SIMPAN TEMPLATE

Mengatur Judul Widget Menjadi H3

Ingat bahwa h2 hanya boleh ada 8 di setiap halaman, sedangkan di homepage menampilkan banyak heading h2 setelah anda mengikuti cara diatas, dan jika widget anda masih pakai h2 maka pasti h2 anda lebih dari 8. Jadi, untuk menguranginya adalah dengan mengubah judul widget jadi h3. Silahkan ikuti tutorial berikut.
  • Masuk ke TEMPLATE > EDIT HTML, cari kode seperti contoh dibawah ini.
  • Admin menggunakan contoh Popular Posts : 

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>

<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
  • Ganti kode yang berwarna merah diatas dengan kode dibawah ini
<h3><data:title/></h3>
  • Jika semua widget sudah anda atur, silahkan klik SIMPAN TEMPLATE.
  • Saran saya, jangan semua widget dikasih h3 tetapi atur beberapa widget menjadi h4.

Mengatur Deskripsi Blog Menjadi H2
  • Sebenarnya ini tidak terlalu penting, tapi untuk meningkatkan relevansi silahkan ikuti saja..
  • Cari kode seperti dibawh ini

<div class='descriptionwrapper'>

<p class='description'><span><data:description/></span></p>

  • Biasa nya kode diatas berbeda dengan blog kalian, tapi jika ada ikuti saja langkah-langkah nya
  • Lalu ganti kode berwarna merah  dengan kode dibawah ini 
<h2 class='description'><span><data:description/></span></h2>
  • Hasil nya menjadi seperti ini :
<div class='descriptionwrapper'>
<h2 class='description'><span><data:description/></span></h2>
  • Klik SIMPAN TEMPLATE

 Cara Mengatur Heading Tag Pada Editor Entri 

Beberapa tutorial diatas digunakan untuk mengatur heading tag selain untuk postingan, Jika anda ingin mengatur heading di postingan, anda cukup memilih 4 pilihan yang ada di editor entri yaitu HEADING untuk H2, SUB HEADING untuk H3, dan MINOR HEADING untuk H4, dan NORMAL adalah tanpa heading.


Sekian informasi mengenai Cara Mengatur Heading Tag h1 h2 h3 Pada Blog, semoga bermanfaat untuk kalian semua. Ada kritik dan saran bisa komen dibawah ini.
Terimakasih

Post a Comment