Cara Membuat Tag Heading Blogspot SEO Friendly

Pada posting kali ini saya akan share tentang cara membuat tag heading blogspot seo friendly, dimana Tag Heading merupakan attribut HTML yang berfungsi sebagai penyusun level-level heading dan sub heading pada website/blog sehingga akan lebih terstruktur dengan baik. Tag heading memiliki beberapa jenis yaitu H1, H2, H3, H4, H5, dan H6. Menurut pengalaman saya, SEO on page terletak pada susunan-susunan tag heading dan biasanya sering disebut dengan Dynamic Heading. Baca juga mengenai CaraMenghilangkan Google Images Frame di Blog.

Satu hal yang perlu Anda tahu bahwa setiap blog yang memiliki pengunjung yang ribuan telah mengaplikasikan trik ini untuk mendapatkan ribuan pengunjung. Mengapa hal itu bisa terjadi ?  Karena Tag Heading (H1) kita yang mendapat respone yang cepat kepada search engine. Langsung ke TKP ja. Cara Membuat Tag Heading Blogspot SEO Friendly harap dibaca dengan baik !

Cara Membuat Tag Heading Blog SEO Friendly

1.      Login ke dalam Blogger

2.      Pergi ke Template

3.      Backup terlebih dahulu agar ketika terjadi kesalahan bisa diulang dari awal sebelum diedite. Caranya klik backup/restore (biasanya tombol ini terletak di pojok kanan atas Anda). Lalu klik download full template.

4.      Setelah itu klik Edite HTML

5.      Centang pada tulisan Expand Widget Template

6.      Klik F3 untuk memudahkan pencarian.

7.      Lalu cari kode dibawah ini.

<!--No header image -->

<div id='header-inner'>

<div class='titlewrapper'>

<h1 class='title'>

<b:include name='title'/>

</h1>

</div>
<b:include name='description'/>

</div> 

8.      Ganti semua kode diatas dengan kode dibawah ini

<!--No header image -->

<div id='header-inner'>

<div class='titlewrapper'>
<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>
</div>
<b:include name='description'/>
</div>

9.      Untuk amannya klik Save

10.  Sekarang cari kode dibawah 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'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

11.  Ganti semua kode tersebut dengan kode dibawah ini 

<b:if cond='data:blog.pageType != "item"'>
<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>
<b:else/>
<H1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'
expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'
expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</H1>
</b:if>

12.  Klik save

13.  Tahap terakhir kita akan membedakan ukuran terhadap judul dan skrip pada Heading saat di homepage dan single post. Cari kode dibawah ini !

]]></b:skin>

14.  Ganti kode tersebut dengan kode dibawah ini !

#header h1{

}
#header h1 a{

}

P.title {

}
P.title a{

}
]]></b:skin>

15.  Isikan kode tersebut seperti dibawah ini

#header h1{
font-size: 20px;
color: #ffffff;
}
#header h1 a{
text-align:left
}

P.title {
font-size: 20px;
color: #ffffff;
}
P.title a{
text-align:left
}
]]></b:skin>

16.  Selesai

Sekarang stuktur Tag Heading Anda sudah tertata rapi, siap untuk bersaing dengan blog-blog lain dan sudah SEO.

Nah,...Sekian posting saya mengenai Cara Membuat Tag Heading Blogspot SEO Friendly.

Semoga bermanfaat.....!!

» JANGAN LUPA LIKE N Komentarnya Yeach...

= Baca Juga Sob =