>> Selamat siang pecinta robot21online . Disiang yang cerah ini saya ingin share tentang satu ini ni kawan "Cara Memasang Rating Bintang Rich Snippet di Blogspot" . Untuk caranya silahkan simak penjelasan saya baik baik di bawah ini kawan . CEKIDOT>>
>>Cara membuat/memunculkan rating bintang di blogspot/SERP Google atau cara agar hasil SERP muncul bintangnya - Rating bintang snippet merupakan salah satu layanan yang disediakan oleh Google yang mampu membuat tampilan hasil SERP lebih bagus karena menampilkan beberapa tanda bintang berjumlah 5 sehingga mampu menarik perhatian pengunjung (eye catching) untuk mengeklik dan mengunjungi artikel kita dengan tanda bintang yang disandangnya tersebut. Menurut saya pemasangan rating bintang snippet perlu untuk dilakukan karena merupakan salah satu cara mempercantik tampilan blog dan mempercantik tampilan SERP. Oke langsung saja saya mulai tutorial cara membuat rating bintang snippet di blogspot:
>>Buka dahulu akun Google+ anda kawan
>> Setelah akun Google+ selesai dibuka selanjutnya mengalihkan profil Blogger ke Google+Caranya:
- Masuk ke dasbor blog kalian
- Pilih tombol Terhubung ke Google+
- Jika terbuka halaman baru maka klik Beralih Sekarang Juga. Lalu di bagian Kontirbutor Untuk centang blog sobat lalu Tambahkan Blog.
- Setelah selesai semuanya, sekarang saatnya masuk ke mengoprek kode HTML blog sobat. Langkah-langkahnya:
2. Silahkan menuju menu Rancangan >> Edit HTML (jangan lupa centang expand template widget).
3. Cari kode <head> berikut.
4. Setelah ketemu silahkan copast kode berikut tepat di bawah kode <head> di atas.
<link href="https://plus.google.com/107203684058886464593" rel="publisher"/>
>>Ganti kode berwarna biru dengan ID Google+ sobat. Cara mendapatkan silahkan KLIK DISINI
>> Perhatikan beberapa digit nomor yang terletak di belakang url tersebut setelah load selesai. Perhatikan gambar:
>>Nah, itu merupakan nomor ID Google+ kita. Silahkan ganti kode yang diatas tadi dengan kode ID Google+ kawan.
5. Selanjutnya cari kode <body> beriku.
6. Tempatkan kode berikut di bawah kode tersebut:
<div><div itemscope='' itemtype='http://data-vocabulary.org/Review'>/>7. Lalu tempatkan kode berikut di bawah kode </body>
</div>/></div>8. Selanjutnya cari kode postingan blog sobat. Yaitu kode yang diawali dengan kode berikut:
<h2 class='post-title entry-title'>Dan kode lengkapnya seperti ini:
<h2 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>
</h2>
9. Tempatkan kode yang tercetak tebal berikut tepat di atas kode huruf h di atas<span itemprop='itemreviewed'><span itemprop='description'>Sehingga nanti jadinya seperti ini:
Kode postingan blog sobat
</span>
</span>
10. Next cari kode berikut:
<span class='fn'><data:post.author/></span>
11. Sisipkan kode <span itemprop='reviewer'> dan </span> diantara kode tersebut, maka nanti jadinya seperti ini: <span class='fn'><span itemprop='reviewer'><data:post.author/></span></span>l2. Langkah terakhir, cari kode berikut:
<div class='post-footer'>13. Tempatkan kode berikut tepat di bawah kode tersebut:
Rating: <span itemprop="rating">4.5</span>atau kode lengkapnya:
14. Simpan Template sobatRating: <span itemprop="rating">4.5</span><br /> Description: <span itemprop="description">ISI JUDUL POSTING SOBAT</span><br />Reviewer: <span itemprop="reviewer">NAMA AUTHOR SOBAT</span><br />Itemreviewed: <span itemprop="itemreviewed">ISI PENJELASAN DAI JUDUL POSTING SOBAT</span>
Catatan: Bila sobat ingin benar-benar berhasil, lakukan satu persatu langkah-langkah di atas, jangan sampai ada yang terlewat karena setiap langkah saling berkaitan satu sama lain.
15. Selanjutnya silahkan cek hasil kerja sobat Disini. Bila sukses maka jadinya seperti ini:
>>Nah..bagaimana..tertarik..oke selamat mencoba semoga berhasil.
CUKUP SEKIAN
SEMOGA BERMANFAAT
mantap bro,,
BalasHapus