Memperbaiki Struktur Tag Heading Blogger Agar SEO Friendly

Meningkatkan trafik pengunjung dan membuat blog lebih SEO friendly dengan cara memperbaiki struktur tag h3, h2 & h1 pada template blogspot merupakan suatu hal yang harus anda lakukan dan ini akan sangat memberikan pengaruh yang positif bagi blog anda.

Memperbaiki struktur tag judul akan membuat blog lebih SEO Friendly dan mempermudah robot search engine membaca judul dan isi artikel yang kita posting. Nah ketika sudah SEO friendly, otomatis posisi blog pada search engine akan terus membaik. Hal ini akan berdampak pada peningkatan jalur lalulintas pengunjung ke blog dan tidak menutup kemungkinan untuk meningkatakan jumlah pageviews.

Sebelum lanjut ke pembahasan memperbaiki susunan tag heading pada template, ada baiknya anda mengetahui apa itu tag H1, H2 & H3 dan tempat seharusnya agar lebih memudahkan pemahaman anda.

1. <h1> title atau judul blog </h1>
2. <h2> judul postingan atau artikel </h2>
3. <h3> judul widget blogger </h3>

Setelah mengetahui fungsi dan penjelasan tersebut di atas, sekarang mari kita lanjut ke tahap selanjutnya yakni memperbaiki struktur tag H1 sampai H3.

• Login ke blogger
• Template » Edit HTML » Expand Template Widget
• Untuk mencegah terjadinya kesalahan pada saat memperbaiki struktur tag, saya sarankan untuk membackup template anda terlebih dahulu

Pertama

Cari : #header h1 {
Kemudian ganti dengan ini : #header h1, #header p {

Kedua

Cari kode CSS seperti ini : .post h3 { 
Ganti dengan ini : .post h1, .post h2{

Ketiga

Cari lagi : .post h3 a,.post h3 a:visited,.post h3 strong {
Ganti dengan kode ini : .post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong{ 

Keempat

Cari lagi yang ini : .post h3 strong,.post h3 a:hover {
Ganti dengan : .post h1 strong,.post h1 a:hover,.post h1 strong,.post h2 a:hover {

Kelima

Temukan kode ini : h2.date-header {
Ganti menjadi : .date-header {

Lanjutkan dengan mencari : <h2 class='date-header'><data:post.dateHeader/></h2>
dan menggantinya dengan : <div class="date-header"><data:post.dateheader></data:post.dateheader></div>

Keenam

Cari kode dibawah ini :
<h1 class='title'>
<b:include name='title'/>
</h1>
Ganti dengan ini :
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>

Ketujuh

Cari kode ini :
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
Ganti menjadi seperti kode di bawah ini :
<b:if cond='data:blog.pageType != "item"'>
<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>

Terakhir

Cari kode berikut :
<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 seperti di bawah ini 
<b:if cond='data:blog.pageType != "item"'>
<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> 

• Simpan template dan rasakan perbedaannya.

Tweet

Artikel keren lainnya: