»Unlabelled » Membuat Google Rating Stars di Blog

Membuat Google Rating Stars di Blog

By BUDI HARDANI on Thursday, 3 May 2012

Nah, itulah yang dinamakan google rating stars, lalu bagaimana cara membuat agar pada hasil pencarian blog kita bisa ada bintangnya seperti itu? ada beberapa tahapan yang harus kamu lakukan agar blogspot kamu bisa menampilkan rating bintang tersebut.Kamu harus teliti dalam hal ini agar semua berjalan dengan baik, langsung saja mari kita lakukan step demi stepnya.

Buat Akun Google plus
Langkah pertama kita dituntut harus mempunyai akun Google+ terlebih dahulu. Gunanya untuk mendapatkan kode ID google+ , untuk menghubungkan akun google + dengan blog. Untuk membuatnya klik disini, Bagi yangmemiliki akun google/ gmail pasti sangat mudah sekali utk mendaftar Google + [pasti sobat sudah paham cara membuatnya]. Bagi Y sudah punya ambil kode ID G+ nya. caranya buka akun G+'a dan copy ID'a seperti gambar di bawah ini:



Verifikasi Blog Di google Plus
Cara Verifikasi blog di google plus yaitu dengan cara saling menautkan blog dan google plus.
Cara menautkanya :
  1. Klik profil google plus kamu
  2. Klik edit Profil
  3. Klik sebelah kanan KONTRIBUTOR
  4. masukkan judul blog juga Url Yang akan kamu tautkan, misalnya url tentang about me


  5. Lalu Simpan.
  6. Buat postingan atau page about me dan beri salah satu text yang melink ke google plus kamu. dan jangan lupa beri atribut rel="me" pada link tersebut. contoh:
    <a href="https://plus.google.com/112974429979038230656"rel="me">dhanysoft</a>
    jangan lupa harus ada yang melink ke google plus kamu dan cukup satu saja rel="me"

Edit HTML Blog
  • Login ke Blogger kamu
  • Silahkan menuju di Html Blog kamu,jangan lupa backup template atau cadangkan.
  • Cari kode <head> dan letakkan kode berikut dibawah kode <head>
    <link href='https://plus.google.com/112974429979038230656' rel='publisher'/>
  • Ganti yang berwarna merah dengan Link Profile google plus kamu
  • Cari lagi kode <body> dan letakkan kode berikut tepat dibawah kode <body>
    <div> <div itemscope='' itemtype='http://data-vocabulary.org/Review'>
  • Cari lagi kode </body> dan letakkan kode berikut tepat diatas kode </body>
    </div></div>
  • Selanjutnya carilah kode HTML judul postingan sobat, Mungkin cara ini sedikit sulit namun jika dicermati bisa kita lakukan dengan mudah. Setiap template blog memiliki kode judul postingan yang berbeda-beda seperti h1, h2, h3 . Untuk rata2 yang judul posting mempunyai tag heading h3 misalnya seperti kode pada gambar dibawah ini:

    cara memasang rating di blogBagi yang sudah memasang breadcrumb biasanya kodenya ada dibawah kode breadcrumb navigasi blog kamu, dan tambah kode yang berwarna merah,hasilnya akan jika ditampilkan dengan kode akan seperti dibawah ini:
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
    <span itemprop='itemreviewed'><span itemprop='description'>
    <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>
    </span></span>
    </b:if>
  • Cari kode <span class='fn'><data:post.author/></span> dan tambahkan dengan kode yang berwarna merah,jadinya seperti ini:
    <span class='fn'><span itemprop='reviewer'><data:post.author/></span></span>
  • Langkah selanjutnya proses pemasangan Rating bintang Rich Snippetnya di Artikel blog sobat. Untuk jumlah bintangnya sesuai keinginan dan selera sobat hehe poko'a antara 1 - 5 . caranya kamu beri kode dibawah ini di setiap postinganmu.
    <span itemprop="rating">4.5</span>
  • Cek hasil kerjamu di google rich snippets tools atau klik disini, kalau sudah ada bintangnya maka kamu telah berhasil.
at May 03, 2012

{ 0 comments... read them below or add one }


Post a Comment