Jumat, 13 April 2018

Bagaimana untuk mencipta penarafan bintang di blog dan membuat penarafan bintang menjadi snip yang kaya yang kemudiannya akan dipaparkan dalam hasil carian google tidak terlalu sukar. Tetapi masih perlu memberi perhatian kepada cara yang betul, kerana jika terdapat ralat, google tidak akan memaparkan rating bintang. Kita juga harus tahu bahawa google tidak menjamin bahawa rating bintang terus muncul, dalam bahasa biasa, kadangkala kadang-kadang tidak.

Okay, sebelum kita membuat penarafan bintang untuk dipaparkan di google kita perlu tahu bahawa penarafan bintang mestilah snipet kaya (baca: Mengenai Snipet Kaya). Walaupun cara untuk menjadikannya sendiri boleh menggunakan 3 format: microdata, microformats, RDFa. Berhubung dengan perbezaan tiga format yang anda boleh baca dalam artikel "Perbezaan Format Html Kaya Snipet". Namun kali ini yang saya bahas adalah dengan menggunakan format Microdata dengan jenis dari schema.org kerana mempunyai kelebihan daripada format lain iaitu data-data yang kita buat boleh dibaca oleh beberapa search engines sekaligus (Google, Yahoo, Bing, Microsoft, Yandex).

Perkara pertama yang perlu anda fahami ialah rating bintang mempunyai 2 jenis, iaitu penarafan individu dan penarafan agregat. Satu-satunya perbezaan terletak pada penggunaan penilaian. Penarafan individu hanya untuk satu item dari satu ulasan, sementara penarafan agregat untuk satu item dari berbilang ulasan. Ulasan atau ulasan diri adalah sebahagian daripada jenis microdata dan penarafan itu adalah hakisan kajian.

Dalam membuat penarafan bintang di bawah, kod html boleh dipasang secara manual dalam setiap pos atau secara automatik supaya semua jawatan adalah penarafan.

Jenis Penilaian Bintang Penilaian Individu

Contoh paparan dalam carian google:



Kode html yang digunakan apabila dipasang secara manual setiap jawatan (dalam pos terus):

<div itemscope='' itemtype='http://schema.org/Review'>
<div itemprop='itemReviewed' itemscope='' itemtype='http://schema.org/Thing'>
<span itemprop='name'>Cara Membuat Rating Bintang Di Blog</span>
</div>
<div itemprop='reviewRating' itemscope='' itemtype='http://schema.org/Rating'>
<meta content='1' itemprop='worstRating'/>
<span itemprop='ratingValue'>4</span>/
<span itemprop='bestRating'>5</span>
</div>
Oleh
<span itemprop='author'>Nurdi Anto</span>
</div>

Kod Html yang digunakan apabila dipasang secara automatik (dalam templat blogger):

<div itemscope='' itemtype='http://schema.org/Review'>
<div itemprop='itemReviewed' itemscope='' itemtype='http://schema.org/Thing'>
<span itemprop='name'><data:post.title/></span>
</div>
<div itemprop='reviewRating' itemscope='' itemtype='http://schema.org/Rating'>
<meta content='1' itemprop='worstRating'/>
<span itemprop='ratingValue'>4</span>/
<span itemprop='bestRating'>5</span>
</div>
Oleh
<span itemprop='author'><data:post.author/></span>
</div>

Jenis Penilaian Agregat Bintang

Contoh paparan dalam carian google:



Kod html yang digunakan apabila dipasang secara manual setiap jawatan (dalam pos terus):

<div itemscope='' itemtype='http://schema.org/Review'>
<div itemprop='itemReviewed' itemscope='' itemtype='http://schema.org/Thing'>
<span itemprop='name'>Cara Membuat Rating Bintang Di Blog</span>
</div>
<div itemprop='reviewRating' itemscope='' itemtype='http://schema.org/AggregateRating'>
<meta content='1' itemprop='worstRating'/>
<span itemprop='ratingValue'>4</span>/
<span itemprop='bestRating'>5</span> dari
<span itemprop="reviewCount">1001</span> ulasan
</div>
</div>

Kod Html yang digunakan apabila dipasang secara automatik (dalam templat blogger):

<div itemscope='' itemtype='http://schema.org/Review'>
<div itemprop='itemReviewed' itemscope='' itemtype='http://schema.org/Thing'>
<span itemprop='name'><data:post.title/></span>
</div>
<div itemprop='reviewRating' itemscope='' itemtype='http://schema.org/AggregateRating'>
<meta content='1' itemprop='worstRating'/>
<span itemprop='ratingValue'>4</span>/
<span itemprop='bestRating'>5</span> dari
<span itemprop="reviewCount">1001</span> ulasan
</div>
</div>

Kod di atas hanyalah kod sampel, jangan menyalinnya. Untuk kod lengkap dengan css, saya akan membincangkan di post "Membuat penarafan bintang dengan css yang menarik" dan hasilnya akan seperti di bawah.


0 komentar:

Posting Komentar

Trik Cara Sadis Merebut Pacar Orang Tanpa Ketahuan

hallo selamat malam kawan-kawan kali ini saya akan membagikan tips dan trik dalam dunia percintaan, apalagi anda seorang jomblo sangat tepa...

Postingan Populer

Arsip Blog