Tingkatkan Hasil Pencarian Anda dengan Rich Snippets & Schema.org Vocabulary

Data terstruktur memungkinkan untuk menyajikan hasil pencarian Anda dengan cara yang lebih menarik dan informatif secara visual. Menurut studi Searchmetrics, penambahan markup data terstruktur ke situs web menyebabkan peningkatan 36% dalam hasil pencarian Google.

Markup data terstruktur dirender di Google, Bing, dan mesin pencari lainnya sebagai cuplikan kaya. Cuplikan kaya adalah hasil pencarian yang ditingkatkan add itu informasi tambahan, seperti foto, harga, peringkat pengguna, dan karakteristik lainnya, hingga potongan mesin pencari.

Data terstruktur mengarah ke hasil pencarian yang lebih baik karena dua alasan utama:

Ini memperluas semantik HTML dengan membuat konten lebih dimengerti untuk mesin pencari.
Cuplikan kaya - presentasi mesin pencari dari data terstruktur - miliki a rasio klik-tayang yang lebih baik daripada hasil pencarian biasa, kurang informatif.

Schema.org Vocabulary

Jika Anda ingin memiliki cuplikan kaya untuk situs Anda sendiri, Anda perlu tambahkan data terstruktur ke markup HTML Anda. Data terstruktur menggunakan schema.org kosakata yang memungkinkan Anda untuk memberi tahu mesin pencari tentang sifat konten Anda.

Schema.org adalah inisiatif Google, Bing, dan Yahoo yang bertujuan untuk menyediakan satu set skema untuk menggambarkan berbagai jenis konten web sehingga mesin pencari dapat lebih memahaminya.

Kosa kata Schema.org diatur dalam a hierarki dua tingkat:

Jenis: berbagai jenis konten web, mereka diatur ke dalam hierarki mereka sendiri
Properti: setiap jenis memiliki sejumlah properti

Tingkat Jenis Pertama

Benda aku s item yang paling umum dalam kosakata schema.org, itu adalah leluhur dari semua Jenis lainnya.

Tipe Tipe Kedua

Itu Jenis kedua tingkat sedikit lebih spesifik, dan berisi Peristiwa, itu Tindakan, itu Tidak berwujud, itu CreativeWork, itu Tempat, itu Organisasi, itu Produk, dan Orang Jenis. Ada juga Hal tingkat kedua yang terpisah yang tersedia sebagai ekstensi schema.org; ini adalah Badan Medis Mengetik.

Tingkat Tipe Ketiga

Setiap Jenis tingkat kedua berisi beberapa atau banyak Jenis tingkat ketiga, misalnya salah satu subtipe CreativeWork adalah Ulasan Mengetik. Perhatikan bahwa Jenis yang lebih spesifik (tingkat kedua dan ketiga) mewarisi properti orang tua mereka (dan kakek-nenek dalam kasus tingkat ketiga).

Gambar di bawah ini diterbitkan di blog skema resmi, dan memvisualisasikan hiearchy dari schema.org vocabulary.

Temukan Skema yang Anda Butuhkan

Jelajahi kosakata untuk menemukan skema yang Anda butuhkan. Misalnya, untuk cuplikan kaya resep, Anda perlu menggunakan resep Ketik yang merupakan anak dari CreativeWork. Ini memiliki banyak properti, seperti waktu masak, metode memasak, resep bahan, dan yang lainnya, plus itu juga mewarisi sifat-sifat induknya (CreativeWork), dan kakek-nenek (Hal).

Schema.org adalah a proyek komunitas, sering diperpanjang, dan versi baru dirilis secara berkala. Jika Anda tidak dapat menemukan skema yang Anda butuhkan, Anda dapat mengusulkannya ke Komunitas Schema.org, dan Anda juga dapat berkontribusi pada proyek Github mereka..

Tambahkan Data Terstruktur ke Markup Anda

Jadi, bagaimana Anda menambahkan skema Anda ke kode front-end? Schema.org dapat digunakan tiga format berbeda. Anda harus memilih satu untuk menambahkan markup data terstruktur ke situs Anda. Meskipun secara teori Anda dapat menggunakan lebih dari satu format di situs yang sama, namun hal ini merusak kesesuaian kode dan pemeliharaan, jadi ini bukan praktik yang baik.

Itu tiga format utama markup data terstruktur adalah sebagai berikut:

Microdata: Ini adalah standar web yang memperpanjang HTML pada memperkenalkan atribut baru seperti itemprop. Situs resmi schema.org memiliki tutorial yang bagus tentang cara menggunakan microdata, jadi jika Anda sudah terbiasa dengan HTML, format ini bisa menjadi pilihan yang baik.
RDFa: Bentuk panjang RDFa adalah Kerangka Deskripsi Sumber Daya di Atribut, dan ini adalah rekomendasi W3C yang memperluas dokumen HTML, XML, dan SVG dengan bantuan seperangkat atribut tertentu. Protokol Open Graph Facebook juga didasarkan pada RDFa, jadi mungkin Anda sudah menemukannya. Ada versi RDFa Lite untuk pemula, dan juga versi lengkap yang memberikan banyak pilihan untuk bekerja dengan data terstruktur dengan cara yang rumit.
JSON-LD: Sementara dua opsi lainnya memperluas markup HTML, JSON-LD menggunakan JSON sintaksis. JSON-LD adalah singkatan Notasi Objek JavaScript untuk Data Tertaut, dan ini adalah format yang direkomendasikan Google Developers, karena menurut pandangan mereka, "markup data terstruktur paling mudah disajikan dalam format JSON-LD". Anda tidak perlu menjadi ahli JavaScript untuk menggunakan JSON, karena ini adalah sistem notasi sederhana menggunakan pasangan nama-nilai.

Anda dapat dengan mudah membandingkan ketiga format dengan bantuan tab praktis di bagian bawah setiap halaman Jenis schema.org.

Contoh untuk tiga format schema.org untuk Jenis Resep.

Dengan meneliti contoh-contoh tersebut, Anda dapat dengan mudah memahami cara kerja masing-masing format, dan menggunakannya di situs Anda sendiri.

Markup data terstruktur yang perlu Anda tambahkan ke kode adalah berdasarkan kosakata schema.org. Jika Anda memilih mikrodata atau RDFa, Anda perlu menambahkan atribut tambahan ke tag HTML biasa.

Sebagai contoh dengan microdata, Anda menambahkan nama Tipe ke wadah dengan menggunakan itemscope atribut, dan setiap properti dengan itemprop atribut. Berikut ini contoh yang sangat sederhana:

  Resep saya
  Deskripsi Resep

Dan contoh yang sama menggunakan RDFa, ada baiknya memperhatikan berbagai atribut yang perlu Anda gunakan di sini:

  Resep saya
  Deskripsi Resep

Jika Anda memilih Format JSON-LD, Anda perlu menempatkan kode Anda di dalam tag di kepala dari halaman HTML Anda. Contoh di atas akan terlihat seperti ini:

Tips Menggunakan Data Terstruktur

Uji Markup Data Terstruktur Anda

Sebelum menambahkan markup data terstruktur ke situs Anda, Anda dapat dengan cepat mengujinya dengan menggunakan Alat Pengujian Data Terstruktur Google. Dengan cara ini Anda dapat dengan cepat menemukan masalah jika ada.

Leverage Kartu Grafik Pengetahuan Google

Google tidak hanya menggunakan data terstruktur untuk cuplikan kaya, tetapi jika Anda otoritas untuk jenis konten tertentu, konten Anda juga dapat muncul di salah satu Kartu Grafik Pengetahuan ditampilkan di sisi kanan beberapa Halaman Hasil Mesin Pencari.

Perhatikan bahwa Anda tidak dapat membuat Google menampilkan Kartu Grafik Pengetahuan untuk konten Anda, tetapi jika markup data terstruktur Anda diatur dengan benar, Anda memiliki kemungkinan.

Google menggunakan markup data terstruktur Facebook untuk menampilkan informasi tambahan dalam Grafik Pengetahuan.

Manfaatkan Google Rich Cards

Pada Mei 2016, Google memperkenalkan Kartu Kaya yang merupakan "peningkatan format Cuplikan Kaya saat ini", dan memberikan hasil pencarian seluler yang menarik disajikan dalam komidi putar yang dapat diramban dengan menggulir ke kiri dan kanan. Google Rich Cards juga menggunakan markup data terstruktur dan kosakata schema.org.

Tambahkan Data Terstruktur ke Email Anda

Anda dapat menggunakan markup data terstruktur di email Anda untuk memicu Google Now Cards untuk penerima, Google Developers memiliki tutorial yang bagus tentang cara melakukannya.

Hasilkan Data Terstruktur Secara Dinamis

Dimungkinkan untuk menggunakan Google Pengelola Tag untuk menghasilkan data terstruktur secara dinamis dalam format JSON-LD, Moz.com mengajarkan Anda cara melakukannya.