mengubah tag heading menjadi SEO diblogspot

9G54XFTE222J
Lama berkecimpung di dunia blogging tentunya banyak yang mengetahui jika search engine google sedikit banyaknya menyerap artikel-artikel blog kita melalui tag heading. Tag heading sendiri bisanya dalam blog disebut dengan tag h1, h2, h3 dst. Lantas tag heading seperti apa sih yang disukai oleh google?
Secara sederhana tag heading yang disukai oleh google adalah sebagai berikut:

• Tag heading h1 untuk judul blog (hanya satu)
• Tag heading h2 untuk judul artikel/postingan (bisa banyak)
• Tag heading h3 untuk judul widget

Bagaimana apakah blog anda sudah sesuai kriteria tersebut? Jika belum mari kita rubah tag heading kita menjadi lebih di sukai oleh google.
Mari ikuti langkahnya, cara mengubah tag heading jadi SEO:

• Masuk ke dashbord =>> rancangan =>> edit html, jangan lupa centang expand template widget
• Cari kode html 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>
Ganti dengan kode di bawah ini,
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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>
<b:else/>
<h1 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>
</h1>
</b:if>

• Selanjutnya cari kode di bawah

<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
Ganti dengan kode di bawah ini,
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>

• Selanjutnya cari kode dibawah ini

<h1 class='title'>
<b:include name='title'/>
</h1>
Ganti dengan kode di bawah ini,
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='font-size:30px; font-weight:bold;letter-spacing:-1px;line-height:normal;margin:5px 5px 0;padding:15px 20px 3px 0;'>
<b:include name='title'/>
</p>
</b:if>

• Belum capek kan? Selanjutnya kita akan mengedit kode CSS. Cari lagi ya kode dibawah ini

.post h3 {
color: #333333;
font-size: 16px;
font-family: Tahoma, Arial, Verdana;
font-weight: normal;
text-decoration: none;
margin: 0 0 5px;
padding: 10px 0 0;
}
.post h3 a, #content h1 a:visited {
color: #333333;
font-size: 22px;
font-weight: normal;
margin: 0 0 5px;
padding: 10px 0 0;
}
.post h3 a:hover {
color: #CF152A;
text-decoration: none;
}
Ganti dengan kode,
.post h1, .post h2 {
color:$titlecolor;
font-size: 160%;
font-weight: normal;
line-height: 1.4em;
margin: 0.25em 0 0;
padding: 0 0 4px;
}
.post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited, .post h2 strong {
color:$titlecolor;
display: block;
font-weight: bold;
text-decoration: none;
}
.post h1 strong, .post h1 a:hover,.post h2 strong, .post h2 a:hover {
color: #333333;
}

• Cari kode di bawah ini

#header h1 {
............................
}
Ganri dengan kode,
#header h1, #header p {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

Jangan lupa simpan hasil pekerjaan anda. Hasil dapat kita cek dengan tools seo gratisan yang banyak diperoleh dengan surfing di google.
Selamat mencoba dan salam sukses.