Cara Mengedit / Merubah Struktur Tag Heading Agar SEO Friendly

Teman semua pasti sudah tahu manfaat dari tag heading pada blog, tag heading ini sangat mudah dibaca oleh spider bot karena itulah pemanfaatannya untuk mengoptimalkan isi halaman blog. Biasanya dipergunakan untuk memperkuat keyword yang sedang dibidik.

Pada template blogspot tag heading ini strukturnya sedikit berantakan, maksudnya tidak tersusun rapi seperti ini h1 untuk judul blog dan h2 untuk judul posting. Karena itulah teman semua bisa mengedit struktur tag heading agar lebih tersusun rapi khususnya pada judul posting yang selama ini menggunakan h3 dan bukan h2.

Cara Mengedit / Merubah Struktur Tag Heading Agar SEO Friendly

Mengganti Tag Heading pada Judul Blog
Seperti biasa, masuk di akun blogger.com dan pilih opsi template

Menuju di halaman berikutnya, pilih tombol Edit HTML

Selanjutnya ada peringatan semacam ini, langsung saja klik tombol Lanjutkan

Sebelum mengedit template blogspot, jangan lupa centang kotak Expand Template Widget,

Lalu cari kode di bawah ini,

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

bila setelah ketemu ubah tag heading h3 menjadi tag heading h2 seperti di bawah

<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>

Langkah untuk mengedit struktur tag heading pada judul posting tidak selesai sampai disini soalnya kita mesti ubah css dari h3 ke h2, caranya cari semua kode .post h3 {... dan ubah h3 tersebut menjadi h2 misal dari

.post h3 {
color: #FF7800;
font: 20px Georgia, "Times New Roman", Times, serif;
font-weight: normal;
margin: 0 0 5px;
padding: 10px 0 0;
}
.post h3 a, #content h1 a:visited {
color: #FF7800;
font: 20px Georgia, "Times New Roman", Times, serif;
font-weight: normal;
margin: 0 0 5px;
padding: 10px 0 0;
}
.post h3 a:hover {
color: #FF7800;
text-decoration: underline;
}

Menjadi

.post h2 {
color: #FF7800;
font: 20px Georgia, "Times New Roman", Times, serif;
font-weight: normal;
margin: 0 0 5px;
padding: 10px 0 0;
}
.post h2 a, #content h1 a:visited {
color: #FF7800;
font: 20px Georgia, "Times New Roman", Times, serif;
font-weight: normal;
margin: 0 0 5px;
padding: 10px 0 0;
}
.post h2 a:hover {
color: #FF7800;
text-decoration: underline;
}

Nah barulah kita selesai mengedit struktur tag heading, tinggal meyimpan hasil edit, klik klik tombol Simpan Template dan Tutup

Catatan :
Bila teman semua kesulitan mencari kode - kode diatas di dalam menu edit template blogspot pergunakan bantuan dari browser untuk mencarinya. Tinggal klik menu find atau tekan Ctrl+F dan masukkan beberapa bagian yang dicari pada kotak yang tersedia.

Gimana teman, apakah kalian menemui kesulitan ? moga saja tidak ya Selamat mencoba tutorial ini...