Apa Itu Schema Markup: Panduan Lengkap Pemula!

Apa itu Schema Markup? di dunia SEO, Schema Markup adalah senjata tersembunyi yang sering kali diabaikan.

Meskipun banyak yang mengetahui tentang pentingnya kata kunci dan backlink, tidak banyak yang menyadari betapa kuatnya Schema Markup dalam meningkatkan visibilitas dan interaksi di hasil pencarian.

Dengan menggunakan kode yang terstruktur, Schema Markup membantu mesin pencari memahami konten lebih baik dan menampilkannya dengan cara yang lebih menarik dan informatif.

Artikel ini akan mengupas tuntas apa itu Schema Markup, bagaimana cara kerjanya, serta manfaat besar yang dapat diberikannya untuk SEO.

Apa Itu Schema Markup

Schema Markup adalah potongan kode HTML yang ditambahkan ke situs web untuk memberi tahu mesin pencari tentang detail yang lebih spesifik dari konten halaman.

Dengan menggunakan structured data, Schema Markup memberi tahu mesin pencari seperti Google tentang elemen-elemen di halaman misalnya produk, ulasan, acara, atau artikel.

Mesin pencari kemudian bisa menampilkan informasi ini dalam bentuk rich snippets yang jauh lebih menarik dan bermanfaat bagi pengguna.

Bayangkan Anda mencari sebuah produk di Google, dan hasil pencariannya menampilkan harga, rating, dan bahkan foto produk tanpa Anda perlu mengklik.

Itu adalah salah satu contoh bagaimana Schema Markup bekerja menampilkan informasi yang lebih kaya, lebih informatif, dan lebih cepat diakses.

Contoh Hasil Pencarian Google Dengan dan Tanpa Schema Markup

Berikut adalah contoh sederhana kode schema markup:

<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Movie",
  "name": "Barbie",
  "dateCreated": "2023-07-21",
  "image": "https://m.media-amazon.com/images/M/MV5BOWIwZGY0OTYtZjUzYy00NzRmLTg5YzgtYWMzNWQ0MmZiY2MwXkEyXkFqcGdeQXVyMTUzMTg2ODkz._V1_.jpg",
  "director": {
    "@type": "Person",
    "name": "Greta Gerwig",
    "birthDate": "1983-08-04"
  }
}
</script>

Pada contoh di atas, Anda bisa melihat bahwa berbeda dengan teks biasa yang ada di halaman, schema markup adalah bentuk data terstruktur.

Format yang distandarisasi ini memastikan bahwa Google tidak akan salah dalam menginterpretasikan informasi.

Itulah mengapa Google menggunakan schema markup untuk menghasilkan rich results yang lebih menarik dan relevan.

Jenis Schema Markup

Schema dapat digunakan untuk meningkatkan berbagai jenis konten di situs web.

Saat ini, terdapat 803 jenis schema yang terdaftar di Schema.org, namun Google hanya mendukung sebagian kecil dari jenis-jenis tersebut, menurut informasi yang tersedia di situs web Google.

Meskipun demikian, Google memberikan indikasi bahwa mereka mungkin akan mendukung lebih banyak format schema di masa depan.

Berikut adalah beberapa contoh jenis markup yang didukung oleh Google dan dapat Anda tambahkan ke situs web Anda:

• Artikel
• Breadcrumb
• Carousel
• Kursus
• Acara
• Pemeriksaan Fakta
• FAQ
• Cara
• Metadata Gambar
• Lowongan Pekerjaan
• Bisnis Lokal
• Logo
• Film
• Produk
• Resep
• Ulasan
• Kotak pencarian Sitelinks
• Video

Catatan: Pada 8 Agustus 2023, Google secara signifikan mengurangi visibilitas untuk hasil kaya (rich results) dari FAQ dan HowTo.

Hasil FAQ sekarang hanya akan ditampilkan untuk situs pemerintah dan kesehatan yang dikenal dan memiliki otoritas. Hasil HowTo kini hanya akan ditampilkan untuk pengguna desktop.

Mari kita lihat lebih rinci beberapa jenis markup yang paling umum yang dapat Anda tambahkan ke situs Anda.

Artikel

Markup Artikel dapat ditambahkan pada halaman berita, blog, atau artikel olahraga untuk membantu Google lebih memahami halaman Anda.

Ada dua manfaat utama dari menambahkan markup Artikel:

1. Membantu Google menampilkan teks judul, gambar, dan informasi tanggal yang lebih baik.
2. Memberitahu Google secara lebih eksplisit tentang apa isi konten Anda.

Dengan menambahkan markup Artikel pada konten Anda, halaman Anda mungkin dapat ditampilkan pada kueri yang lebih relevan.

Contoh Skema Artikel

Berikut adalah contoh bagaimana skema artikel dapat terlihat:

• Dokumentasi Data Terstruktur Artikel oleh Google
• Dokumentasi Data Terstruktur Artikel oleh Schema.org

Produk

Menambahkan markup Produk memungkinkan pengguna melihat harga, ketersediaan, rating ulasan, informasi pengiriman, dan lainnya langsung di hasil pencarian.

Markup Produk sangat berguna untuk toko e-commerce, karena memberikan gambaran lebih rinci tentang produk sebelum pengunjung memasuki situs web Anda.

Hasil schema produk dapat terlihat seperti ini:

Bisnis Lokal

Markup Bisnis Lokal memungkinkan Google untuk lebih memahami bisnis Anda.

Dengan menambahkan schema, Google dapat menampilkan jam operasional bisnis, berbagai departemen dalam bisnis Anda, dan informasi lainnya.

Hasil schema Bisnis Lokal dapat terlihat seperti ini:

Kotak Pencarian Sitelinks

Menambahkan markup Sitelinks berarti pencari situs Anda akan melihat tautan terkait halaman penting situs Anda saat mencari merek Anda di Google.

rich result untuk markup Sitelink dapat terlihat seperti ini:

Acara

Event/acara rich results adalah salah satu cara terbaik untuk mendapatkan perhatian lebih terhadap acara yang akan datang, baik itu online maupun offline.

Dengan menggunakan event rich results, acara Anda akan muncul secara mencolok dalam hasil pencarian Google.

Contoh berikut menunjukkan seperti apa tampilan event rich result:

Bahasa Schema Markup dan Formatnya

Schema markup menggunakan kosakata yang telah disepakati dari Schema.org untuk membantu mesin pencari dalam menafsirkan dan menampilkan konten dalam hasil pencarian yang kaya (rich results).

Schema markup ditambahkan pada HTML, markup dasar yang digunakan untuk menyusun halaman web.

Google mendukung tiga format utama schema markup:

Berikut adalah contoh cara menerapkan data terstruktur yang sama menggunakan JSON-LD, Microdata, dan RDFa:

JSON-LD ditempatkan di dalam tag <script>, yang memudahkan pembacaan, pemeliharaan, dan modifikasi tanpa mempengaruhi struktur HTML Anda.

<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Person",
"name": "John Doe",
"jobTitle": "Software Engineer",
"url": "https://example.com"
}
</script>

Microdata disematkan langsung ke dalam elemen HTML Anda, menjadikannya bagian dari struktur halaman.

<div itemscope itemtype="https://schema.org/Person">
<p>Name: <span itemprop="name">John Doe</span></p>
<p>Job Title: <span itemprop="jobTitle">Software Engineer</span></p>
<p>Website: <a href="https://example.com" itemprop="url">Profile</a></p>
</div>

RDFa juga mengintegrasikan data terstruktur ke dalam HTML tetapi menggunakan atribut seperti vocab, typeof, dan property untuk mendefinisikan hubungan dalam konten.

<div vocab="https://schema.org/" typeof="Person">
<p>Name: <span property="name">John Doe</span></p>
<p>Job Title: <span property="jobTitle">Software Engineer</span></p>
<p>Website: <a href="https://example.com" property="url">Profile</a></p>
</div>

Setiap format menyediakan data terstruktur bagi mesin pencari, tetapi JSON-LD adalah format yang paling banyak didukung dan disarankan oleh Google.

Panduan Menambahkan Schema Markup ke Website

Setiap website sebaiknya menambahkan schema dasar, namun pastikan hanya menambahkan schema yang paling relevan dengan situs Anda.

Tidak yakin apa yang harus ditambahkan?

Berikut adalah beberapa contoh schema dasar yang bisa diterapkan:

• Website E-commerce: Tambahkan schema Produk, Breadcrumb, Person/Organization.
• Blog atau Website Berita: Tambahkan schema Artikel, Breadcrumb, Person/Organization.
• Jika situs Anda lebih fokus pada topik tertentu, Anda dapat menambahkan schema yang lebih spesifik. Sebagai contoh:
  • Situs Makanan: Tambahkan schema Resep.
  • Situs Rekrutmen: Tambahkan schema Lowongan Pekerjaan.

Bagaimana cara menambahkan schema?

Kabar baiknya adalah, sebagian besar sistem manajemen konten (CMS) situs web modern dapat menambahkan implementasi schema dasar secara langsung.

Secara umum, jika Anda menggunakan CMS populer seperti Wix atau Webflow, Anda hanya perlu menyesuaikan pengaturan schema sesuai preferensi Anda.

Untuk pengguna WordPress, Anda bisa menggunakan plugin seperti Yoast SEO. Saat mendaftar, bagian dari proses pengaturan awal melibatkan penambahan schema Organisasi atau Person.

Setelah onboarding selesai, Anda dapat mengklik tab “Schema” di dalam postingan, dan mengubah pengaturannya lebih lanjut.

Secara default, jenis halaman schema disetel ke “Web Page” dan jenis postingan disetel ke “Artikel”.

Panduan lebih lanjut

Metode lain untuk menambahkan schema ke situs Anda adalah dengan menambahkan kode secara manual.

Meskipun metode ini memungkinkan kustomisasi penuh pada schema di situs Anda, ada baiknya untuk meminta saran dari konsultan SEO atau pengembang sebelum memulai, terutama jika Anda tidak terlalu yakin dengan kode.

Kode schema markup dapat dihasilkan dalam tiga bahasa yang berbeda: microdata, RDFa, dan JSON-LD.

Meskipun Google mendukung ketiga bahasa ini, mereka merekomendasikan penggunaan JSON-LD (Javascript Object Notation for Linked Objects), karena lebih sedikit rentan terhadap kesalahan pengguna.

Konfirmasi dari John Mueller:

Kami saat ini lebih memilih markup JSON-LD. Saya rasa kebanyakan data terstruktur baru yang muncul pertama kali untuk JSON-LD. Jadi, itu yang kami preferensikan.

— John Mueller, Senior Search Analyst Google

Anda dapat menghasilkan kode JSON-LD mentah menggunakan alat seperti Merkle’s Schema Markup Generator, Google’s Structured Data Markup Helper, atau bahkan ChatGPT.

Saya akan menggunakan generator schema Merkle untuk menghasilkan kode saya.

Untuk melakukannya, buka schema generator dan pilih jenis schema yang ingin Anda buat. Saya memilih Event.

Kemudian tambahkan informasi ke dalam kolom yang diperlukan. Saya telah menambahkan contoh konferensi SEO fiktif sebagai contoh.

Setelah Anda membuat kode JSON-LD, tambahkan ke dalam tag <head> atau <body> halaman yang diinginkan.

Google telah mengonfirmasi bahwa keduanya diperbolehkan.

Jika Anda cukup memahami teknis, Anda bahkan bisa menyuntikkan kode tersebut menggunakan Javascript dengan Google Tag Manager.

Cara Memvalidasi Schema Markup Anda

Untuk memeriksa schema markup pada satu halaman, Anda dapat menggunakan alat Schema Validator atau alat Uji Hasil Kaya (Rich Results Test) dari Google.

Jika Anda sudah menginstal Toolbar SEO dari Ahrefs, Anda bisa menemukan tautan ke alat ini di tab “Structured data”.

Jika Anda mengklik Uji rich result, alat ini akan menjalankan tes dan mencantumkan kesalahan yang ditemukan.

Anda dapat mengklik hasil tes untuk mendapatkan detail lebih lanjut tentang masalah tersebut.

Alat Google Rich Results sangat berguna untuk memvalidasi schema pada setiap halaman secara individu, di mana hasil kaya Google dapat muncul.

Namun, jika Anda ingin memeriksa status semua rich result di situs Anda, Anda harus menggunakan Google Search Console.

Meskipun ini berguna, masalah dengan alat Rich Results Test dan Google Search Console adalah bahwa mereka hanya memeriksa schema markup yang mendukung hasil kaya, padahal schema markup memiliki manfaat lainnya.

Jika Anda ingin memeriksa semua schema di situs web Anda, Anda perlu menggunakan Schema.org’s Markup Validator untuk halaman tunggal.

Tips: Jika Anda ingin mempercepat proses untuk halaman-halaman penting, Anda bisa mengirimkan URL Anda untuk reindeksasi menggunakan Google Search Console.

Jika Anda sudah melakukan semua langkah di atas dan masih mengalami masalah, mungkin ada masalah kualitas situs.

Berikut adalah beberapa alasan umum mengapa data terstruktur Anda tidak muncul:

• Halaman tidak memenuhi pedoman data terstruktur dari Google.
• Data terstruktur yang digunakan menyesatkan dan tidak mewakili konten utama halaman.
• Google mungkin menganggap hasil teks lebih relevan untuk konten Anda.

Manfaat Penggunaan Schema Markup

Dengan menambahkan schema markup seperti di atas, Anda membantu Google untuk lebih memahami konten halaman Anda.

Ini memungkinkan Google untuk menampilkan rich results, seperti gambar, rating, dan informasi lain yang relevan, yang meningkatkan daya tarik dan kemungkinan klik dari hasil pencarian.

Jika Anda menggunakan plugin SEO di WordPress, Anda bisa mengintegrasikan schema markup ini dengan mudah tanpa harus menulis kode manual.

Beberapa plugin SEO bahkan memungkinkan Anda untuk menambahkan schema markup untuk berbagai jenis konten, seperti artikel, produk, atau event.

Dengan penggunaan schema markup yang tepat, halaman web Anda akan lebih mudah ditemukan dan lebih menarik di hasil pencarian Google, yang berpotensi meningkatkan trafik ke situs Anda.

FAQs

Kesimpulan

Apa itu Schema Markup? Schema Markup adalah alat yang sangat kuat untuk meningkatkan visibilitas dan interaksi di hasil pencarian.

Meskipun tidak langsung mempengaruhi peringkat, Schema Markup membantu mesin pencari memahami konten Anda dengan lebih baik dan menampilkannya dengan cara yang lebih menarik dan berguna bagi pengguna.

Dengan mengikuti praktik terbaik dan memastikan penerapan yang tepat, Schema Markup akan memberikan dampak positif yang signifikan pada SEO situs Anda.