Sebenarnya sudah banyak postingan mengenai cara membuat rating bintang , namun kebanyakan mereka masih menggunakan yang seperti contoh
https://data-vocabulary.org, seperti: itemtype="https://data-vocabulary.org/Review-aggregate"
Apa itu Rich Snippet !
Rich snippet adalah bagian struktur data yang akan di tampilkan google search engine , atau mesin pencarian google.
Di antaranya :
Judul blog...
Artikel blog...
Deskripsi blog...
Author...
Lokasi...
Rating Bintang...
Atau Ulasan dan produk.
Untuk tampilan Rich Snippet dapat di konfigurasi sedemikian rupa.
Hampir semua para pakar ahli SEO menganjurkan untuk menggunakan rich snippet dengan tampilan yang sempurna.
Dengan menggunakan atau menampilkan rating bintang di blog
Ini mampu meningkatkan CTR , mengunggah Experience pengunjung dan lain sebagainya.
Cara Memasang Rating Bintang Blogger
Ada tiga cara dalam tutorial ini.
Sobat tinggal pilih mana yang sekiranya cocok untuk blog sobat.
Untuk cara pemasanganya sobat bisa simak artikel di bawah ini..
- Buka Akun Blogger.
- Pilih Thema , Edit HTML
1. Cara Pertama.
Cari kode <head>
Lalu taruh kode ini tepat di bawahnya.
ini code nya gaes..
<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>
Klik , Simpan Template. !
Catatan :
- Angka Yang Ada Pada Kode Di Atas Sobat Bisa Setting Secara Manual. Artinya Rating Bintang Yang Akan Di Tampilkan Pada Google Pencarian Tidaklah Otomatis.
- Ganti kode xxxxx pada https://plus.google.com/xxxxx ganti dengan ID Google Plus milik sobat
- "name":"nama anda" , ganti dengan nama sobat.
2. Cara Kedua.
Untuk cara yang kedua sobat bisa menaruhnya di blog sobat dengan cara membuat artikel yang akan di publikasikan lalu sisipkan kode ini.
itemtype='https://schema.org/BlogPosting
Kodenya seperti ini :
ini code nya gaes..
<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 + " adalah 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 Penerapanya Seperti Ini.
ini code nya gaes..
<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 + " adalah 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>
3. Cara Ketiga.
Cara ini cocok buat template sobat yang sudah di bekali kode seperti ini
itemtype='https://schema.org/WebPage
Taruh kode ini tepat di bawahnya
ini code nya gaes..
<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>
Maka akan jadi seperti ini
ini code nya gaes..
<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>
Selesai . !!
Maka sekarang blog sobat sudah bisa menampilkan rating bintang di google pencarian.
Cara Cek Pemasangan Rating Bintang Blogger.
Jika blog sudah terpasang kode rating bintang , sobat bisa mengeceknya
disini :
Perlu diketahui !
Walaupun blog sobat sudah dipasang rating bintang ,,
Tidaklah secara instan blog atau artikel sobat secara langsung menampilkan rating bintangnya ,, google perlu mengindeksnya , dan ini bisa membutuhkan waktu kurang lebih sekitar satu bulan..!
Itulah cara membuat rating bintang blogger !
Post a Comment