Cara Menciptakan Rating Bintang Rich Snippet Dengan Schema.Org

Tutorial kali ini ihwal cara terbaru memasang rich snippet yang memunculkan rating bintang (review) di mesin pencarian Google memakai struktur Schema.org.

Tutorial menyerupai ini memang telah dibahas bertahun-tahun lalu, tetapi tutorial-tutorial tersebut lebih banyak memakai item type dari https://data-vocabulary.org, seperti: itemtype="https://data-vocabulary.org/Review-aggregate".

Apa itu Rich Snippet? Rich Snippet yaitu bab struktur data yang ingin ditampilkan pada search engine. Diantaranya ialah judul artikel/blog, URL blog/artikel, deskripsi, author, lokasi, rating bintang atau ulasan, produk dan lain-lain.

Tampilan Rich Snippet sanggup dikonfigurasi sedemikian rupa. Beberapa pakar SEO menganjurkan untuk menyajikan Rich Snipet dengan data yang komplit. Dilengkapi ulasan rating bintang misalnya, sehingga bisa meningkatkan CTR, menggungah experience pengunjung dan lain sebagainya.

Contoh meningkatkan secara optimal Rich Snippet:

Kotak merah: rating bintang atau ulasan.
Kotak biru: penawaran lainnya.
Kotak ungu: icon, semoga description tambah ganteng.

Namun demikian, tetap saja hal tersebut bukanlah jaminan buat blog Anda berjaya di mesin pencarian, masih ada hal lain yang harus dioptimasi juga.

Simak: Inilah Blog yang Disukai Mesin Pencari Google

Ada ulasan menarik ihwal meningkatkan secara optimal keyboard di halaman postingan blog, khususnya bagi Anda yang sedang membangun blog gres (fresh domain). Silahkan simak artikel Mengenal Optimasi Keyword di Halaman Postingan Website dan Blog.

Tutorial memasang Rich Snippet rating bintang memakai struktur Schema.org

Penerapan tutorial ini untuk platform Blogger. Ada tiga cara yang bisa Anda pilih, silahkan tentukan mana yang nyaman buat blog Anda. Jangan di pasang ketiga-tiganya dalam satu blog.

Mari kita mulai.

Silahkan masuk dashboard blog > Theme > Edit HTML.

Cara 1:
Cari aba-aba <head> atau <head> kemudian simpan aba-aba berikut sempurna di bawah aba-aba tadi:

<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebPage",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "95",
"bestRating": "100",
"worstRating": "0",
"ratingCount": "46"
},
"review": {
"@type": "Review",
"url": "<data:blog.url/>",
"author": {
"@type": "Person",
"name": "Nama Anda",
"sameAs": "https://plus.google.com/XXXXX"
},
"publisher": {
"@type": "Organization",
"name": "<data:blog.title/>",
"sameAs": "<data:blog.homepageUrl/>"
},
"description": "<data:blog.pageName/>",
"inLanguage": "id",
"reviewRating": {
"@type": "Rating",
"worstRating": 0,
"bestRating": 5,
"ratingValue": 4.5
}
}
}
</script>

Perhatian:

Adapun angka-angka pada aba-aba di atas, di setting manual. Artinya rating yang ditampilkan pada search engine tidak otomatis.
Ganti aba-aba XXXXX pada https://plus.google.com/XXXXX dengan ID Google Plus Anda.
Ganti dengan nama Anda di aba-aba ini "name": "Nama Anda".

Cara 2:
Adapun rich snippet ini sanggup disimpan pada item type BlogPosting, itemtype='https://schema.org/BlogPosting'. Kodenya menyerupai ini:

<div class='review-wrapper' itemprop='aggregateRating' itemscope='' itemtype='https://schema.org/AggregateRating'>
<meta expr:content='data:blog.pageName' itemprop='name'/>
<meta expr:content='data:blog.url' itemprop='url'/>
<meta content='4.6' itemprop='ratingValue'/>
<meta content='1299' itemprop='ratingCount'/>
<meta content='0' itemprop='worstRating'/>
<meta content='5' itemprop='bestRating'/>
</div>
<div class='review-wrapper' itemprop='review' itemscope='' itemtype='https://schema.org/Review'>
<meta expr:content='data:blog.pageName + " yaitu artikel yang bermanfaat dan menarik "' itemprop='description'/>
<meta expr:content='data:blog.url' itemprop='url'/>
<meta expr:content='data:post.timestampISO8601' itemprop='datePublished'/>
<meta content='id' itemprop='inLanguage'/>
<span style='display:none' itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'>
<b:if cond='data:post.authorProfileUrl'>
<span>
<a expr:href='data:post.authorProfileUrl' itemprop='url' rel='author'>
<span itemprop='name'><data:post.author/></span>
</a>
</span> </b:if></span>
</div>

Contoh penerapannya menyerupai berikut:

<article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'>
……………………….
……………………….
……………………….
……………………….
<div class='review-wrapper' itemprop='aggregateRating' itemscope='' itemtype='https://schema.org/AggregateRating'>
<meta expr:content='data:blog.pageName' itemprop='name'/>
<meta expr:content='data:blog.url' itemprop='url'/>
<meta content='4.6' itemprop='ratingValue'/>
<meta content='1299' itemprop='ratingCount'/>
<meta content='0' itemprop='worstRating'/>
<meta content='5' itemprop='bestRating'/>
</div>
<div class='review-wrapper' itemprop='review' itemscope='' itemtype='https://schema.org/Review'>
<meta expr:content='data:blog.pageName + " yaitu artikel yang bermanfaat dan menarik "' itemprop='description'/>
<meta expr:content='data:blog.url' itemprop='url'/>
<meta expr:content='data:post.timestampISO8601' itemprop='datePublished'/>
<meta content='id' itemprop='inLanguage'/>
<span style='display:none' itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'>
<b:if cond='data:post.authorProfileUrl'>
<span>
<a expr:href='data:post.authorProfileUrl' itemprop='url' rel='author'>
<span itemprop='name'><data:post.author/></span>
</a>
</span> </b:if></span>
</div>
</article>

Cara 3:
Jika pada HTML template Anda sudah terpasang item type menyerupai ini: itemtype='https://schema.org/WebPage' maka simpan aba-aba berikut, sempurna di bawah (diantara) elemen aba-aba tadi.

<div class='review-wrapper' itemprop='aggregateRating' itemscope='' itemtype='https://schema.org/AggregateRating'>
<meta expr:content='data:blog.pageName' itemprop='name'/>
<meta expr:content='data:blog.url' itemprop='url'/>
<meta content='4.6' itemprop='ratingValue'/>
<meta content='1299' itemprop='ratingCount'/>
<meta content='0' itemprop='worstRating'/>
<meta content='5' itemprop='bestRating'/>
</div></b:if>
</div>

Contoh penerapannya menyerupai ini:

<body itemscope='itemscope' itemtype='https://schema.org/WebPage'>
<div class='review-wrapper' itemprop='aggregateRating' itemscope='' itemtype='https://schema.org/AggregateRating'>
<meta expr:content='data:blog.pageName' itemprop='name'/>
<meta expr:content='data:blog.url' itemprop='url'/>
<meta content='4.6' itemprop='ratingValue'/>
<meta content='1299' itemprop='ratingCount'/>
<meta content='0' itemprop='worstRating'/>
<meta content='5' itemprop='bestRating'/>
</div>
</div>
……………………….
……………………….
……………………….
……………………….
……………………….
</body>

Maka struktur rich snippets rating bintang tersebut akan menjadi bab dari WebPage.

Setelah di pasang, rating bintang tidak serta merta pribadi muncul di mesin pencarian. Perlu waktu berhari-hari, berminggu-minggu, sampai berbulan-bulan untuk melihat hasilnya. Menunggu untuk di index kembali oleh bot search engine.

Catatan:
Tutorial ini sebenarnya ada versi beta (testing), hasil customasi menurut panduan Developer Google Search. Belum niscaya ini akan berhasil diterapkan. Mengingat tidak semua halaman bisa menampilkan rating bintang. Tapi tak ada salahnya dicoba.

Demikian cara menciptakan rating bintang Rich Snippets di mesin pencarian Google dengan Schema.org, semoga membantu.

Selamat mencoba!