Cara Mengubah Tag Heading Blogspot menjadi SEO
Cara Mengubah Tag Heading Blogspot menjadi SEO
Written By Gheo damai ramadhan on Sunday, 7 April 2013 | Sunday, April 07, 2013 |
Setelah kemarin selesai memposting artikel yang menjelaskan tentang optimasi SEO untuk blog, Oke langsung saja.. Template blog atau web mempunyai struktur Tag Heading yang terdiri dari h1, h2, h3 dst.. Menurut informasi banyak orang ataupun dari para pakar blog, template blog yang disediakan oleh blogger mempunyai struktur tag heading yang kurang seo friendly. Padahal syarat agar sebuah blog bisa diindex oleh google haruslah mempunyai struktur tag heading yang seo friendly, yaitu dengan susunan seperti ini:
- tag h1 untuk judul blog (tidak bisa untuk yang lain, artinya h1 hanya untuk judul blog),
- tag h2 untuk judul postingan (akan lebih cepat diindex google)
- terakhir tag h3 untuk widget blog.
Nah, berikut ini akan saja sajikan sebuah artikel cara mengubah template blogspot menjadi seo friendly, yang pastinya akan membuat blog kita lebih diindex oleh om google.
Berikut ini cara mengubah struktur tag heading blogspot menjadi seo friendly:
1. Masuk blogger >> Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
2. Cari kode berikut ini:
<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
> Perhatikan syntac <h3 dan </h3>, ubahlah menjadi h2 dan </h2>
3. Next cari kode ini:
<h3 class='mobile-index-title entry-title'>
<data:post.title/>
</h3>
> Ubahlah </h3> menjadi h2
4. Cari kode seperti ini atau yang mirip seperti ini:
<Group description="Post Title" selector="h3.post-title, h4, h3.post-title a">
> Hapus dan ganti menjadi
<Group description="Post Title" selector="h2.post-title, h4, h2.post-title a">
5. Cari kode di bawah ini:
h3.post-title, h4 {
font: $(post.title.font);
color: $(post.title.text.color);
}
h3.post-title a {
font: $(post.title.font);
color: $(post.title.text.color);
}
h3.post-title a:hover {
color: $(link.hover.color);
text-decoration: underline;
}
> Ubahlah h3 menjadi h2
6. Ubahlah tag heading widget menjadi h3 dengan mencari kode seperti ini:
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
> Ubah <h2 dan </h2> menjadi <h3 dan </h3>
*Lakukan semua ini pada semua widget
blog sobat, artinya bila blog sobat terpasang 4 widget maka penggantian
juga dilakukan 4 kali.
7. Langkah terakhir adalah cari kode di bawah ini:
<title><data:blog.pageTitle/></title>
> Hapus kode tersebut dan ganti menjadi
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
Save Template!!
Akhirnya selesai juga, tutorial cara mengubah tag heading blogspot menjadi SEO dan sekarang blog kita lebih seo friendly pastinya.
Categories:
0 komentar:
Posting Komentar