Monday, September 3, 2012

Cara Membuat Rating Bintang Muncul di Halaman Google

Cara Membuat Rating Bintang Muncul di Halaman Google - Saat sobat sedang melakukan pencarian di mbah google kadang terdapat situs/blog yang terdapat rating bintang di hasil pencarian google, contohnya seperti gambar di bawah ini



Gimana sob tertarik untuk membuatnya? baiklah langsung saja ikuti langkah-langkahnya di bawah ini dan jangan sampai ada yang terlewatkan di takutkan triknya tidak berhasil

Cara Membuat Rating Bintang Muncul di Google Search Engine
1. Pertama-tama sobat harus migrasi dari profil blogger ke Google + (Pluss).
Untuk migrasi dari profil Blogger ke Google + (Plus) sliahkan klick disini.

2. Jika sudah sekarang dalam profil Google + (Plus) klick Edit Profil ➨ Lalu pilih Kontributor Halaman ➨ Lalu masukkan/pilih halaman blogger sobat.

3. Langkah selanjutnya adalah masuk ke akun blogger sobat.

4. Pada menu klick Rancangan ➨ Edit Template ➨ CentangExpand Template Widget.

5. Jangan lupa Backup dulu templatenya untuk berjaga-jaga bila terjadi kesalahan.

6. Sekarang dalam Edit Template sobat cari kode <head> untuk memudahkan pencarian gunakan tombol ctrl dan f secara bersamaan di keyboard sobat.

7. Jika sudah ketemu sekarang copy kode di bawah ini dan paste atau letakkan di bawah kode tadi.


<link href='https://plus.google.com/108332597936910925992' rel='publisher'/>

NB : Ganti angka warna merah dengan Id Google + (Plus) sobat, Cara mengetahui Id Google + (Plus) adalah masuk ke profil Google + (Plus) sobat, lalu lihat bagian paling atas navbar maka sobat akan melihat Id profil ,maka Id angka tersebutlah yang harus sobat copy, lebih jelasnya perhatikan screen shot berikut:


8. Langkah selanjutnya sobat letakkan kode berikut di bawah kode <body>

<div>
<div itemscope='' itemtype='http://data-vocabulary.org/Review'>

9. Sekarang letakkan kode berikut di atas kode </body>

</div></div>

10. Simpan Template.

11. Masih dalam Edit Template sekarang sobat cari kode :
<h3 class='post-title entry-title' itemprop='name'> setiap template berbeda-beda jadi jika tidak menemukan kode tersebut coba sobat cari  post-title entry-title Maka sobat akan meliat kode seperti ini :

            <h3 class='post-title entry-title' itemprop='name'>
              <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>

Sekarang sobat harus menyisipkan kode <span itemprop='itemreviewed'><span itemprop='description'> dan kode </span></span>
Maka hasil penyisipannya kodenya akan terlihat seperti ini :

<span itemprop='itemreviewed'><span itemprop='description'>
            <h3 class='post-title entry-title' itemprop='name'>
              <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>
</span></span>
          </b:if&gt;

12. Simpan Template.

13. Masih di dalam Edit Template sekarang kita akan memasang google rich snippets, Sobat cari kode <data:post.body/> atau <p><data:post.body/></p> lalu letakkan kode berikut di bawahnya.:

Description: <span itemprop="description"><data:post.title></data:post.title></span>
Rating: <span itemprop="rating">3.5</span>
Reviewer: <span itemprop="reviewer"><data:post.author></data:post.author></span>
ItemReviewed: <span itemprop="itemreviewed"><data:post.title></data:post.title></span>



Nb. Untuk rating bintang silahkan sobat ganti angkaka yang berwarna biru yang 3,5 dengan keinginan sobat rating bintang maksimal adalah 5

Jika sobat menemukan kode <data:post.body/> atau <p><data:post.body/></p> lebih dari satu maka . . . ???
Sobat tinggal meletakkan kode di atas di bawah semua kode  <data:post.body/> atau <p><data:post.body/></p>
.
13. Simpan Template.

14. Langkah terakhir adalah mengecek tidak atau berhasilkah sobat menerapkannya blog sobat, silahkan sobat menuju langsung Rich Snippets Testing Tool.

15. Lalu isikan url milik blog sobat
 contohnya saya isikan http://indoking.blogspot.com/2012/09/polisi-di-solo-kembali-jadi-korban.html
 lalu klick Priview


 

16. Jika berhasil maka tampilannya akan seperti ini :


Oke sekian dulu!

Bagaimana apakah sobat berhasil menerapkannya ke blog sobat? silahkan tinggalkan tanggapan atau komentar sobat tentang postingan atau artikel Cara Membuat Rating Bintang Muncul di Halaman Google

G+

Komentar Anda

 
Indoking (Kumpulan Berbagai Macam Informasi) © Copyright 2015 - Designed by Muhammad Iqbal
Back to top
Selamat Datang di www.indoking.blogspot.co.id (Download Mp3, Software, Games, Film, ebook, Chord Gitar, Tips and Trick, Operator Sekolah, Android, dll). Terima Kasih Atas Kunjungannya, Jangan lupa Komentarnya, Dan Berkunjunglah Kembali Untuk Mendapatkan Informasi Terbaru 2016.