Cara Memasang Product Schema agar Harga Tampil di Google

Pernah lihat hasil pencarian Google yang langsung menampilkan harga, status stok, atau bintang ulasan di bawah judul produk? Tampilan itu tidak muncul begitu saja. Di balik halaman tersebut ada Product schema, potongan kode yang menjelaskan ke Google: ini produk, harganya sekian, mata uangnya rupiah, dan barangnya tersedia.

Kabar baiknya, memasang Product schema tidak butuh keahlian pemrograman tingkat tinggi. Yang penting kamu tahu properti apa yang wajib, menulisnya dengan format yang benar, lalu mengujinya sebelum menunggu Google merayapi ulang halamanmu.

Apa yang dibaca Google dari Product schema?

Product schema adalah bagian dari structured data (data terstruktur) dengan kosakata dari schema.org. Kalau kamu belum akrab dengan konsepnya, baca dulu cara memasang schema markup di website untuk gambaran umumnya.

Dokumentasi Google membedakan dua jenis tampilan untuk produk:

• Product snippet, untuk halaman yang membahas produk, misalnya ulasan atau situs perbandingan. Wajib ada name, ditambah minimal satu dari review, aggregateRating, atau offers.
• Merchant listing, untuk halaman tempat pembeli benar-benar bisa membeli. Wajib ada name, image, dan offers berisi harga lebih dari nol beserta priceCurrency.

Kalau tujuanmu supaya harga ikut tampil, kuncinya ada di offers. Tanpa blok ini, Google tidak punya data harga untuk ditampilkan. Toko online yang menjual langsung sebaiknya memenuhi syarat merchant listing, karena syaratnya sudah mencakup product snippet.

Langkah memasang Product schema

Langkah 1: Siapkan data produk yang konsisten

Kumpulkan nama produk, URL gambar utama, harga, mata uang, status stok, dan kondisi barang. Pastikan semua angka ini sama persis dengan yang terlihat pengunjung di halaman. Harga di schema yang berbeda dengan harga di halaman termasuk kesalahan yang paling sering terjadi, biasanya karena harga diubah di satu tempat saja.

Langkah 2: Tulis kode JSON-LD

Google mendukung JSON-LD, Microdata, dan RDFa. JSON-LD paling mudah dirawat karena terpisah dari tampilan HTML. Contoh untuk satu produk:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Kemeja Linen Lengan Panjang",
  "image": ["https://contoh.com/gambar/kemeja-linen.jpg"],
  "description": "Kemeja linen untuk kerja dan acara santai.",
  "sku": "KL-001",
  "brand": { "@type": "Brand", "name": "Contoh Store" },
  "offers": {
    "@type": "Offer",
    "url": "https://contoh.com/produk/kemeja-linen",
    "price": "185000",
    "priceCurrency": "IDR",
    "availability": "https://schema.org/InStock",
    "itemCondition": "https://schema.org/NewCondition"
  }
}
</script>

Perhatikan tiga hal. Harga ditulis tanpa titik ribuan dan tanpa "Rp". Mata uang memakai kode ISO 4217, jadi rupiah ditulis IDR. Status stok dan kondisi memakai URL schema.org, bukan teks bebas seperti "Ready".

Langkah 3: Tempel kode di halaman produk

Letakkan blok <script> di dalam <head> atau <body> halaman produk. Setiap halaman produk memuat data produknya sendiri, jadi kode ini sebaiknya dibuat otomatis oleh template, bukan ditulis manual satu per satu.

Di WordPress dengan WooCommerce, data produk dasar umumnya sudah dikeluarkan otomatis, dan plugin SEO populer bisa melengkapinya. Cek dulu sebelum menambah kode sendiri supaya tidak ada dua blok Product yang saling bertentangan di satu halaman.

Langkah 4: Uji dengan Rich Results Test

Buka Rich Results Test, masukkan URL halaman produk, lalu lihat hasilnya. Alat ini menunjukkan apakah halaman memenuhi syarat untuk product snippet dan merchant listing, serta daftar error (wajib diperbaiki) dan peringatan (properti yang disarankan tapi belum ada).

Untuk melihat bagaimana Google membaca halaman versi terbaru, pakai Inspeksi URL di Search Console.

Langkah 5: Pantau laporan di Search Console

Setelah Google merayapi ulang, laporan Product snippets dan Merchant listings di Search Console akan menampilkan jumlah item yang valid dan yang bermasalah. Dari sini kamu bisa menemukan pola, misalnya semua produk dari kategori tertentu kehilangan gambar.

Properti tambahan yang layak diisi

Properti wajib cukup untuk lolos. Properti tambahan membuat data produkmu lebih lengkap dan bisa memunculkan informasi ekstra.

Untuk produk dengan banyak varian harga, AggregateOffer dengan lowPrice bisa dipakai untuk product snippet. Namun merchant listing meminta Offer biasa, karena penjual harus pemilik penawaran itu sendiri.

Kalau kamu juga mendaftarkan toko ke Google, data ongkir dan retur yang diatur di Merchant Center lebih diprioritaskan daripada markup di halaman. Langkah pendaftarannya ada di cara daftar Google Merchant Center.

Kenapa harga belum juga tampil?

Lolos uji tidak berarti tampilan khusus pasti muncul. Google sendiri yang memutuskan kapan rich result ditampilkan, tergantung kueri, perangkat, dan kualitas halaman. Beberapa penyebab umum lainnya:

• Kode dimuat lewat JavaScript dan Google belum merender ulang halaman. Google menyebut markup yang dibuat JavaScript bisa membuat perayapan Shopping kurang sering dan kurang andal.
• Harga di schema berbeda dengan harga di halaman.
• priceValidUntil sudah kedaluwarsa.
• Ulasan di aggregateRating tidak terlihat di halaman atau bukan dari pembeli sungguhan.
• Halaman produk itu sendiri belum terindeks. Untuk hal ini, cek panduan SEO halaman produk toko online.

Sebelum menutup pekerjaan ini, cek lagi daftar singkat berikut:

• Setiap halaman produk punya satu blok Product dengan name, image, dan offers.
• Harga, mata uang, dan stok di schema sama dengan yang tampil di halaman.
• Tidak ada error di Rich Results Test.
• Laporan Merchant listings di Search Console dipantau setelah perayapan ulang.