Pernah mendengar yang namanya Rich Snippet? Yang satu ini adalah salah satu bagian dari blog yang merupakan ucapan atau kata-kata dari pemilik blog, berupa kotak ucapan "Terimakasih telah berkunjung", "Datang lagi yaa", dan lain sebagainya yang juga disertai dengan gambar pilihan penulis.
 |
| About Author |
Nah, jika diumpamakan seperti "Kata pengantar" yang biasanya ada di depan pada sebuah buku. Bisa untuk mengungkapkan terimakasih seorang penulis pada visitor yang telah membaca postnya atau memberi peringatan agar tidak sembarangan meng-copy-paste artikel tersebut tanpa disertai sumber penulis. Selain itu juga bisa untuk mendeskripsikan diri anda secara singkat seperti halnya halaman "Tentang Penulis" di bagian belakang buku. Untuk lebih jelasnya silahkan lihat gambar di bawah ini.
 |
| Author Rich Snippet |
Ada beberapa blog yang mengartikan "Rich Snippet" sebagai bagian dari hasil pencarian di Google, yang berupa deskripsi singkat untuk suatu blog yang muncul bersamaan dengan post singkat yang sedang dicari. Namun penggunaan Rich Snippet seperti itu diklaim menyalahkan aturan Google. Beberapa orang juga menamakan dengan "Author Rich Snippet". Dan masih banyak lagi yang digunakan orang untuk mendeskripsikan Rich Snippet ini. Namun yang saya ulas kali ini yang tidak berbahaya, karena merupakan kata-kata sekilas oleh seorang Blogger dibawah setiap artikelnya. Nah, sekarang langsung saja saya berikan tutorial cara membuat dan memunculkan Rich Snippet di blog anda.
1. Login ke dashboard blog anda, lansung masuk ke "Template", lalu klik "Edit HTML"
2. Copy code berikut ke Notepad terlebih dahulu, untuk memudahkan pengeditan HTML
<b:if cond='data:blog.pageType == "item"'>
<div style='margin-top:30px'>
<div itemscope='' itemtype='http://data-vocabulary.org/Review-aggregate'>
<div style='padding:5px; width:85px; float:left;'>
<img itemprop='photo' src='http://i1277.photobucket.com/albums/y486/isverindonesia/iSVERLogo_zps7191d702.png'/></div>
<div style='padding:5px; font-size:11px; float:left;'>
Judul: <span itemprop='itemreviewed'><data:post.title/></span><br/>
Rating: <span itemprop='rating' itemscope='' itemtype='http://data-vocabulary.org/Rating'>
<span itemprop='average'>10</span>
out of <span itemprop='best'>10</span>
</span>
based on <span itemprop='votes'>24</span> ratings.
<span itemprop='count'>5</span> user reviews.<br/>
Ditulis Oleh <data:post.author/><br/><br/>
Terima Kasih Atas Kunjungan Anda...Datang Lagi Yaa...</div>
</div>
</div>
</b:if>
*Perhatikan tulisan yang berwarna
biru, ganti dengan link dimana gambar yang anda pilih berada. Ingat! Di bagian akhir link harus terdapat format ekstensi gambar yang di upload, seperti .jpg, .bmp, .png, dan lain sebagainya.
*Perhatikan tulisan yang berwarna
merah, ganti dengan kata-kata yang ingin anda masukkan disana. Terserah apa yang akan anda masukkan.
3. Setelah diganti, copy code yang ada di Notepad tersebut dan kembali lagi ke dashboard blog "Edit HTML" anda
4. Cari tulisan "
<data:post.body/>" (tanpa tanda petik dua)
5. Untuk memudahkan pencarian, klik Ctrl+F pada kotak HTML
6. Pastekan tepat
di bawah kode <data:post.body/> tersebut
7. cari lagi code "
<data:post.body/>" (tanpa tanda petik dua), karena biasanya dalam satu template terdapat lebih dari satu kode HTML seperti itu, pastekan lagi kode dari Notepad tersebut dan seterusnya hingga semua kode "
<data:post.body/>" (tanpa tanda petik dua) dibawahnya telah terdapat kode dari Notepad anda tersebut
8. Save template anda dan lihat hasilnya.
Lebih advanced bukan? Kini visitor anda dapat mengetahui sedikit tentang anda atau ucapan sekilas anda.
Wassalamualaikum Wr. Wb.