Sebenarnya saya malu saat membuat postingan ini, anda pasti bertanya kenapa bukan ? Yawh jelas saya malu karena saya sebenarnya tidak mengerti tentang HTML, apa lagi saya bisa memposting dan bisa menshare pengalaman ini bukan karena bbelajar otodidak tapi karena Googling hehehe.
Ok kita akan langsung saja mencoba menshare apa itu Rich Snippet, sebenarnya saya juga tidak tahu persis apa kegunannya tapi yang jelas ketika anda melihat blog berbintang Rich Snippet anda akan pasti berpikir bahwa blog ini berkualitas buka ? Begitu juga dengan saya, ketika melihat salah satu blog yang berbintang Rich Snippet saya langsung tertarik dan ingin membuatnya. Ets tunggu dulu, awalnya saya mempelajari dan mencoba terus dan teruus sampai2 blog saya acak2an templatenya karena bereksperimen dengan Bintang Rich Snippet itu.
Ok kita langsung saja kita menuju cara2nya daripada ngemeng terus hehehe , , ,
Langkah satu apakah anda punya akun Google Plus ??? Anda harus sudah punya atau anda wajib memilikinya lho kenapa ? pkonya wajib dewh gak tau kenapa tanya z ma Google hehhee , , ,
Yang pasti karena kita butuh Idnya sepperti milik saya ini
Yang digaris bawah merah itu ID Google Plus.Selanjutnya menghubungkan akun google plus dan blog dengan cara meletakkan kode script dibawah ini tepat dibawah kode <head>
<link href='https://plus.google.com/ID GOOGLE PLUS' rel='publisher'/>
maka akan tampak seperti di bawah ini
Simpan Template Anda, itu untuuk mencegah bila ada kesalahan setelah itu cek blog anda
Disini, apakah seperti gambar dibawah ini ??
Jika sudah benar lanjut ketahap selanjutnya, Kembali lagi ke Template > Rancangan > Edit HTML , saya sarankan untuk BackUp/download template terlebih dahulu. Lalu centang expand widget.
NB : Pastikan bahwa template anda termasuk template yang sudah modern, karena template yang kelasik tidak mempunyai kode <body>
cari kode <body>
<div> <div itemscope='' itemtype='http://data-vocabulary.org/Review'>
Selanjutnya cari kode </body> dan letakkan kode dibawah ini sebelum kode script </body>
</div></div>
Jika sudah save. Lalu
Cari kode dibawah ini ( mungkin h1 diganti dengan h3 )
<h1 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>
</h1>
letakkan kode <span itemprop='itemreviewed'><span itemprop='description'> di atas kode <h1 class='post-title entry-title'> dan letakkan kode </span></span> di bawah kode </h1>
Dan menjadi seperti ini :
<span itemprop='itemreviewed'><span itemprop='description'>
<h1 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>
</h1>
</span></span>
Kemudian cari kode <span class='fn'><data:post.author/></span>
hapus kode tersebut dan rubah menjadi <span class='fn'><span itemprop='reviewer'><data:post.author/></span></span>
Lalu cari kode <data:post.body/> yang seperti ini
<data:post.body/>
<div class='underliner'/>
<div class='clear'/>
<div class='post_social_bookmark'>
Lalu taruh kode ini <span itemprop="rating">5</span> dibawah kode <data:post.body/>
Simpan. Mungkin agak sedikit ribet tapi mudah2n bisa.
NB : Pastikan bahwa template anda termasuk template yang sudah modern, karena template yang kelasik tidak mempunyai kode <body>
mampir gan...
ReplyDeletekunjung balik ke http://aidhil-16.blogspot.com
saya mau coba dulu..trims
ReplyDeletenice post gan
ReplyDeletethanks gan, saya coba dulu
ReplyDeletehttp://dot-peace.blogspot.com
ribet pisan tutorial c'guru ... mampir... sob di blogku yang mengikuti tips di atas seo-bantai.blogspot.com
ReplyDelete