Panduan Implementasi Structured Data & Schema Markup pada Produk

Google kini menampilkan rich snippet untuk halaman yang menyertakan markup terstruktur. Bagi maker, indie hacker, atau pemilik usaha kecil, tampilan tambahan seperti bintang rating, harga, atau ketersediaan stok dapat meningkatkan rasio klik-tayang (CTR) secara signifikan tanpa mengeluarkan anggaran iklan. Pengguna cenderung mempercayai hasil yang memberikan informasi lengkap pada pandangan pertama, sehingga peluang mereka mengunjungi situs Anda naik. Memahami cara kerja schema markup menjadi investasi jangka panjang untuk trafik organik yang lebih stabil.

Artikel ini akan membimbing Anda langkah demi langkah: mulai dari memilih tipe schema yang relevan, menulis JSON-LD, memvalidasi dengan alat Google, hingga mengintegrasikan elemen tambahan seperti BreadcrumbList dan FAQ. Setiap bagian dilengkapi contoh kode yang dapat langsung disalin, contoh perhitungan biaya peluang, serta daftar kesalahan umum beserta tanda-tandanya. Pada akhir bacaan, Anda akan memiliki skrip siap pakai dan rencana aksi harian.

Kenali Tipe Schema yang Relevan untuk Produk

Untuk halaman produk, schema.org menyediakan beberapa tipe utama: Product, Offer, AggregateRating, BreadcrumbList, dan FAQPage. Product mencakup nama, deskripsi, gambar, dan SKU; Offer menambahkan harga, mata uang, dan status ketersediaan; AggregateRating menampilkan rata-rata bintang dan jumlah ulasan. Pilih kombinasi yang paling mencerminkan informasi yang ingin Anda tonjolkan di SERP. Misalnya, sebuah aplikasi SaaS dapat menggunakan Product + Offer untuk menampilkan harga berlangganan, sementara toko kerajinan tangan dapat menambahkan AggregateRating untuk menampilkan ulasan pelanggan.

Jika Anda mengelola direktori, BreadcrumbList membantu Google menampilkan jejak navigasi, memudahkan pengguna melompat ke kategori atas. FAQPage cocok untuk menjawab pertanyaan umum tentang kebijakan pengembalian atau cara penggunaan produk. Pastikan setiap tipe schema ditempatkan dalam satu blok <script type="application/ld+json"> agar Google dapat mengidentifikasi dengan jelas. Menggabungkan beberapa tipe dalam satu halaman tidak menimbulkan konflik asalkan properti tidak tumpang-tindih.

Buat JSON-LD untuk Produk

Mulailah dengan menyiapkan struktur dasar JSON-LD. Buka editor teks, buat blok <script type="application/ld+json"> di dalam <head> atau tepat sebelum penutup </body>. Berikut contoh yang dapat Anda salin:

{ "@context": "https://schema.org/", "@type": "Product", "name": "Template Website Carrd Premium", "image": "https://contoh.com/img/carrd.jpg", "description": "Template modern untuk landing page, responsif, dan mudah disesuaikan.", "sku": "CARRD-001", "brand": {"@type": "Brand","name": "IndieCreator"}, "offers": {"@type": "Offer","priceCurrency": "IDR","price": "199000","availability": "https://schema.org/InStock"}, "aggregateRating": {"@type": "AggregateRating","ratingValue": "4.7","reviewCount": "28"} } Jika Anda menjual 50 unit dalam satu bulan, pendapatan kotor dapat dihitung sebagai 199.000 IDR × 50 = 9.950.000 IDR. Angka ini berguna untuk menilai ROI dari upaya SEO struktural dibandingkan iklan berbayar.

Pastikan semua nilai berada dalam tanda kutip ganda, tidak ada koma berlebih, dan properti priceCurrency menggunakan kode ISO 4217 (IDR). Simpan file, kemudian refresh halaman dan periksa sumber halaman (Ctrl+U) untuk memastikan blok JSON-LD muncul utuh tanpa terpotong oleh plugin lain.

Validasi dengan Google Rich Results Test

Setelah menambahkan markup, langkah selanjutnya adalah memverifikasi bahwa Google dapat membaca dan menginterpretasinya dengan benar. Buka Google Rich Results Test (search "Rich Results Test"), pilih "URL" atau "Code snippet", lalu tempelkan URL halaman atau blok JSON-LD yang baru dibuat. Klik "Test"; hasil akan menampilkan apakah ada error atau warning. Jika ada peringatan, perbaiki sesuai petunjuk, kemudian jalankan kembali hingga semua status berwarna hijau.

Catatan penting: Google memerlukan waktu 24-48 jam untuk mengindeks markup baru, jadi jangan panik jika rich snippet belum muncul segera. Anda dapat mempercepat proses dengan mengirimkan URL ke Google Search Console → "Inspect URL" → "Request Indexing".

Integrasi BreadcrumbList dan FAQ

BreadcrumbList memberi konteks hierarki situs kepada mesin pencari. Tambahkan blok berikut di bagian <head> setelah markup produk:

{ "@context": "https://schema.org/", "@type": "BreadcrumbList", "itemListElement": [ {"@type": "ListItem","position": 1,"name": "Beranda","item": "https://contoh.com/"}, {"@type": "ListItem","position": 2,"name": "Produk","item": "https://contoh.com/produk"}, {"@type": "ListItem","position": 3,"name": "Template Carrd","item": "https://contoh.com/produk/carrd"} ] } Untuk FAQ, buat blok FAQPage dengan pertanyaan yang sering diajukan, misalnya tentang kebijakan refund atau cara instalasi. Google dapat menampilkan pertanyaan tersebut langsung di hasil pencarian, meningkatkan peluang klik tanpa menambah biaya iklan.

Pastikan setiap pertanyaan dan jawaban berada dalam properti name dan acceptedAnswer. Jika ada duplikasi atau pertanyaan terlalu panjang, Google mungkin menolak menampilkannya.

Optimasi untuk Pencarian Suara

Pengguna semakin banyak mengandalkan asisten suara untuk menemukan produk. Untuk mendukung pencarian suara, gunakan schema Product dengan properti offers yang lengkap, termasuk priceCurrency, price, dan availability. Selain itu, sertakan @type": "SpeakableSpecification" pada bagian deskripsi sehingga Google dapat mengekstrak teks yang mudah dibacakan.

Contoh penambahan SpeakableSpecification:

{ "@type": "SpeakableSpecification", "cssSelector": [".product-description"] } Jika markup tidak terdeteksi, periksa konsol browser untuk error JavaScript yang dapat memblokir eksekusi script JSON-LD. Tanda-tanda kegagalan meliputi tidak munculnya rich snippet setelah 72 jam atau peringatan "Missing required property" di Rich Results Test.

Kesalahan Umum dan Tanda-tandanya

Salah satu kesalahan paling umum adalah penggunaan type yang tidak sesuai, misalnya mencampur Product dengan properti author yang hanya berlaku untuk Article. Google kemudian mengeluarkan warning "Incompatible type". Tanda-tanda lain termasuk munculnya error "Missing required field" pada price atau availability, serta markup yang terpotong karena plugin keamanan yang menfilter tag <script>.

Jika Anda melihat penurunan CTR setelah menambahkan markup, periksa kembali konsistensi data: harga harus berupa angka tanpa simbol ribuan, dan URL gambar harus dapat diakses (status 200). Gunakan Google Search Console → "Enhancements" → "Product" untuk melihat laporan error terperinci. Memperbaiki satu per satu biasanya mengembalikan performa dalam satu minggu.

Langkah Konkret yang Bisa Anda Kerjakan Hari Ini

Berikut rangkaian aksi yang dapat Anda selesaikan dalam satu sesi kerja (maksimal 2 jam). Pertama, buka halaman produk yang ingin dioptimalkan, salin contoh JSON-LD di atas, dan ganti nilai name, image, price, serta sku sesuai produk Anda. Kedua, tambahkan blok BreadcrumbList jika belum ada, sesuaikan posisi dan nama kategori. Ketiga, buka Google Rich Results Test, tempelkan kode, perbaiki error yang muncul, lalu kirim URL ke Search Console untuk pengindeksan cepat.

Keempat, buat satu pertanyaan FAQ sederhana (misalnya "Berapa lama proses pengiriman?"), tambahkan ke markup FAQPage, dan jalankan tes lagi. Kelima, cek konsol browser untuk memastikan tidak ada script yang diblokir. Setelah semua langkah selesai, catat perubahan CTR selama seminggu berikutnya untuk mengukur dampak.

• Salin dan sesuaikan blok JSON-LD Product serta Offer dengan data produk Anda.
• Tambahkan BreadcrumbList yang mencerminkan struktur navigasi situs.
• Buat satu entri FAQPage dengan pertanyaan yang relevan.
• Validasi semua markup menggunakan Google Rich Results Test.
• Kirim URL ke Google Search Console → "Inspect URL" → "Request Indexing".