Minggu, 16 Desember 2012

Cara Mudah Membuat Rating Bintang Rich Snippet Pada Blog

Cara Mudah Membuat Rating Bintang Rich Snippet Pada Blog
Cara Mudah Membuat Rating Bintang Rich Snippet Pada Blog, apakah kalian tau tentang Membuat Rating Bintang Rich Snippet di Blog? Kalau begitu MOB akan menjelaskan bagaimana cara membuat rating bintang rich snippet pada blog dengan mudah yang akan bisa muncul di halaman SERP Google mendampingi semua list postingan blog kita teman.. Jika kita berhasil memasang rating bintang Rich Snippet ini ke dalam template blogger pastinya akan menjadi keuntungan buat blog kita sendiri, pasalnya selain SEO bagi Google juga bisa meningkatkan klik dari peselancar mesin pencari Google sebab postingan kita akan nampak lebih profesional dan berkualitas. Hmmm postingan blog sudah terasa seperti hotel ber-bintang, beda sama lainnya :) Pasti kalian berfikiran bahwa kalian itu ingin beda & proffesional blognya dengan yang lain bukan?

Kalian mau tahu, bagaimana sih caranya membuat rating bintang snippet di blog? Simak saja tutorialnya berikut ini:


Seperti biasa, ketika ingin mengedit template blogspot, pertama masuk di akun blogger.com dan pilihlah opsi template 



Cara Mudah Membuat Rating Bintang Rich Snippet Pada Blog

Menuju di halaman berikutnya, pilih tombol Edit HTML



Cara Mudah Membuat Rating Bintang Rich Snippet Pada Blog

Selanjutnya ada peringatan semacam ini, langsung saja klik tombol Lanjutkan



Cara Mudah Membuat Rating Bintang Rich Snippet Pada Blog

Sebelum mengedit template blogspot, jangan lupa centang kotak Expand Template Widget,



Cara Mudah Membuat Rating Bintang Rich Snippet Pada Blog

1. Yang pertama cari kode <head>
2. Copy kode berikut dan  letakkan dibawah kode <head>
<b:if cond='data:blog.url == data:blog.homepageUrl'><link href='https://plus.google.com/105759480749681145595' rel='publisher'/></b:if>
3. Ganti kode 105759480749681145595 dengan id google + anda.
4. Lalu cari kode <body>
5. Letakkan kode berikut dibawah kode <body>
<div><div itemscope='' itemtype='http://data-vocabulary.org/Review'>
8. Cari lagi kode </body>
9. Letakkan kode berikut diatas kode </body>
</div></div>

Instalisasi :

Untuk memasang di blog, ada 2 cara yaitu :
1. Cara Membuat Rating Bintang Rich Snippet di Blog dengan 5 bintang
2. Cara Membuat Rating Bintang Rich Snippet di Blog dengan 10 bintang

Tutorial :

Cara Membuat Rating Bintang Rich Snippet di Blog dengan 5 bintang
1. Cari kode <data:post.body/>
2. Letakkan kode berikut dibawahnya
Description: <span itemprop="description"><data:post.title/></span>
Rating: <span itemprop='rating'>4.5</span>
Reviewer: <span itemprop='reviewer'><data:post.author/></span> -
ItemReviewed: <span itemprop='itemreviewed'><data:post.title/></span>
3. Save Template

Cara Membuat Rating Bintang Rich Snippet di Blog dengan 10 bintang
1. Cari kode <data:post.body/>
2. Letakkan kode berikut dibawahnya
<div itemscope="" itemtype="http://data-vocabulary.org/Review-aggregate">
<span itemprop="itemreviewed"><data:post.title/></span>
<span itemprop="rating" itemscope="" itemtype="http://data-vocabulary.org/Rating"> <span itemprop="average">9</span>out of <span itemprop="best">10</span> based on <span itemprop="votes">10</span> ratings. <span itemprop="count">9</span> user reviews.
</span></div>
3. Save Template

Kalian CEK dulu Rating Bintang Rich Snippet di Rich Snippets Testing Tools yang tadi kalian buat berhasil atau tidak, jika tidak berhasil bisa dicoba lagi dan mungkin ada yang salah dalam pemasangan di kode <data:post.body/>, jika kalian menemukan kode <data:post.body/>, pilihlah yang kedua, lalu letakanlah Kode Rating Bintang Snippetnya pada bagian bawahnya.

Dan, lihat hasilnya seperti ini:

11 komentar:

  1. great article it really helps me you can also find online marketing tips on this site
    http://jeffdingman.com/the-first-page-of-google/

    BalasHapus

  2. A thoroughly grateful reading feel you are having reading this blog. Constantly on cue is what the author is. Writer offers excel recommendations to commenters and in short time. Awesome reads. Everyone who desires to know on this topic should subscribe to this blog. Pick thing is the archive feature serves as a fast recommendation to old and relevant things. Any last gossip is covered in this blog, says a lot about sources in high places. I enjoy the quick references helpful in the blog. The details in the visual air of this blog are to be appreciated. I cannot help but question why such reflections were not said previously. Excellent to spot that closely all posts are banded together with related photos. A plus for illustrations that can be seen with a basic click. It's excellent how the ads are associated and pleasing to the posts. There's a brief review for each article and visitors can choose to see whole of it, if interested. I like the background colors, everyone can read everything clearly. I enjoy the speed at which the site is updated. I like the manner in which the author explains the most complex of concepts with ease. It's nice to find a blog where I can go ever both old and new articles. It's lighting fast how speedily the site loads, it's almost instantly. The articles are aesthetically put. The articles maintains you hooked to the finish. The colors of the blog do not stress the eyes thanks for suchlike restful colors. There's a specific feel about the blog that i love largely. This blog is great every time providing unbiased studies and infos.
    If any suggestion for me
    iTunerbd
    MakeYourWon
    KeyGenBD

    BalasHapus
  3. oke gan sy coba dulu ya :)

    BalasHapus
  4. Your article is an eye opener, as we all think holidays are to relax only and forget about work but by doing so we are increasing burden or work for coming days. its a better idea to keep your work up to date even on holidays.
    website price checker
    web worth calculator
    web development company in vadodara
    web development company in baroda
    seo expert in vadodara
    web development company in vadodara

    BalasHapus
  5. we are offering online training for dot net, MVC, mobile development, asp.net, angularjs, nodejs etc...

    BalasHapus
  6. Wow amazing, never knew this was on the internet, this was really helpful and it was nice reading it. I will be glad to share it with others. You can also check mine too, it might be helpful. You can JUST CLICK HERE

    BalasHapus