Saturday, September 29, 2012

Buat struktur TAG HEADING yang SEO FRIENDLY untuk blog

Syarat agar sebuah blog bisa diindex oleh google haruslah mempunyai struktur tag heading yang seo friendly padahal 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.

LANGKAH KERJA:
Masuk blogger > rancangan > edit html > centang expand template widget

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>

Next cari kode ini :
<h3 class='mobile-index-title entry-title'>
<data:post.title/>
</h3>

Ubahlah </h3> menjadi h2

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">

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

Ubahlah tag heading widget menjadi h3 dengan mencari kode seperti ini :
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>

Ubah <h2 dan </h2> menjadi <h3 dan </h3>

NB : Lakukan semua ini pada semua widget blog sobat, artinya bila blog sobat terpasang 4 widget maka penggantian juga dilakukan 4 kali.

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 == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

Save Template!!
Judul: Buat struktur TAG HEADING yang SEO FRIENDLY untuk blog; Ditulis oleh Andrias Eka Fajar Darmawan; Rating Blog: 5 dari 5
Baca Juga Yang Ini, Seru Loo!!

10 comments:

  1. Hello! I simply wish to give a huge thumbs up for the great data you have right here on this
    post. I shall be coming back to your blog for more soon.


    Check out my homepage Web Ranking

    ReplyDelete
  2. Hey! I just want to give an enormous thumbs
    up for the nice info you have got here on this post. I shall be coming back to your blog for extra soon.


    Here is my weblog: jordans release dates

    ReplyDelete
  3. Hey! I simply would like to give an enormous thumbs up for
    the good information you have right here on this
    post. I might be coming back to your blog for more soon.



    my web page :: SEO

    ReplyDelete
  4. Whats up! I just would like to give an enormous thumbs
    up for the great info you’ve gotten right here on
    this post. I will likely be coming again to your blog for extra soon.


    Feel free to visit my weblog ... cooking cherubs tomatoes

    ReplyDelete
  5. Hey! I simply wish to give a huge thumbs up for the good
    info you will have right here on this post.
    I will probably be coming back to your blog for extra
    soon.

    Here is my web site :: seo services web design

    ReplyDelete
  6. Hello! I simply would like to give an enormous thumbs up for the nice data you have got
    here on this post. I will probably be coming again to your weblog for more soon.



    Here is my homepage ... youtube old song seoul korea

    ReplyDelete
  7. Hiya! I simply would like to give a huge thumbs up for
    the great data you might have right here on this post. I will likely be coming
    again to your weblog for extra soon.

    my webpage ... watch we got married seohyun

    ReplyDelete
  8. Howdy! I just want to give an enormous thumbs up for the great info you’ve got here on this post.
    I can be coming back to your weblog for more soon.

    Feel free to surf to my site :: callebaut semi sweet chocolate chips ingredients

    ReplyDelete
  9. Hello! I simply wish to give an enormous thumbs up for
    the good data you could have here on this post.
    I shall be coming again to your weblog for more soon.



    Here is my weblog :: 7 simple seo tips that will help your search engine rankings

    ReplyDelete

Terima kasih atas kunjungan anda. Silahkan tinggalkan komentar sobat dan dapatkan backlink satu arah langsung ke blog sobat dengan widget top komentator yang saya pasang di sidebar blog ini. Caranya dengan menjadi pemberi komentar terbanyak di blog ini, Komentar anda dapat dengan menyertakan LINK / ANCHOR TEXT atau promosi produk tertentu.


Terimakasih Atas Kunjungan Anda



Andrias Eka Fajar Darmawan
( Admin )