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.
<h1> title atau judul blog </h1>
<h2> judul postingan atau artikel </h2>
<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.
Komentar