Product

Tambahkan markup ke halaman produk Anda agar Google dapat memberikan informasi produk terperinci sebagai hasil kaya di Google Penelusuran — termasuk Google Gambar. Pengguna dapat melihat harga, ketersediaan, dan rating ulasan langsung di hasil penelusuran.

Dengan menggunakan markup agar memenuhi syarat untuk hasil kaya produk, Anda dapat menarik perhatian calon pembeli saat mereka menelusuri item yang akan dibeli di Google Penelusuran atau gambar yang menyertakan produk yang Anda jual. Pertahankan keakuratan dan keaktualan informasi produk Anda agar pelanggan dapat menemukan item yang tepat dan terkini sesuai dengan yang mereka inginkan.

Halaman ini menjelaskan cara me-markup informasi produk sehingga Google Penelusuran dapat menampilkan hasil kaya di Google Penelusuran. Markup Product juga membuat produk Anda memenuhi syarat untuk ditampilkan dengan badge di Google Gambar, yang dapat mendorong lebih banyak pengguna untuk mengklik konten Anda.

Hasil kaya produk di Google Penelusuran dan hasil produk Google Gambar

Ada dua jenis halaman yang biasanya memerlukan penggunaan markup ini:

  • Halaman produk yang mendeskripsikan satu produk
  • Halaman agregator belanja yang mencantumkan satu produk, beserta informasi tentang berbagai penjual yang menawarkan produk tersebut

Berdasarkan cara Anda me-markup konten, produk Anda mungkin juga memenuhi syarat untuk peningkatan penelusuran berikut:

Peningkatan penelusuran produk

Detail pengiriman: Membantu orang melihat biaya pengiriman dan perkiraan jangka waktu pengiriman berdasarkan lokasi mereka dan kebijakan pengiriman perusahaan Anda. Detail pengiriman dapat muncul di tab Ringkasan dan Toko untuk hasil produk tertentu. Peningkatan ini hanya tersedia di AS, dalam bahasa Inggris, dan di perangkat seluler.

Agar memenuhi syarat untuk peningkatan ini, tambahkan data terstruktur OfferShippingDetails. Untuk contoh lainnya tentang cara menunjukkan pengiriman gratis, beberapa layanan, dan wilayah yang tidak menjadi tujuan pengiriman, lihat Praktik terbaik detail pengiriman.

Detail pengiriman di hasil Penelusuran

Diskon: Membantu orang-orang memahami harga terendah untuk produk Anda. Berdasarkan rata-rata harga produk Anda selama ini, Google menghitung diskon secara otomatis. Tampilan harga diskon tersedia dalam bahasa Inggris di AS, di desktop dan perangkat seluler.

Agar memenuhi syarat untuk tampilan harga diskon, tambahkan Offer ke data terstruktur Product Anda. Nilai price harus merupakan harga spesifik, bukan rentang (misalnya, $50,99 hingga $99,99 tidak dapat digunakan).

 Diskon di hasil penelusuran

Cara menambahkan data terstruktur

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

Berikut 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. Berdasarkan format yang Anda gunakan, pelajari tempat menyisipkan data terstruktur 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 cara 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 setiap perubahan di masa mendatang, sebaiknya Anda mengirimkan peta situs. Anda dapat mengotomatiskan proses ini dengan API Peta Situs Search Console.

Cobalah

Halaman produk tunggal

Berikut adalah contoh halaman produk tunggal.

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"
       ],
      "description": "Sleeker than ACME's Classic Anvil, the Executive Anvil is perfect for the business traveler looking for something to drop from a height.",
      "sku": "0446310786",
      "mpn": "925872",
      "brand": {
        "@type": "Brand",
        "name": "ACME"
      },
      "review": {
        "@type": "Review",
        "reviewRating": {
          "@type": "Rating",
          "ratingValue": "4",
          "bestRating": "5"
        },
        "author": {
          "@type": "Person",
          "name": "Fred Benson"
        }
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.4",
        "reviewCount": "89"
      },
      "offers": {
        "@type": "Offer",
        "url": "https://example.com/anvil",
        "priceCurrency": "USD",
        "price": "119.99",
        "priceValidUntil": "2020-11-20",
        "itemCondition": "https://schema.org/UsedCondition",
        "availability": "https://schema.org/InStock"
      }
    }
    </script>
  </head>
  <body>
  </body>
</html>

RDFa 


 <html>
  <head>
    <title>Executive Anvil</title>
  </head>
  <body>
    <div typeof="schema:Product">
        <div rel="schema:review">
          <div typeof="schema:Review">
            <div rel="schema:reviewRating">
              <div typeof="schema:Rating">
                <div property="schema:ratingValue" content="4"></div>
                <div property="schema:bestRating" content="5"></div>
              </div>
            </div>
            <div rel="schema:author">
              <div typeof="schema:Person">
                <div property="schema:name" content="Fred Benson"></div>
              </div>
            </div>
          </div>
        </div>
        <div rel="schema:image" resource="https://example.com/photos/4x3/photo.jpg"></div>
        <div property="schema:mpn" content="925872"></div>
        <div property="schema:name" content="Executive Anvil"></div>
        <div property="schema:description" content="Sleeker than ACME's Classic Anvil, the Executive Anvil is perfect for the business traveler looking for something to drop from a height."></div>
        <div rel="schema:image" resource="https://example.com/photos/1x1/photo.jpg"></div>
        <div rel="schema:brand">
          <div typeof="schema:Brand">
            <div property="schema:name" content="ACME"></div>
          </div>
        </div>
        <div rel="schema:aggregateRating">
          <div typeof="schema:AggregateRating">
            <div property="schema:reviewCount" content="89"></div>
            <div property="schema:ratingValue" content="4.4"></div>
          </div>
        </div>
        <div rel="schema:offers">
          <div typeof="schema:Offer">
            <div property="schema:price" content="119.99"></div>
            <div property="schema:availability" content="https://schema.org/InStock"></div>
            <div property="schema:priceCurrency" content="USD"></div>
            <div property="schema:priceValidUntil" datatype="xsd:date" content="2020-11-20"></div>
            <div rel="schema:url" resource="https://example.com/anvil"></div>
            <div property="schema:itemCondition" content="https://schema.org/UsedCondition"></div>
          </div>
        </div>
        <div rel="schema:image" resource="https://example.com/photos/16x9/photo.jpg"></div>
        <div property="schema:sku" content="0446310786"></div>
      </div>
  </body>
</html>

Microdata 


 <html>
  <head>
    <title>Executive Anvil</title>
  </head>
  <body>
  <div>
    <div itemtype="https://schema.org/Product" itemscope>
      <meta itemprop="mpn" content="925872" />
      <meta itemprop="name" content="Executive Anvil" />
      <link itemprop="image" href="https://example.com/photos/16x9/photo.jpg" />
      <link itemprop="image" href="https://example.com/photos/4x3/photo.jpg" />
      <link itemprop="image" href="https://example.com/photos/1x1/photo.jpg" />
      <meta itemprop="description" content="Sleeker than ACME's Classic Anvil, the Executive Anvil is perfect for the business traveler looking for something to drop from a height." />
      <div itemprop="offers" itemtype="https://schema.org/Offer" itemscope>
        <link itemprop="url" href="https://example.com/anvil" />
        <meta itemprop="availability" content="https://schema.org/InStock" />
        <meta itemprop="priceCurrency" content="USD" />
        <meta itemprop="itemCondition" content="https://schema.org/UsedCondition" />
        <meta itemprop="price" content="119.99" />
        <meta itemprop="priceValidUntil" content="2020-11-20" />
      </div>
      <div itemprop="aggregateRating" itemtype="https://schema.org/AggregateRating" itemscope>
        <meta itemprop="reviewCount" content="89" />
        <meta itemprop="ratingValue" content="4.4" />
      </div>
      <div itemprop="review" itemtype="https://schema.org/Review" itemscope>
        <div itemprop="author" itemtype="https://schema.org/Person" itemscope>
          <meta itemprop="name" content="Fred Benson" />
        </div>
        <div itemprop="reviewRating" itemtype="https://schema.org/Rating" itemscope>
          <meta itemprop="ratingValue" content="4" />
          <meta itemprop="bestRating" content="5" />
        </div>
      </div>
      <meta itemprop="sku" content="0446310786" />
      <div itemprop="brand" itemtype="https://schema.org/Brand" itemscope>
        <meta itemprop="name" content="ACME" />
      </div>
    </div>
  </div>
  </body>
</html>

Produk tunggal dengan detail pengiriman

Berikut adalah contoh halaman produk tunggal dengan detail pengiriman. Contoh ini akan menghasilkan tarif pengiriman $3.49 untuk semua pengguna yang berada dalam kode pos antara 98100 dan 98199. Untuk contoh lainnya, baca Praktik terbaik detail pengiriman.

JSON-LD 


 <html>
  <head>
    <title>Nice trinket</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "Product",
      "sku": "trinket-12345",
      "gtin14": "12345678901234",
      "image": [
        "https://example.com/photos/16x9/trinket.jpg",
        "https://example.com/photos/4x3/trinket.jpg",
        "https://example.com/photos/1x1/trinket.jpg"
      ],
      "name": "Nice trinket",
      "description": "Trinket with clean lines",
      "brand": {
        "@type": "Brand",
        "name": "MyBrand"
      },
      "offers": {
        "@type": "Offer",
        "url": "http://www.example.com/trinket_offer",
        "itemCondition": "https://schema.org/NewCondition",
        "availability": "https://schema.org/InStock",
        "price": "39.99",
        "priceCurrency": "USD",
        "priceValidUntil": "2020-11-20",
        "shippingDetails": {
          "@type": "OfferShippingDetails",
          "shippingRate": {
            "@type": "MonetaryAmount",
            "value": "3.49",
            "currency": "USD"
          },
          "shippingDestination": {
            "@type": "DefinedRegion",
            "addressCountry": "US",
            "postalCodeRange": {
              "postalCodeBegin": "98100",
              "postalCodeEnd": "98199"
            }
          },
          "deliveryTime": {
            "@type": "ShippingDeliveryTime",
            "handlingTime": {
              "@type": "QuantitativeValue",
              "minValue": "0",
              "maxValue": "1"
            },
            "transitTime": {
              "@type": "QuantitativeValue",
              "minValue": "1",
              "maxValue": "5"
            },
            "cutOffTime": "19:30-08:00",
            "businessDays": {
              "@type": "OpeningHoursSpecification",
              "dayOfWeek": [ "https://schema.org/Monday", "https://schema.org/Tuesday", "https://schema.org/Wednesday", "https://schema.org/Thursday" ]
            }
          }
        }
      },
      "review": {
        "@type": "Review",
          "reviewRating": {
            "@type": "Rating",
            "ratingValue": "4",
            "bestRating": "5"
          },
          "author": {
            "@type": "Person",
            "name": "Fred Benson"
          }
        },
        "aggregateRating": {
          "@type": "AggregateRating",
          "ratingValue": "4.4",
          "reviewCount": "89"
        }
      }
    </script>
  </head>
  <body>
  </body>
</html>

RDFa 


 <html>
  <head>
    <title>Nice trinket</title>
  </head>
  <body>
    <div typeof="schema:Product">
      <div property="schema:sku" content="trinket-12345"></div>
      <div property="schema:gtin14" content="12345678901234"></div>
      <div property="schema:name" content="Nice trinket"></div>
      <div rel="schema:image" resource="https://example.com/photos/16x9/trinket.jpg"></div>
      <div rel="schema:image" resource="https://example.com/photos/4x3/trinket.jpg"></div>
      <div rel="schema:image" resource="https://example.com/photos/1x1/trinket.jpg"></div>
      <div property="schema:description" content="Trinket with clean lines"></div>
      <div rel="schema:brand">
        <div typeof="schema:Brand">
          <div property="schema:name" content="MyBrand"></div>
        </div>
      </div>
      <div rel="schema:offers">
        <div typeof="schema:Offer">
          <div rel="schema:url" resource="https://example.com/trinket_offer"></div>
          <div property="schema:itemCondition" content="https://schema.org/NewCondition"></div>
          <div property="schema:availability" content="https://schema.org/InStock"></div>
          <div property="schema:price" content="39.99"></div>
          <div property="schema:priceCurrency" content="USD"></div>
          <div property="schema:priceValidUntil" datatype="xsd:date" content="2020-11-20"></div>
          <div rel="schema:shippingDetails">
            <div typeof="schema:OfferShippingDetails">
              <div rel="schema:shippingRate">
                <div typeof="schema:MonetaryAmount">
                  <div property="schema:value" content="3.49"></div>
                  <div property="schema:currency" content="USD"></div>
                </div>
              </div>
              <div rel="schema:shippingDestination">
                <div typeof="schema:DefinedRegion">
                  <div property="schema:addressCountry" content="US"></div>
                  <div rel="schema:postalCodeRange">
                    <div typeof="schema:PostalCodeRangeSpecification">
                      <div property="schema:postalCodeBegin" content="98100"></div>
                      <div property="schema:postalCodeEnd" content="98199"></div>
                    </div>
                  </div>
                </div>
              </div>
              <div rel="schema:deliveryTime">
                <div typeof="schema:ShippingDeliveryTime">
                  <div rel="schema:handlingTime">
                    <div typeof="schema:QuantitativeValue">
                      <div property="schema:minValue" content="0"></div>
                      <div property="schema:maxValue" content="1"></div>
                    </div>
                  </div>
                  <div rel="schema:transitTime">
                    <div typeof="schema:QuantitativeValue">
                      <div property="schema:minValue" content="1"></div>
                      <div property="schema:maxValue" content="5"></div>
                    </div>
                  </div>
                  <div property="schema:cutOffTime" content="19:30-08:00"></div>
                  <div rel="schema:businessDays">
                    <div typeof="schema:OpeningHoursSpecification">
                      <div property="schema:dayOfWeek" content="https://schema.org/Monday"></div>
                      <div property="schema:dayOfWeek" content="https://schema.org/Tuesday"></div>
                      <div property="schema:dayOfWeek" content="https://schema.org/Wednesday"></div>
                      <div property="schema:dayOfWeek" content="https://schema.org/Thursday"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div rel="schema:review">
        <div typeof="schema:Review">
          <div rel="schema:reviewRating">
            <div typeof="schema:Rating">
              <div property="schema:ratingValue" content="4"></div>
              <div property="schema:bestRating" content="5"></div>
            </div>
          </div>
          <div rel="schema:author">
            <div typeof="schema:Person">
              <div property="schema:name" content="Fred Benson"></div>
            </div>
          </div>
        </div>
      </div>
      <div rel="schema:aggregateRating">
        <div typeof="schema:AggregateRating">
          <div property="schema:reviewCount" content="89"></div>
          <div property="schema:ratingValue" content="4.4"></div>
        </div>
      </div>
    </div>
  </body>
</html>

Microdata 


 <html>
  <head>
    <title>Nice trinket</title>
  </head>
  <body>
  <div>
    <div itemtype="https://schema.org/Product" itemscope>
      <meta itemprop="sku" content="trinket-12345" />
      <meta itemprop="gtin14" content="12345678901234" />
      <meta itemprop="name" content="Nice trinket" />
      <link itemprop="image" href="https://example.com/photos/16x9/trinket.jpg" />
      <link itemprop="image" href="https://example.com/photos/4x3/trinket.jpg" />
      <link itemprop="image" href="https://example.com/photos/1x1/trinket.jpg" />
      <meta itemprop="description" content="Trinket with clean lines" />
      <div itemprop="brand" itemtype="https://schema.org/Brand" itemscope>
        <meta itemprop="name" content="MyBrand" />
      </div>
      <div itemprop="offers" itemtype="https://schema.org/Offer" itemscope>
        <link itemprop="url" href="http://www.example.com/trinket_offer" />
        <meta itemprop="itemCondition" content="https://schema.org/NewCondition" />
        <meta itemprop="availability" content="https://schema.org/InStock" />
        <meta itemprop="price" content="39.99" />
        <meta itemprop="priceCurrency" content="USD" />
        <meta itemprop="priceValidUntil" content="2020-11-20" />
        <div itemprop="shippingDetails" itemtype="https://schema.org/OfferShippingDetails" itemscope>
          <div itemprop="shippingRate" itemtype="https://schema.org/MonetaryAmount" itemscope>
            <meta itemprop="value" content="3.49" />
            <meta itemprop="currency" content="USD" />
          </div>
          <div itemprop="shippingDestination" itemtype="https://schema.org/DefinedRegion" itemscope>
            <meta itemprop="addressCountry" content="US" />
            <div itemprop="postalCodeRange" itemtype="https://schema.org/PostalCodeRangeSpecification" itemscope>
              <meta itemprop="postalCodeBegin" content="98100" />
              <meta itemprop="postalCodeEnd" content="98199" />
            </div>
          </div>
          <div itemprop="deliveryTime" itemtype="https://schema.org/ShippingDeliveryTime" itemscope>
            <div itemprop="handlingTime" itemtype="https://schema.org/QuantitativeValue" itemscope>
              <meta itemprop="minValue" content="0" />
              <meta itemprop="maxValue" content="1" />
            </div>
            <div itemprop="transitTime" itemtype="https://schema.org/QuantitativeValue" itemscope>
              <meta itemprop="minValue" content="1" />
              <meta itemprop="maxValue" content="5" />
            </div>
            <meta itemprop="cutOffTime" content="19:30-08:00" />
            <div itemprop="businessDays" itemtype="https://schema.org/OpeningHoursSpecification" itemscope>
              <meta itemprop="dayOfWeek" content="https://schema.org/Monday" />
              <meta itemprop="dayOfWeek" content="https://schema.org/Tuesday" />
              <meta itemprop="dayOfWeek" content="https://schema.org/Wednesday" />
              <meta itemprop="dayOfWeek" content="https://schema.org/Thursday" />
            </div>
          </div>
        </div>
      </div>
      <div itemprop="review" itemtype="https://schema.org/Review" itemscope>
        <div itemprop="author" itemtype="https://schema.org/Person" itemscope>
          <meta itemprop="name" content="Fred Benson" />
        </div>
        <div itemprop="reviewRating" itemtype="https://schema.org/Rating" itemscope>
          <meta itemprop="ratingValue" content="4" />
          <meta itemprop="bestRating" content="5" />
        </div>
      </div>
      <div itemprop="aggregateRating" itemtype="https://schema.org/AggregateRating" itemscope>
        <meta itemprop="reviewCount" content="89" />
        <meta itemprop="ratingValue" content="4.4" />
      </div>
    </div>
  </div>
  </body>
</html>

Halaman agregator belanja

Berikut adalah contoh halaman agregator belanja.

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"
         ],
        "description": "Sleeker than ACME's Classic Anvil, the Executive Anvil is perfect for the business traveler looking for something to drop from a height.",
        "sku": "0446310786",
        "mpn": "925872",
        "brand": {
          "@type": "Brand",
          "name": "ACME"
        },
        "review": {
          "@type": "Review",
          "reviewRating": {
            "@type": "Rating",
            "ratingValue": "4",
            "bestRating": "5"
          },
          "author": {
            "@type": "Person",
            "name": "Fred Benson"
          }
        },
        "aggregateRating": {
          "@type": "AggregateRating",
          "ratingValue": "4.4",
          "reviewCount": "89"
        },
        "offers": {
          "@type": "AggregateOffer",
          "offerCount": "5",
          "lowPrice": "119.99",
          "highPrice": "199.99",
          "priceCurrency": "USD"
        }
      }
    </script>
  </head>
  <body>
  </body>
</html>

RDFa


 <html>
  <head>
    <title>Executive Anvil</title>
  </head>
  <body>
    <div typeof="schema:Product">
      <div rel="schema:review">
        <div typeof="schema:Review">
          <div rel="schema:reviewRating">
            <div typeof="schema:Rating">
              <div property="schema:ratingValue" content="4"></div>
              <div property="schema:bestRating" content="5"></div>
            </div>
          </div>
          <div rel="schema:author">
            <div typeof="schema:Person">
              <div property="schema:name" content="Fred Benson"></div>
            </div>
          </div>
        </div>
      </div>
      <div rel="schema:aggregateRating">
        <div typeof="schema:AggregateRating">
          <div property="schema:reviewCount" content="89"></div>
          <div property="schema:ratingValue" content="4.4"></div>
        </div>
      </div>
      <div rel="schema:image" resource="https://example.com/photos/4x3/photo.jpg"></div>
      <div property="schema:mpn" content="925872"></div>
      <div property="schema:name" content="Executive Anvil"></div>
      <div property="schema:description" content="Sleeker than ACME's Classic Anvil, the Executive Anvil is perfect for the business traveler looking for something to drop from a height."></div>
      <div rel="schema:image" resource="https://example.com/photos/1x1/photo.jpg">
      </div>
      <div rel="schema:brand">
        <div typeof="schema:Brand">
          <div property="schema:name" content="ACME"></div>
        </div>
      </div>
      <div rel="schema:offers">
        <div typeof="schema:AggregateOffer">
          <div property="schema:offerCount" content="5"></div>
          <div property="schema:lowPrice" content="119.99"></div>
          <div property="schema:highPrice" content="199.99"></div>
          <div property="schema:priceCurrency" content="USD"></div>
          <div rel="schema:url" resource="https://example.com/anvil"></div>
        </div>
      </div>
      <div rel="schema:image" resource="https://example.com/photos/16x9/photo.jpg"></div>
      <div property="schema:sku" content="0446310786"></div>
    </div>
  </body>
</html>

Microdata


 <html>
  <head>
    <title>Executive Anvil</title>
  </head>
  <body>
  <div>
    <div itemtype="https://schema.org/Product" itemscope>
      <meta itemprop="mpn" content="925872" />
      <meta itemprop="name" content="Executive Anvil" />
      <link itemprop="image" href="https://example.com/photos/16x9/photo.jpg" />
      <link itemprop="image" href="https://example.com/photos/4x3/photo.jpg" />
      <link itemprop="image" href="https://example.com/photos/1x1/photo.jpg" />
      <meta itemprop="description" content="Sleeker than ACME's Classic Anvil, the Executive Anvil is perfect for the business traveler looking for something to drop from a height." />
      <div itemprop="offers" itemtype="https://schema.org/AggregateOffer" itemscope>
        <meta itemprop="lowPrice" content="119.99" />
        <meta itemprop="highPrice" content="199.99" />
        <meta itemprop="offerCount" content="6" />
        <meta itemprop="priceCurrency" content="USD" />
      </div>
      <div itemprop="aggregateRating" itemtype="https://schema.org/AggregateRating" itemscope>
        <meta itemprop="reviewCount" content="89" />
        <meta itemprop="ratingValue" content="4.4" />
      </div>
      <div itemprop="review" itemtype="https://schema.org/Review" itemscope>
        <div itemprop="author" itemtype="https://schema.org/Person" itemscope>
          <meta itemprop="name" content="Fred Benson" />
        </div>
        <div itemprop="reviewRating" itemtype="https://schema.org/Rating" itemscope>
          <meta itemprop="ratingValue" content="4" />
          <meta itemprop="bestRating" content="5" />
        </div>
      </div>
      <meta itemprop="sku" content="0446310786" />
      <div itemprop="brand" itemtype="https://schema.org/Brand" itemscope>
        <meta itemprop="name" content="ACME" />
      </div>
    </div>
  </div>
  </body>
</html>

Panduan

Hasil kaya produk memberi pengguna informasi tentang produk tertentu, seperti harga, ketersediaan, dan rating pengulas. Pedoman berikut berlaku untuk markup Product:

  • Gunakan markup untuk produk tertentu, bukan untuk kategori atau daftar produk. Misalnya, "sepatu di toko kami" bukan merupakan produk tertentu. Saat ini, hasil kaya produk hanya mendukung halaman yang fokus pada satu produk. Sebaiknya fokus pada penambahan markup ke halaman produk, bukan halaman yang mencantumkan produk atau kategori produk.
  • Produk khusus untuk orang dewasa tidak didukung.
  • Jika Anda menambahkan ulasan untuk produk, nama pengulas harus berupa nama yang valid untuk Person atau Team.

    Tidak direkomendasikan: Diskon 50% selama Black Friday

    Direkomendasikan: "Andi Setiawan" atau "Pengulas InfoGadget"

Untuk menyertakan informasi produk di Google Gambar, Anda harus menambahkan properti tambahan:

  • Untuk menampilkan informasi produk Anda di penampil gambar kaya: Sertakan properti name, image, price, dan priceCurrency.
  • Untuk menampilkan informasi produk Anda di fitur Item Terkait: Sertakan properti name, image, price, priceCurrency, dan availability.

Praktik terbaik detail pengiriman

Menunjukkan pengiriman gratis

Jika Anda menawarkan pengiriman gratis untuk produk tertentu, tetapkan shippingRate ke nol untuk semua wilayah tujuan pengiriman produk di halaman produk. Misalnya, jika Anda menawarkan pengiriman gratis ke negara bagian New York, Anda dapat menerapkan hal berikut untuk produk yang dikirim ke New York: 

"shippingDetails": {
  "@type": "OfferShippingDetails",
  "shippingRate": {
    "@type": "MonetaryAmount",
    "value": "0",
    "currency": "USD"
  },
  "shippingDestination": [{
    "@type": "DefinedRegion",
    "addressCountry": "US",
    "addressRegion": ["NY"]
  }]
}

Menunjukkan wilayah yang tidak menjadi tujuan pengiriman

Untuk menetapkan wilayah yang tidak menjadi tujuan pengiriman produk, tambahkan properti doesNotShip. Properti ini menggantikan setelan pengiriman Anda yang lain. Misalnya, jika Anda mengirimkan produk ke AS, tetapi tidak mengirimkan produk ke Alaska atau Hawaii, Anda dapat menerapkan hal berikut untuk produk yang tidak dikirimkan ke negara bagian tersebut: 

"shippingDetails": {
  "@type": "OfferShippingDetails",
  "doesNotShip": true,
  "shippingDestination": {
    "@type": "DefinedRegion",
    "addressCountry": "US",
    "addressRegion": ["AK", "HI"]
  }
}

Menunjukkan beberapa layanan pengiriman untuk wilayah pengiriman yang sama

Terkadang penjual memiliki beberapa opsi untuk dipilih pengguna saat mengirimkan produk ke tujuan (misalnya Express Overnight, Rushed 2-day, dan Standard). Anda dapat menunjukkan semua properti ini menggunakan beberapa properti shippingDetails, masing-masing dengan kombinasi properti shippingRate dan deliveryTime yang berbeda.

Jika Anda memiliki beberapa properti shippingRate untuk tujuan pengiriman yang sama, Google akan menampilkan data berdasarkan opsi pengiriman termurah.

Definisi jenis data terstruktur

Anda harus menyertakan properti wajib agar konten Anda memenuhi syarat untuk ditampilkan sebagai hasil kaya. Anda juga dapat menyertakan properti yang direkomendasikan untuk menambahkan informasi lain ke konten, yang akan meningkatkan kualitas pengalaman pengguna.

Product

Definisi lengkap Product tersedia di schema.org/Product. Saat me-markup konten untuk informasi produk, gunakan properti dari jenis Product schema.org:

Properti wajib
name

Text

Nama produk.
Salah satu dari review, aggregateRating, atau offers

Anda harus menyertakan salah satu properti berikut:
Properti yang direkomendasikan
aggregateRating

AggregateRating

aggregateRating bertingkat di produk. Ikuti Panduan cuplikan ulasan dan daftar properti AggregateRating yang diwajibkan dan direkomendasikan.
brand

Brand atau Organization

Merek produk.
description

Text

Deskripsi produk.
image

ImageObject atau URL berulang

URL foto produk. Gambar yang menunjukkan produk dengan jelas (misalnya dengan latar belakang putih) lebih disukai.

Pedoman gambar tambahan:

  • Setiap halaman harus memuat setidaknya satu gambar (baik Anda menyertakan markup ataupun tidak). Google akan memilih gambar terbaik untuk ditampilkan dalam hasil Penelusuran berdasarkan rasio lebar tinggi dan resolusi.
  • URL gambar harus dapat di-crawl dan diindeks. Untuk memeriksa apakah Google dapat mengakses URL Anda, gunakan Alat Inspeksi URL.
  • Gambar harus mewakili konten yang di-markup.
  • Gambar harus dalam format file yang didukung oleh Google Gambar.
  • Untuk mendapatkan hasil terbaik, berikan beberapa gambar beresolusi tinggi (minimal 50.000 piksel, yang merupakan hasil perkalian lebar dan tinggi) dengan rasio lebar tinggi berikut: 16x9, 4x3, dan 1x1.

Contoh:

"image": [
  "https://example.com/photos/1x1/photo.jpg",
  "https://example.com/photos/4x3/photo.jpg",
  "https://example.com/photos/16x9/photo.jpg"
]
offers

Offer atau AggregateOffer

Offer atau AggregateOffer bertingkat untuk menjual produk. Sertakan properti wajib dan yang direkomendasikan untuk Offer atau AggregateOffer (mana saja yang berlaku untuk konten Anda).

Agar memenuhi syarat untuk tampilan harga diskon, tambahkan Offer, bukan AggregateOffer.

review

Review

Review bertingkat di produk. Ikuti Panduan cuplikan ulasan dan daftar properti ulasan yang diwajibkan dan direkomendasikan.
gtin | gtin8 | gtin13 | gtin14 | mpn | isbn

Text

Sertakan semua ID global yang berlaku; ini dijelaskan di schema.org/Product.
sku

Text

ID khusus penjual untuk produk.

Offer

Definisi lengkap Offer tersedia di schema.org/Offer. Saat me-markup penawaran dalam suatu produk, gunakan properti dari jenis Offer schema.org berikut:

Properti wajib
price

Number

Harga penawaran produk. Ikuti panduan penggunaan schema.org.

Berikut adalah contoh properti price: 


"offers": {
  "@type": "Offer",
  "price": "39.99"
}

Berikut adalah contoh cara menentukan apakah produk tersedia tanpa membayar: 


"offers": {
  "@type": "Offer",
  "price": "0"
}
Properti yang direkomendasikan
availability

ItemAvailability

Kemungkinan opsi ketersediaan produk. Gunakan salah satu nilai berikut dan nyatakan dengan link URL di markup. Google juga memahami nama pendeknya (misalnya InStock atau OutOfStock), tanpa cakupan URL lengkap.

  • https://schema.org/BackOrder
  • https://schema.org/Discontinued
  • https://schema.org/InStock
  • https://schema.org/InStoreOnly
  • https://schema.org/LimitedAvailability
  • https://schema.org/OnlineOnly
  • https://schema.org/OutOfStock
  • https://schema.org/PreOrder
  • https://schema.org/PreSale
  • https://schema.org/SoldOut
itemOffered

Thing

Item yang dijual. Umumnya, ini meliputi produk bertingkat, tetapi juga dapat berisi tipe item lain atau teks.

priceCurrency

Text

Mata uang yang digunakan untuk mendeskripsikan harga produk, ditulis dalam format ISO 4217 tiga huruf.
priceValidUntil

Date

Tanggal batas tersedianya harga (dalam format tanggal ISO 8601). Cuplikan produk Anda mungkin tidak ditampilkan jika properti priceValidUntil menunjukkan tanggal yang sudah berlalu.
shippingDetails

OfferShippingDetails

Informasi bertingkat tentang kebijakan dan opsi pengiriman yang terkait dengan Offer. Jika Anda memutuskan untuk menambahkan shippingDetails, tambahkan properti OfferShippingDetails wajib dan yang direkomendasikan.
url

URL

URL ke halaman web produk (yang memuat Offer).

OfferShippingDetails

OfferShippingDetails memungkinkan orang melihat biaya pengiriman dan perkiraan jangka waktu pengiriman berdasarkan lokasi dan kebijakan pengiriman perusahaan Anda. Agar produk Anda memenuhi syarat untuk peningkatan detail pengiriman, tambahkan properti OfferShippingDetails berikut ke halaman produk Anda selain data terstruktur Product. Meskipun OfferShippingDetails tidak diperlukan, Anda harus menambahkan properti berikut jika ingin detail pengiriman Anda memenuhi syarat untuk peningkatan detail pengiriman.

Definisi lengkap OfferShippingDetails tersedia di schema.org/OfferShippingDetails.

Properti wajib
shippingDestination

DefinedRegion

Menunjukkan tujuan pengiriman. Tentukan shippingDestination.addressCountry. Jika berlaku, tentukan shippingDestination.addressRegion atau informasi kode pos.
shippingDestination.addressCountry

Text

Kode negara 2 digit, dalam format ISO 3166-1 .
Properti yang direkomendasikan
deliveryTime

ShippingDeliveryTime

Total penundaan antara penerimaan pesanan dan barang yang sampai ke pelanggan akhir. Tingkatkan properti berikut:

deliveryTime.businessDays

OpeningHoursSpecification

Hari saat pesanan diproses. Tentukan hari tertentu dengan properti deliveryTime.businessDays.dayOfWeek.
deliveryTime.businessDays.dayOfWeek

DayOfWeek

Nama hari saat pesanan diproses. Untuk pesanan yang diterima di luar hari kerja, pemrosesan akan dimulai pada hari kerja berikutnya. Hari di luar hari kerja akan ditambahkan ke waktu pemrosesan.

Gunakan enumerasi berikut:

deliveryTime.cutOffTime

Time

Waktu setelah pesanan baru tidak lagi diproses pada hari yang sama, dalam format ISO 8601. Satu hari akan ditambahkan ke waktu pemrosesan.
deliveryTime.handlingTime

QuantitativeValue

Keterlambatan yang biasa terjadi antara hari penerimaan pesanan dan hari barang keluar dari gudang atau sedang disiapkan untuk diambil, jika metode pengiriman dilakukan di lokasi pengambilan. Tentukan properti deliveryTime.handlingTime.minValue dan deliveryTime.handlingTime.maxValue.
deliveryTime.handlingTime.minValue

Number

Jumlah minimum hari saat produk dalam perjalanan antara penerimaan pesanan dan barang keluar dari gudang atau sedang disiapkan untuk diambil, jika metode pengiriman dilakukan di lokasi pengambilan.

Nilainya harus berupa bilangan bulat non-negatif.

deliveryTime.handlingTime.maxValue

Number

Jumlah maksimum hari saat produk dalam perjalanan antara penerimaan pesanan dan barang yang keluar dari gudang atau sedang disiapkan untuk diambil, jika metode pengiriman dilakukan di lokasi pengambilan.

Nilainya harus berupa bilangan bulat non-negatif.

deliveryTime.transitTime

QuantitativeValue

Keterlambatan yang biasa terjadi antara hari saat pesanan telah dikirim untuk pengiriman dan hari barang sampai ke pelanggan akhir.
deliveryTime.transitTime.maxValue

Number

Jumlah maksimum hari saat produk dalam perjalanan antara dikirim untuk pengiriman dan diterima oleh pelanggan akhir.

Nilainya harus berupa bilangan bulat non-negatif.

deliveryTime.transitTime.minValue

Number

Jumlah minimum hari saat produk berada dalam perjalanan antara dikirim untuk pengiriman dan diterima oleh pelanggan akhir.

Nilainya harus berupa bilangan bulat non-negatif.

doesNotShip

Boolean

Menunjukkan saat pengiriman ke shippingDestination tertentu tidak tersedia. Untuk menentukan bahwa pengiriman item tidak tersedia untuk shippingDestination, setel ke True. Jika Anda menetapkan nilai ini ke True, hanya properti shippingDestination yang diperlukan.
Baik shippingDestination.addressRegion atau kode pos

Informasi wilayah atau kode pos, jika berlaku. Jangan memberikan keduanya, informasi kode wilayah dan kode pos.

Jika Anda menyertakan shippingDestination.addressRegion, wilayah harus berupa kode subdivisi ISO 3166-2 2 atau 3 digit, tanpa awalan negara. Saat ini, Google Penelusuran hanya mendukung AS. Contoh: "NY", "NSW", atau "03".

Jika Anda menyertakan kode pos, kode tersebut harus merupakan salah satu dari properti berikut:

shippingDestination.postalCode

Text

Kode pos. Contoh, 94043.

shippingDestination.postalCodePrefix

Text

Rentang kode pos yang ditentukan yang ditunjukkan oleh awalan teks umum. Gunakan properti ini untuk sistem non-numerik, seperti Inggris Raya.

shippingDestination.postalCodeRange

PostalCodeRangeSpecification

Rentang kode pos yang ditentukan.
shippingRate

MonetaryAmount

Informasi tentang biaya pengiriman ke tujuan yang ditentukan. Tentukan properti shippingRate.currency dan shippingRate.value.

Anda hanya dapat menentukan satu shippingRate per properti OfferShippingDetails. Untuk menunjukkan beberapa tarif untuk produk Anda, tetapkan beberapa properti OfferShippingDetail.
shippingRate.currency

Text

Mata uang biaya pengiriman, dalam format ISO 4217 3 huruf. Mata uang harus sama dengan mata uang yang ditentukan dalam properti offer.priceCurrency.
shippingRate.value

Number

Biaya pengiriman ke shippingDestination. Jangan menyertakan simbol mata uang, pemisah ribuan, atau spasi.

Untuk menentukan pengiriman gratis, tetapkan nilai ke 0.

Properti berikut masih dalam versi beta (dan tidak wajib), dan saat ini tidak ditampilkan sebagai detail pengiriman di hasil kaya produk. Namun, memberikan informasi ini membantu Google memahami hubungan antara produk dan halaman pengiriman terkait lainnya di situs Anda. Google dapat menggunakan informasi ini untuk mengembangkan hasil kaya lainnya.

Beta: properti yang direkomendasikan
shippingSettingsLink

URL

URL ke halaman pada situs Anda yang menguraikan kebijakan pengiriman perusahaan. Halaman ini harus berisi satu atau beberapa kebijakan yang berlaku untuk produk ini.

Pendekatan alternatif untuk mengonfigurasi setelan pengiriman dengan Google

Kebijakan pengiriman retailer dapat menjadi rumit dan sering berubah. Jika Anda mengalami masalah saat menunjukkan dan terus memperbarui detail pengiriman dengan markup, pertimbangkan untuk mengonfigurasi setelan pengiriman di Google Merchant Center.

AggregateOffer

Definisi lengkap AggregateOffer tersedia di schema.org/AggregateOffer. AggregateOffer adalah sejenis Offer yang mewakili agregasi penawaran lainnya. Saat me-markup penawaran gabungan dalam suatu produk, gunakan properti dari jenis AggregateOffer schema.org:

Properti wajib
lowPrice

Number

Harga terendah untuk semua penawaran yang tersedia. Gunakan bilangan floating point.
priceCurrency

Text

Mata uang yang digunakan untuk mendeskripsikan harga produk, ditulis dalam format ISO 4217 tiga huruf.
Properti yang direkomendasikan
highPrice

Number

Harga tertinggi untuk semua penawaran yang tersedia. Gunakan bilangan floating point.
offerCount

Number

Jumlah penawaran untuk produk.

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
  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, akan ada 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 atau mendebug data terstruktur, berikut beberapa referensi yang dapat membantu Anda.