Cuplikan ulasan

Cuplikan ulasan adalah nukilan singkat ulasan atau rating dari situs ulasan, biasanya berupa rata-rata skor rating gabungan dari banyak pengulas. Saat menemukan markup ulasan atau rating yang valid, Google mungkin menampilkan cuplikan kaya yang disertai bintang dan info ringkasan lainnya dari ulasan atau rating. Selain sebagai teks ulasan, rating merupakan evaluasi yang dijabarkan dalam skala numerik (seperti 1 hingga 5). Cuplikan ulasan akan ditampilkan di hasil kaya atau Panel Info Google. Anda dapat memberikan rating untuk jenis konten (dan subjenisnya) berikut:

Google juga mendukung ulasan untuk jenis schema.org berikut (beserta subjenisnya):

Bagaimana cara menambahkan data terstruktur

Data terstruktur adalah format terstandarisasi untuk memberikan informasi tentang suatu halaman dan mengelompokkan konten halaman tersebut. Jika baru mengenal data terstruktur, Anda dapat mempelajari lebih lanjut cara kerja data terstruktur.

Berikut adalah ringkasan tentang cara membuat, menguji, dan merilis data terstruktur. Untuk panduan langkah demi langkah tentang cara menambahkan data terstruktur ke halaman web, lihat codelab data terstruktur.

  1. Tambahkan properti wajib. Untuk informasi tentang tempat untuk menempatkan data terstruktur di halaman, tonton Data terstruktur JSON-LD: Tempat untuk menyisipkan di halaman.
  2. Ikuti panduan.
  3. Validasi kode Anda menggunakan Alat Pengujian Hasil Kaya.
  4. Deploy beberapa halaman yang menyertakan data terstruktur dan gunakan Alat Inspeksi URL untuk menguji bagaimana Google melihat halaman tersebut. Pastikan halaman Anda dapat diakses oleh Google dan tidak diblokir oleh file robots.txt, tag noindex, atau persyaratan login. Jika halaman tidak bermasalah, Anda dapat meminta Google meng-crawl ulang URL Anda.
  5. Agar Google tetap mengetahui adanya perubahan di masa mendatang, sebaiknya Anda mengirimkan peta situs. Anda dapat mengotomatiskan proses ini dengan API Peta Situs Search Console.

Contoh

Ada beberapa cara untuk menambahkan data terstruktur Review ke halaman:

  • Tambahkan ulasan sederhana.
  • Sarangkan ulasan ke jenis schema.org lain menggunakan properti ulasan-nya.
  • Tambahkan rating gabungan. Anda dapat menghilangkan rating untuk masing-masing ulasan jika konten yang diberi markup berisi penulis dan tanggal ulasan. Untuk ulasan gabungan, Anda harus memberikan rating rata-rata untuk cuplikan kaya yang ingin ditampilkan.
  • Sarangkan rating gabungan ke jenis schema.org lain menggunakan properti aggregateRating-nya.

Ulasan sederhana

Berikut adalah contoh ulasan sederhana yang dapat Anda salin dan tempel ke halaman HTML Anda sendiri.

JSON-LD


<html>
  <head>
  <title>Legal Seafood</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "Review",
      "itemReviewed": {
        "@type": "Restaurant",
        "image": "http://www.example.com/seafood-restaurant.jpg",
        "name": "Legal Seafood",
        "servesCuisine": "Seafood",
        "priceRange": "$$$",
        "telephone": "1234567",
        "address" :{
          "@type": "PostalAddress",
          "streetAddress": "123 William St",
          "addressLocality": "New York",
          "addressRegion": "NY",
          "postalCode": "10038",
          "addressCountry": "US"
        }
      },
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "4"
      },
      "name": "A good seafood place.",
      "author": {
        "@type": "Person",
        "name": "Bob Smith"
      },
      "reviewBody": "The seafood is great.",
      "publisher": {
        "@type": "Organization",
        "name": "Washington Times"
      }
    }
    </script>
  </head>
  <body>
  </body>
</html>

RDFa


 <html>
  <head>
    <title>Legal Seafood</title>
  </head>
  <body>
    <div vocab="https://schema.org/" typeof="Review">
      <div property="itemReviewed" typeof="Restaurant">
        <img property="image" src="https://example.com/photos/1x1/seafood-restaurant.jpg" alt="Legal Seafood"/>
        <span property="name">Legal Seafood</span>
        <span property="servesCuisine">Seafood</span>
        <span property="priceRange">$$$</span>
        <span property="telephone">1234567</span>
        <span property="address">123 William St, New York</span>
      </div>
      <span property="reviewRating" typeof="Rating">
        <span property="ratingValue">4</span>
      </span> stars -
      <b>"<span property="name">A good seafood place.</span>" </b>
      <span property="author" typeof="Person">
        <span property="name">Bob Smith</span>
      </span>
      <span property="reviewBody">The seafood is great.</span>
      <div property="publisher" typeof="Organization">
        <meta property="name" content="Washington Times">
      </div>
    </div>
  </body>
</html>

Microdata


 <html>
  <head>
  <title>Legal Seafood</title>
  </head>
  <body>
    <div itemscope itemtype="https://schema.org/Review">
      <div itemprop="itemReviewed" itemscope itemtype="https://schema.org/Restaurant">
        <img itemprop="image" src="https://example.com/photos/1x1/seafood-restaurant.jpg" alt="Legal Seafood"/>
        <span itemprop="name">Legal Seafood</span>
        <span itemprop="servesCuisine">Seafood</span>
        <span itemprop="priceRange">$$$</span>
        <span itemprop="telephone">1234567</span>
        <span itemprop="address">123 William St, New York</span>
      </div>
      <span itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
        <span itemprop="ratingValue">4</span>
      </span> stars -
      <b>"<span itemprop="name">A good seafood place.</span>" </b>
      <span itemprop="author" itemscope itemtype="https://schema.org/Person">
        <span itemprop="name">Bob Smith</span>
      </span>
      <span itemprop="reviewBody">The seafood is great.</span>
      <div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
        <meta itemprop="name" content="Washington Times">
      </div>
    </div>
  </body>
</html>

Ulasan yang disarangkan

Berikut adalah contoh ulasan yang disarangkan di Product. Anda dapat menyalin dan menempelkan contoh ke halaman HTML Anda sendiri.

JSON-LD

<html>
  <head>
    <title>The Catcher in the Rye</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "Product",
      "brand": {
        "@type": "Brand",
        "name": "Penguin Books"
      },
      "description": "The Catcher in the Rye is a classic coming-of-age story: an story of teenage alienation, capturing the human need for connection and the bewildering sense of loss as we leave childhood behind.",
      "sku": "9780241984758",
      "mpn": "925872",
      "image": "http://www.example.com/catcher-in-the-rye-book-cover.jpg",
      "name": "The Catcher in the Rye",
      "review": {
        "@type": "Review",
        "reviewRating": {
          "@type": "Rating",
          "ratingValue": "5"
        },
        "author": {
          "@type": "Person",
          "name": "John Doe"
        },
        "reviewBody": "I really enjoyed this book. It captures the essential challenge people face as they try make sense of their lives and grow to adulthood."
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "88",
        "bestRating": "100",
        "ratingCount": "20"
      },
      "offers": {
        "@type": "Offer",
        "url": "https://example.com/offers/catcher-in-the-rye",
        "priceCurrency": "USD",
        "price": "5.99",
        "priceValidUntil": "2020-11-05",
        "itemCondition": "https://schema.org/UsedCondition",
        "availability": "https://schema.org/InStock",
        "seller": {
          "@type": "Organization",
          "name": "eBay"
        }
      }
    }
    </script>
  </head>
  <body>
  </body>
</html>

RDFa

 <html>
  <head>
    <title>The Catcher in the Rye</title>
  </head>
  <body>
    <div vocab="https://schema.org/" typeof="Product">
      <img property="image" src="https://example.com/photos/1x1/catcher-in-the-rye-book-cover.jpg" alt="Catcher in the Rye"/>
      <span property="name">The Catcher in the Rye</span>
      <div property="review" typeof="Review"> Review:
        <span property="reviewRating" typeof="Rating">
            <span property="ratingValue">5</span> -
        </span>
        <b>"<span property="name">A masterpiece of literature</span>" </b> by
        <span property="author" typeof="Person">
          <span property="name">John Doe</span></span>, written on
        <meta property="datePublished" content="2006-05-04">May 4, 2006
        <div property="reviewBody">I really enjoyed this book. It captures the essential challenge people face as they try make sense of their lives and grow to adulthood.</div>
        <span property="publisher" typeof="Organization">
            <meta property="name" content="Washington Times">
        </span>
      </div>
    </div>
  </body>
</html>

Microdata

 <html>
  <head>
    <title>The Catcher in the Rye</title>
  </head>
  <body>
    <div itemscope itemtype="https://schema.org/Product">
      <img itemprop="image" src="https://example.com/photos/1x1/catcher-in-the-rye-book-cover.jpg" alt="Catcher in the Rye"/>
      <span itemprop="name">The Catcher in the Rye</span>
      <div itemprop="review" itemscope itemtype="https://schema.org/Review"> Review:
        <span itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
            <span itemprop="ratingValue">5</span> -
        </span>
        <b>"<span itemprop="name">A masterpiece of literature</span>" </b> by
        <span itemprop="author" itemscope itemtype="https://schema.org/Person">
          <span itemprop="name">John Doe</span></span>, written on
        <meta itemprop="datePublished" content="2006-05-04">May 4, 2006
        <div itemprop="reviewBody">I really enjoyed this book. It captures the essential challenge people face as they try make sense of their lives and grow to adulthood.</div>
        <span itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
            <meta itemprop="name" content="Washington Times">
        </span>
      </div>
    </div>
  </body>
</html>

Rating gabungan

Berikut adalah contoh rating gabungan yang dapat Anda salin dan tempel ke halaman HTML Anda sendiri.

JSON-LD

<html>
  <head>
    <title>Legal Seafood</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "AggregateRating",
      "itemReviewed": {
        "@type": "Restaurant",
        "image": "http://www.example.com/seafood-restaurant.jpg",
        "name": "Legal Seafood",
        "servesCuisine": "Seafood",
        "telephone": "1234567",
        "address" : {
          "@type": "PostalAddress",
          "streetAddress": "123 William St",
          "addressLocality": "New York",
          "addressRegion": "NY",
          "postalCode": "10038",
          "addressCountry": "US"
        }
      },
      "ratingValue": "88",
      "bestRating": "100",
      "ratingCount": "20"
    }
    </script>
  </head>
  <body>
  </body>
</html>

RDFa

 <html>
  <head>
    <title>Legal Seafood</title>
  </head>
  <body>
    <div vocab="https://schema.org/" typeof="AggregateRating">
      <div property="itemReviewed" typeof="Restaurant">
        <img property="image" src="https://example.com/photos/1x1/seafood-restaurant.jpg" alt="Legal Seafood"/>
        <span property="name">Legal Seafood</span>
        <span property="servesCuisine">Seafood</span>
        <span property="telephone">1234567</span>
        <span property="address">123 William St, New York</span>
      </div>
      <span property="ratingValue">4.2</span> out of <span property="bestRating">5</span> stars -
      <span property="ratingCount">123</span> votes
    </div>
  </body>
</html>

Microdata

 <html>
  <head>
    <title>Legal Seafood</title>
  </head>
  <body>
    <div itemscope itemtype="https://schema.org/AggregateRating">
      <div itemprop="itemReviewed" itemscope itemtype="https://schema.org/Restaurant">
        <img itemprop="image" src="https://example.com/photos/1x1/seafood-restaurant.jpg" alt="Legal Seafood"/>
        <span itemprop="name">Legal Seafood</span>
        <span itemprop="servesCuisine">Seafood</span>
        <span itemprop="telephone">1234567</span>
        <span itemprop="address">123 William St, New York</span>
      </div>
      <span itemprop="ratingValue">4.2</span> out of <span itemprop="bestRating">5</span> stars -
      <span itemprop="ratingCount">123</span> votes
    </div>
  </body>
</html>

Rating gabungan bertingkat

Berikut adalah contoh rating gabungan yang disarangkan di Product. Anda dapat menyalin dan menempelkan contoh ini ke halaman HTML Anda sendiri.

JSON-LD

<html>
  <head>
  <title>Executive Anvil</title>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org/",
    "@type": "Product",
    "name": "Executive Anvil",
    "image": [
      "https://example.com/photos/1x1/photo.jpg",
      "https://example.com/photos/4x3/photo.jpg",
      "https://example.com/photos/16x9/photo.jpg"
     ],
    "brand": {
      "@type": "Thing",
      "name": "ACME"
    },
    "aggregateRating": {
      "@type": "AggregateRating",
      "ratingValue": "4.4",
      "ratingCount": "89"
    },
    "offers": {
      "@type": "AggregateOffer",
      "lowPrice": "119.99",
      "highPrice": "199.99",
      "priceCurrency": "USD"
    }
  }
  </script>
  </head>
  <body>
  </body>
</html>

RDFa

 <html>
  <head>
    <title>Executive Anvil</title>
  </head>
  <body>
    <div vocab="https://schema.org/" typeof="Product">
     <span property="brand">ACME</span> <span property="name">Executive Anvil</span>
     <img property="image" src="https://example.com/photos/1x1/anvil_executive.jpg" alt="Executive Anvil logo" />
     <span property="aggregateRating"
           typeof="AggregateRating">
      Average rating: <span property="ratingValue">4.4</span>, based on
      <span property="ratingCount">89</span> reviews
     </span>
     <span property="offers" typeof="AggregateOffer">
      from $<span property="lowPrice">119.99</span> to
      $<span property="highPrice">199.99</span>
      <meta property="priceCurrency" content="USD" />
     </span>
    </div>
  </body>
</html>

Microdata

 <html>
  <head>
    <title>Executive Anvil</title>
  </head>
  <body>
    <div itemscope itemtype="https://schema.org/Product">
      <span itemprop="brand">ACME</span> <span itemprop="name">Executive Anvil</span>
      <img itemprop="image" src="https://example.com/photos/1x1/anvil_executive.jpg" />
      <span itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
        Average rating: <span itemprop="ratingValue">4.4</span>, based on
        <span itemprop="ratingCount">89</span> reviews
      </span>
      <span itemprop="offers" itemscope itemtype="https://schema.org/AggregateOffer">
        from $<span itemprop="lowPrice">119.99</span> to
        $<span itemprop="highPrice">199.99</span>
        <meta itemprop="priceCurrency" content="USD" />
      </span>
    </div>
  </body>
</html>

Panduan

Konten Anda harus mengikuti panduan berikut agar memenuhi syarat untuk dimunculkan sebagai hasil kaya.

Panduan teknis

  • Pastikan untuk me-markup evaluasi gabungan atas sebuah item yang berasal dari banyak orang dengan schema.org/AggregateRating. Google dapat menampilkan rating gabungan sebagai cuplikan kaya atau, untuk jenis item tertentu, sebagai jawaban dalam hasil penelusuran.
  • Rujuk dengan jelas produk atau layanan tertentu dengan menempatkan ulasan di dalam markup jenis schema.org lain, seperti schema.org/Book atau schema.org/Recipe, atau menggunakan jenis schema.org sebagai nilai untuk properti itemReviewed.
  • Pastikan ulasan dan rating yang Anda markup dapat diakses oleh pengguna dari halaman yang di-markup. Pengguna harus dapat segera mengetahui bahwa halaman tersebut menyediakan konten ulasan.
  • Berikan informasi ulasan tentang item spesifik, bukan tentang kategori atau daftar item. Misalnya, lihat error umum yang terkait dengan item daftar.
  • Jika cuplikan ulasan ditujukan untuk sebuah bisnis lokal atau organisasi, Anda harus mengikuti pedoman tambahan berikut:
    • Halaman yang menggunakan LocalBusiness atau jenis data terstruktur Organization lainnya tidak memenuhi syarat untuk fitur ulasan bintang jika entitas yang diulas mengontrol ulasan tentang entitas itu sendiri. Misalnya, ulasan tentang entitas A ditempatkan di situs entitas A, baik secara langsung dalam data terstruktur atau melalui widget pihak ketiga yang disematkan.
    • Rating harus berasal langsung dari pengguna.
    • Jangan mengandalkan editor manusia untuk membuat, memilih, atau mengumpulkan informasi rating untuk bisnis lokal. Sebagai gantinya, gunakan data terstruktur ulasan kritikus.
    • Situs harus mengumpulkan informasi rating langsung dari pengguna, bukan dari situs lain.

Definisi jenis data terstruktur

Anda harus menyertakan properti yang diperlukan agar data terstruktur Anda ditampilkan dalam hasil penelusuran. Anda juga dapat menyertakan properti yang direkomendasikan untuk menambahkan informasi lainnya ke data terstruktur yang dapat memberikan pengalaman pengguna yang lebih baik.

Review

Definisi lengkap Review tersedia di schema.org/Review.

Properti wajib
author

Person atau Organization

Penulis ulasan. Nama pengulas harus berupa nama yang valid. Misalnya, "Diskon 50% hingga hari Sabtu" bukanlah nama yang valid untuk pengulas.

itemReviewed

Thing

Item yang sedang diulas. Namun, jika ulasan disarangkan ke jenis schema.org lain menggunakan properti review, Anda dapat menghilangkan properti itemReviewed. Jenis yang valid untuk item yang diulas adalah:

itemReviewed.name

Text

Nama item yang sedang diulas. Jika ulasan disarangkan ke jenis schema.org lain menggunakan properti review, Anda masih perlu menyediakan name dari hal yang sedang diulas. Contoh:

{
  "@context": "https://schema.org/",
  "@type": "Game",
  "name": "Firefly",
  "review": {
    "@type": "Review",
    "reviewRating": {
      "@type": "Rating",
      "ratingValue": "5"
    },
    "author": {
      "@type": "Person",
      "name": "John Doe"
    },
    "reviewBody": "I really enjoyed this game. You
    get to capture fireflies and put them in jars."
  }
}
reviewRating

Rating

Rating yang diberikan dalam ulasan ini. Rating dapat berupa Rating bertingkat atau subjenis spesifik lainnya. Subjenis yang paling umum adalah AggregateRating.

reviewRating.ratingValue

Number atau Text

Rating kualitas numerik untuk item, baik berupa angka, bilangan pecahan, atau persentase. (misalnya, "4", "60%", atau "6/10"). Jika skala tidak disebutkan dengan jelas (misalnya "4") skala akan diasumsikan sebagai 1 hingga 5. Jika menggunakan skala lain, gunakan bestRating dan worstRating.

Properti yang direkomendasikan
datePublished

Date

Tanggal ulasan dipublikasikan, dalam format tanggal ISO 8601.

reviewRating.bestRating

Number

Nilai tertinggi yang diterima dalam sistem rating ini. Properti bestRating hanya diwajibkan jika sistem rating tidak berada pada skala 5 poin. Jika bestRating dihilangkan, 5 diasumsikan sebagai rating tertinggi.

reviewRating.worstRating

Number

Nilai terendah yang diterima dalam sistem rating ini. Properti worstRating hanya diwajibkan jika sistem rating tidak menggunakan skala 5 poin. Jika worstRating dihilangkan, 1 diasumsikan sebagai rating terendah.

AggregateRating

Definisi lengkap AggregateRating tersedia di schema.org/AggregateRating.

Properti wajib
itemReviewed

Thing

Item yang sedang diberi rating. Namun, jika rating gabungan disarangkan ke jenis schema.org lain menggunakan properti aggregateRating, Anda dapat menghilangkan properti itemReviewed. Jenis yang valid untuk item yang diulas adalah:

itemReviewed.name

Text

Nama item yang sedang diulas. Jika ulasan disarangkan ke jenis schema.org lain menggunakan properti review, Anda masih perlu menyediakan name dari hal yang sedang diulas. Contoh:

{
  "@context": "https://schema.org/",
  "@type": "Game",
  "name": "Firefly",
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "88",
    "bestRating": "100",
    "ratingCount": "20"
  }
}
ratingCount

Number

Jumlah total rating untuk item di situs Anda. Setidaknya salah satu dari ratingCount atau reviewCount harus ada.

reviewCount

Number

Menentukan jumlah orang yang memberikan ulasan dengan atau tanpa rating yang menyertainya. Setidaknya salah satu dari ratingCount atau reviewCount harus ada.

ratingValue

Number atau Text

Rating kualitas numerik untuk item, baik berupa angka, bilangan pecahan, atau persentase. (misalnya, "4", "60%", atau "6/10"). Jika skala tidak disebutkan dengan jelas (misalnya "4") skala akan diasumsikan sebagai 1 hingga 5. Jika menggunakan skala lain, gunakan bestRating dan worstRating.

Properti yang direkomendasikan
bestRating

Number

Nilai tertinggi yang diterima dalam sistem rating ini. Properti bestRating hanya diwajibkan jika sistem rating tidak menggunakan skala 5 poin. Jika bestRating dihilangkan, 5 diasumsikan sebagai rating tertinggi.

worstRating

Number

Nilai terendah yang diterima dalam sistem rating ini. Properti worstRating hanya diwajibkan jika sistem rating tidak menggunakan skala 5 poin. Jika worstRating dihilangkan, 1 diasumsikan sebagai rating terendah.

Memantau hasil kaya dengan Search Console

Search Console adalah alat yang dapat membantu Anda memantau performa halaman Anda di Google Penelusuran. Anda tidak perlu mendaftar ke Search Console agar halaman Anda dapat disertakan dalam hasil Google Penelusuran. Tetapi dengan mendaftar, Anda dapat memahami dan meningkatkan cara Google melihat situs Anda dengan mudah. Sebaiknya Anda memeriksa Search Console dalam kasus berikut:

  1. Setelah men-deploy data terstruktur untuk pertama kalinya
  2. Setelah merilis template baru atau memperbarui kode Anda
  3. Menganalisis traffic secara berkala

Setelah men-deploy data terstruktur untuk pertama kalinya

Setelah Google mengindeks halaman Anda, temukan masalah menggunakan laporan status Hasil kaya yang relevan. Idealnya, Anda akan melihat peningkatan jumlah halaman yang valid, sedangkan jumlah error dan peringatan tidak berubah. Jika Anda menemukan masalah pada data terstruktur Anda:

  1. Perbaiki error.
  2. Periksa URL aktif untuk memeriksa apakah masalah terus berlanjut.
  3. Minta validasi menggunakan laporan status.

Setelah merilis template baru atau memperbarui kode Anda

Jika Anda membuat perubahan yang signifikan pada situs, pantau peningkatan error dan peringatan data terstruktur.
  • Jika terjadi peningkatan error, mungkin Anda meluncurkan template baru yang tidak berfungsi, atau situs Anda berinteraksi dengan template yang ada dengan cara baru yang salah.
  • Jika terjadi penurunan item yang valid (tidak cocok dengan peningkatan error), mungkin Anda tidak lagi menyematkan data terstruktur di halaman Anda. Gunakan Alat Inspeksi URL untuk mempelajari penyebab masalah tersebut.

Menganalisis traffic secara berkala

Analisis traffic Google Penelusuran Anda menggunakan Laporan Performa. Data akan menunjukkan seberapa sering halaman Anda muncul sebagai hasil kaya di Penelusuran, seberapa sering pengguna mengkliknya, dan posisi rata-rata halaman Anda saat muncul di hasil penelusuran. Anda juga dapat otomatis menarik hasil ini dengan Search Console API.

Pemecahan masalah

Jika Anda mengalami masalah saat menerapkan data terstruktur, berikut beberapa referensi yang dapat membantu Anda.