Skip to main content

Cara Optimasi SEO Heading Tag Blogger

Kenapa Perlu Optimasi Heading Tag?

Heading tag memiliki peranan yang sangat penting pada SEO. Fungsinya untuk memilah dan memberi tahu mesin pencari tentang kategori suatu konten dan seberapa penting konten itu. Berdasarkan dasar HTML ada 6 heading tag H1, H2, H3 sampai H6. H1 menandakan prioritas utama dari suatu konten, H2 sub / di bawah dari H1 dan seterusnya berlaku untuk H3, H4, H5, H6. SEO best practice, jumlah H1 maksimal adalah 1 pada laman yang sedang ditampilkan, H2 minimal 1 pada tiap laman, sedangkan H3-H6 itu optional. Maka dari itu perlunya optimasi SEO heading tag blogger dengan mengubah judul postingan menjadi H1 pada laman posting, judul blog menjadi H2 pada laman posting dan widget menjadi H4.

Untuk membuat gambar header blog memiliki heading responsif H1 pada beranda dan H2 pada postingan baca >> Membuat Heading H1 pada Gambar Header Blog
Heading Tag

Secara default, blogger mengatur :
H1 = Judul Blog
H2 = Gadget / Widget
H3 = Judul Posting

Untuk SEO yang lebih friendly mesin pencari, sebaiknya :
  • Pada Beranda (Homepage)
H1 = Judul Blog
H2 = Judul Posting
H4 = Gadget / Widget
  • Pada Postingan
H1 = Judul Posting
H2 = Judul Blog
H4 = Gadget / Widget

Cara Optimasi SEO Heading Tag

Pada Dashboard Blogger anda, lihat Template --> Edit HTML
Edit HTML
Selanjutnya ikuti langkah di bawah sampai dengan selesai.

1. Mengubah Judul Posting ke H1 pada Laman Posting

Langkah 1. Cari (CTRL+F) kode berikut :
<h3 class='post-title
Maka akan muncul tampilan seperti ini :
H1 Judul Posting

Langkah 2. Ganti kode Tag (Pembuka dan Penutup) di atas dengan kode berikut :
Tag Pembuka :
<b:if cond='data:blog.pageType != "index"'>
<b:if cond='data:blog.pageType == "archive"'>
&lt;h2 class='post-title entry-title' itemprop='name'&gt;
<b:else/>
&lt;h1 class='post-title entry-title' itemprop='name'&gt;
</b:if>
<b:else/>
&lt;h2 class='post-title entry-title' itemprop='name'&gt;
</b:if>
Tag Penutup :
<b:if cond='data:blog.pageType != "index"'>
<b:if cond='data:blog.pageType == "archive"'>
&lt;/h2&gt;
<b:else/>
&lt;/h1&gt;
</b:if>
<b:else/>
&lt;/h2&gt;
</b:if>

2. Mengubah Judul Blog ke H2 pada Laman Posting

Langkah 1. Cari (CTRL+F) kode berikut :
<h1 class='title'>
Maka akan muncul tampilan seperti ini :
H2 Judul Blog

Langkah 2. Ganti kode Tag (Pembuka dan Penutup) di atas dengan kode berikut :
Tag Pembuka
<b:if cond='data:blog.pageType != "index"'>
<b:if cond='data:blog.pageType == "archive"'>
&lt;h1 class='title'&gt;
<b:else/>
&lt;h2 class='title'&gt;
</b:if>
<b:else/>
&lt;h1 class='title'&gt;
</b:if>
Tag Penutup
<b:if cond='data:blog.pageType != "index"'>
<b:if cond='data:blog.pageType == "archive"'>
&lt;/h1&gt;
<b:else/>
&lt;/h2&gt;
</b:if>
<b:else/>
&lt;/h1&gt;
</b:if>
Langkah 3. Ulangi cara di atas jika menemukan tag H1 <h1 class='title'>. Umumnya untuk template default blogger kode tag itu ditemukan cukup 1 kali.

3. Mengubah Gadget / Widget ke H4

Langkah 1. Cari (CTRL+F) kode berikut :
<h2><data:title/></h2>
Langkah 2. Ganti semua tag H2 menjadi H4 untuk setiap gadget blogger yang anda miliki pada blog anda. Kadang ditemukan kode heading tag berbeda untuk widget blogger, tapi <data:title/> tetap sama. Jadi tinggal mengganti H2 ke H4.

Dengan mengganti penggunaan heading tag yang lebih friendly SEO. Biasa terjadi perubahan font-size, warna pada setiap judul blog, posting dan widget karena pengaturan CSS untuk heading tag default blogger. Anda dapat mengaturnya dengan mudah pada CSS blog anda pada </b:skin>. Cari kode heading seperti h1, h2, h3 dan h4. Lalu samakan semua sesuai dengan keinginan kamu.

Selesai.
Semoga bermanfaat untuk blogger sekalian.

Adss Policy: Mohon maaf atas iklan yang tayang di blog ini jika tidak berkenaan, karena itu di luar dari tanggung jawab publiser.
Buka Komentar
Tutup Komentar