Panduan Praktis Implementasi Structured Data & Schema Markup pada Halaman Produk dan Direktori
Langkah demi langkah menambahkan schema markup untuk produk dan direktori, contoh kode, validasi, serta cara menghindari kesalahan umum.
Tim SEO Pajangin
SEO Architect
Structured data atau schema markup adalah cara memberi tahu mesin pencari tentang konteks konten pada halaman Anda. Pada halaman produk, menambahkan tipe Product membantu Google menampilkan harga, ulasan, dan ketersediaan langsung di hasil pencarian. Bagi direktori lokal, tipe LocalBusiness atau Service memungkinkan tampilan alamat, jam buka, dan nomor telepon. Kedua skema ini tidak hanya meningkatkan visibilitas, tetapi juga memberi sinyal relevansi yang dapat memperbaiki peringkat organik secara perlahan. Tanpa markup, Google hanya mengandalkan teks biasa, sehingga peluang menonjol di SERP berkurang secara signifikan.
Implementasi schema markup tidak memerlukan biaya tambahan, cukup dengan menambahkan blok JSON-LD di dalam tag <head> atau sebelum penutup </body>. Pastikan formatnya mengikuti standar Schema.org dan gunakan tipe yang tepat sesuai konten. Setelah markup terpasang, Google akan meng-crawl ulang halaman dan menilai kelayakan rich result. Proses ini biasanya memakan waktu 1-3 hari, tergantung frekuensi crawl situs Anda. Selalu cek hasilnya secara berkala untuk memastikan tidak ada error yang muncul setelah perubahan konten atau pembaruan platform.
Cek Markup Sekarang
Gunakan Rich Results Test; hasilnya akan memberi tahu apa yang hilang atau tidak valid.
Kenali Schema Markup untuk Produk
Tipe Product di Schema.org mencakup properti penting seperti name, image, description, sku, brand, offers, dan aggregateRating. Properti offers sendiri memuat detail harga, mata uang, ketersediaan, dan URL penjualan. Misalnya, menuliskan harga dalam IDR dan menambahkan status InStock memungkinkan Google menampilkan label "Stok Tersedia" langsung di hasil pencarian. Jika Anda mengelola katalog ratusan produk, gunakan generator otomatis atau plugin CMS untuk menghindari penulisan manual yang rawan kesalahan.
Selain Product, pertimbangkan tipe OfferCatalog bila Anda menampilkan kumpulan penawaran, atau ItemList untuk daftar produk yang terurut. Kedua tipe ini membantu Google menampilkan carousel atau list rich snippet yang lebih menarik. Pastikan setiap produk memiliki identifier unik seperti SKU atau GTIN; tanpa identifier, Google mungkin mengabaikan markup meski sudah lengkap. Selalu sesuaikan properti dengan apa yang sebenarnya tersedia di halaman untuk menghindari mismatch yang dapat menurunkan kepercayaan mesin pencari.
- Gunakan tipe Product untuk halaman detail barang.
- Tambahkan offers dengan priceCurrency, price, dan availability.
- Sertakan aggregateRating bila ada ulasan pelanggan.
- Gunakan sku atau gtin13 sebagai identifier unik.
Menyiapkan JSON-LD di Halaman Produk
Cara termudah menambahkan markup adalah dengan menulis blok JSON-LD dan menyisipkannya di dalam tag <script type="application/ld+json">. Berikut contoh yang dapat Anda salin dan sesuaikan: { "@context": "https://schema.org", "@type": "Product", "name": "Kopi Arabika Premium", "image": "https://contoh.com/kopi.jpg", "description": "Kopi Arabika 100% Arabika dengan rasa coklat pekat.", "sku": "KOPI-001", "brand": { "@type": "Brand", "name": "Kopi Nusantara" }, "offers": { "@type": "Offer", "priceCurrency": "IDR", "price": "85000", "availability": "https://schema.org/InStock", "url": "https://toko.com/kopi-arabika" }, "aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.7", "reviewCount": "128" } }.
Sesuaikan nilai price dan reviewCount dengan data aktual Anda. Jika satu produk dijual dengan harga Rp85.000, masukkan "85000" tanpa tanda titik atau koma. Pastikan URL pada offers.url mengarah ke halaman produk yang sama, sehingga Google tidak menganggapnya duplikat. Simpan perubahan, lalu periksa kembali dengan validator untuk memastikan tidak ada tanda kutip yang terlewat atau kurung tutup yang hilang.
Validasi dengan Google Rich Results Test
Setelah menambahkan JSON-LD, buka Google Rich Results Test dan masukkan URL halaman produk atau direktori Anda. Pilih opsi "Test URL" dan tunggu beberapa detik; alat ini akan menampilkan semua jenis rich result yang terdeteksi serta daftar error atau warning. Jika ada warning, perhatikan pesan seperti "Missing required property: price" atau "Invalid type for availability"; perbaiki langsung di kode markup.
Catat semua error yang muncul, lalu kembali ke file HTML atau plugin CMS untuk memperbaikinya. Setelah perbaikan, jalankan kembali tes hingga tidak ada error. Simpan perubahan, lalu kirimkan URL ke Google Search Console > URL Inspection > Request Indexing untuk mempercepat proses re-crawl. Proses ini biasanya selesai dalam 24-48 jam, tetapi hasil rich snippet dapat muncul lebih cepat bila Google sudah mengenali markup.
- Buka Rich Results Test, masukkan URL, klik "Test URL".
- Periksa error: biasanya terkait properti wajib yang hilang.
- Setelah perbaikan, gunakan Search Console untuk request indexing.
Integrasi di Platform CMS
Jika Anda menggunakan WordPress, plugin Yoast SEO atau Rank Math menyediakan opsi schema markup otomatis. Pada Yoast, buka menu SEO > Search Appearance > Content Types, pilih "Produk" dan aktifkan schema. Pada Rank Math, masuk ke SEO > Schema Markup, pilih tipe Product, lalu isi field yang diminta seperti harga, mata uang, dan stok. Kedua plugin menambahkan JSON-LD secara dinamis tanpa mengedit kode manual.
Untuk platform e-commerce lain seperti Shopify atau Wix, biasanya ada setting bawaan untuk schema markup. Di Shopify, aktifkan fitur "Product schema" pada Settings > Online Store > Preferences. Di Wix, gunakan Wix SEO Wiz dan pilih "Add structured data" pada halaman produk. Jika platform tidak menyediakan, Anda dapat menambahkan snippet di bagian Custom Code atau melalui tema child.
Kesalahan Umum dan Tanda-tandanya
Kesalahan paling sering terjadi adalah tidak menyertakan properti wajib seperti price atau availability pada tipe Offer. Tanda-tanda error muncul di Rich Results Test sebagai warning "Missing required property" dan Google tidak menampilkan rich snippet. Kesalahan lain ialah menggunakan tipe yang tidak cocok, misalnya menandai halaman kategori dengan tipe Product; Google akan mengabaikannya karena struktur tidak konsisten.
Error lain termasuk nilai yang tidak sesuai tipe data, seperti menuliskan harga dengan format "85.000" (menggunakan titik) alih-alih "85000". Hal ini menyebabkan validator menandai "Invalid type for price". Jika Anda melihat penurunan klik atau tidak ada perubahan setelah penambahan markup, periksa kembali log error di Search Console > Enhancements > Product. Pastikan semua properti wajib terisi dan nilai sesuai standar.
Waspada Error Umum
Periksa kembali properti wajib dan format nilai angka agar tidak diblokir oleh Google.
Optimasi untuk Direktori Lokal
Direktori bisnis lokal sebaiknya memakai tipe LocalBusiness atau sub-tipe seperti Restaurant, Store, atau MedicalBusiness. Properti penting meliputi address, telephone, openingHours, dan geo (latitude, longitude). Contoh: { "@type": "LocalBusiness", "name": "Warung Kopi Sejahtera", "address": { "@type": "PostalAddress", "streetAddress": "Jln. Sudirman No.12", "addressLocality": "Bandung", "postalCode": "40123", "addressCountry": "ID" }, "telephone": "+62-22-12345678", "openingHours": "Mo-Fr 08:00-22:00", "geo": { "@type": "GeoCoordinates", "latitude": "-6.914744", "longitude": "107.609810" } }. Penambahan data geo meningkatkan peluang muncul di Google Maps dan Local Pack.
Jangan lupa menambahkan priceRange jika bisnis menawarkan produk dengan rentang harga, misalnya "$$" untuk menandakan harga menengah. Jika direktori menampilkan ulasan, sertakan aggregateRating dengan ratingValue dan reviewCount. Semua properti ini membantu Google menampilkan kartu bisnis yang lengkap, meningkatkan peluang klik dari pencarian lokal.
Langkah Praktis yang Bisa Anda Kerjakan Hari Ini
1. Pilih satu halaman produk yang paling penting. 2. Salin contoh JSON-LD di atas, ganti nilai name, price, sku, dan URL dengan data Anda. 3. Tempelkan kode di dalam tag <script type="application/ld+json"> tepat sebelum </head>. 4. Buka Google Rich Results Test, masukkan URL, dan perbaiki setiap error yang terdeteksi. 5. Setelah tidak ada error, buka Google Search Console, pilih URL Inspection, dan klik Request Indexing.
6. Ulangi langkah 1-5 untuk dua halaman produk tambahan atau satu halaman direktori lokal. 7. Catat waktu yang diperlukan untuk setiap perbaikan; biasanya tidak lebih dari 30 menit per halaman. 8. Pantau performa di Search Console > Enhancements selama seminggu, perhatikan perubahan impressions dan klik. Dengan mengikuti urutan ini, Anda akan memiliki markup yang valid dan mulai melihat tampilan rich snippet dalam beberapa hari ke depan.
- Salin contoh JSON-LD, sesuaikan nilai produk.
- Tempelkan di <head> atau sebelum </body>.
- Validasi dengan Rich Results Test.
- Request indexing via Search Console.
Pajangin.xyz membantu produk, website, SaaS, dan karya kreatif Anda mendapatkan sorotan pengunjung internet Indonesia secara instan dan transparan.
Ditulis oleh Tim SEO Pajangin
Tim kurasi dan edukasi Pajangin.xyz yang berdedikasi mengulas produk digital terbaik, tren ekosistem startup, dan strategi pertumbuhan online di Indonesia.
Artikel Terkait Lainnya
Kembali ke semua artikelOptimasi Core Web Vitals Seluler Indonesia: Langkah Praktis Tanpa Biaya
Anda ingin situs Anda terbuka cepat di jaringan seluler Indonesia tanpa mengeluarkan biaya iklan? Ikuti panduan ini untuk mengoptimalkan LCP, FID, dan CLS dengan langkah nyata, contoh perhitungan, serta peringatan kesalahan yang sering terjadi.
Cara Riset Kata Kunci Bahasa Indonesia Gratis untuk Produk Indie dan UMKM
Anda ingin menemukan kata kunci yang tepat tanpa mengeluarkan biaya? Ikuti panduan langkah demi langkah ini, lengkap dengan contoh nyata dan peringatan kesalahan yang sering terjadi.