Artikel ini menjelaskan tentang cara menerapkan markup data terstruktur untuk data produk.
- Sebelum memulai, pelajari Tentang markup data terstruktur untuk Merchant Center dan pastikan situs Anda memenuhi persyaratan.
- Sebagai pedoman umum untuk data terstruktur di luar data produk Merchant Center Anda, lihat Panduan memulai schema.org. Kami juga merekomendasikan penggunaan Search Console untuk memecahkan masalah terkait data terstruktur, serta untuk mengukur traffic penelusuran dan performa situs Anda.
- Panduan tambahan dapat ditemukan di artikel data terstruktur Produk Penelusuran, khususnya bagian di Listingan Penjual.
Pada halaman ini
Memulai
Untuk menambahkan markup data terstruktur ke situs, Anda harus dapat mengakses dan mengedit HTML situs atau konfigurasi template sistem toko Anda. Markup adalah anotasi tag HTML yang memungkinkan crawler dan bot mesin telusur untuk mengetahui bahwa ada data produk di situs Anda dan membantu sistem memahami data dengan andal.
Agar crawler Google dapat mencocokkan data terstruktur dengan data produk Anda, salah satu kondisi berikut harus terpenuhi:
- Ada satu penawaran di halaman landing
- Jika ada beberapa penawaran di seluruh halaman, setiap penawaran yang ditampilkan di halaman diberi anotasi dengan SKU atau GTIN dan penawaran yang terkait di data produk Anda di Shopping memiliki SKU (atribut ID
[id]
) atau GTIN (atribut GTIN[gtin]
) yang sama. Hal ini berguna jika Anda menampilkan beberapa varian dari produk yang sama (mis., ukuran atau warna berbeda, atau produk terkait) di halaman landing yang sama.
Jika setidaknya satu kondisi tidak terpenuhi, produk di halaman landing akan berbeda dengan data produk Anda.
Untuk mengetahui informasi yang lebih mendalam tentang penyiapan markup data terstruktur di situs, lihat Panduan memulai schema.org. Bagian schema.org pada versi informasi yang dapat dimengerti mesin menyediakan bantuan untuk memahami dan mengklarifikasi data terstruktur Anda.
Menambahkan markup data terstruktur
Untuk menambahkan markup data terstruktur ke situs, sebaiknya tambahkan ini sebagai JSON-LD ke markup HTML Anda. Lihat Pengantar markup data terstruktur di Google Penelusuran untuk mengetahui informasi selengkapnya.
Markup JSON-LD berbeda dari kode yang ditampilkan kepada pengguna, sehingga memudahkan pengendaliannya. Setiap markup data terstruktur yang dirancang khusus untuk penggunaan Google dapat ditambahkan tanpa mengubah elemen visual apa pun pada situs Anda.
Jika menggunakan platform e-commerce di situs, Anda mungkin harus membuat beberapa perubahan pada template platform atau kode sebelum menambahkan data terstruktur. Selain itu, situs Anda harus dapat mendukung JavaScript untuk aplikasi level template dan halaman.
Contoh
JSON-LD
{
"@context": "https://schema.org/",
"@type": "Product",
"sku": "trinket-12345",
"image": "https://www.example.com/trinket.jpg",
"name": "Nice trinket",
"description": "Trinket with clean lines",
"gtin": "12345678901234",
"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"
}
Markup data terstruktur yang ditambahkan bisa muncul di mana saja pada sumber HTML. Markup yang ditambahkan harus ada pada HTML yang diperoleh dari server web dan tidak dapat dihasilkan setelah suatu halaman dimuat menggunakan JavaScript.
Produk dan Penawaran
Halaman landing Anda harus berisi objek Produk yang menjelaskan produk, dan objek Penawaran yang terkumpul pada kolom penawaran yang menjelaskan cara produk ini dijual.
Perlu diperhatikan bahwa harga harus ditentukan dengan tanda titik sebagai pemisah desimal, bukan koma. Jika menampilkan harga dalam beberapa mata uang di halaman landing, Anda dapat menggunakan beberapa objek dari jenis Penawaran. Jika menggunakan beberapa objek Penawaran, Anda juga harus menggunakan atribut priceCurrency
untuk menentukan mata uangnya.
Jika harga promo ditampilkan di halaman landing dan harga ini adalah harga yang akan dibayar pengguna pada saat itu, pastikan harga promo dimasukkan pada data terstruktur.
Penting: Beberapa atribut spesifik produk tidak didukung oleh schema.org. Nilai schema.org berikut perlu ditentukan untuk pembaruan item otomatis: price
, priceCurrency
, availability
dan condition
. Pelajari atribut data terstruktur yang didukung lebih lanjut.
Menguji markup
Uji implementasi schema.org Anda dengan Search Console atau Alat Hasil Kaya. Buka Pusat Bantuan Google Search Console untuk mempelajari cara penggunaan alat, proses debug berbagai masalah, dan cara menginterpretasi hasil di alat tersebut lebih lanjut.