DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
Untuk membantu Google mengerti konten dari halaman yang kamu buat, ada satu teknik yang tidak banyak diketahui yaitu stuktur ld+json
Daftar Isi:
Untuk membantu Google mengerti konten dari halaman yang kamu buat, ada satu teknik yang tidak banyak diketahui. Yaitu menyediakan data terstruktur dengan script ld+json. Mari kita lihat kegunaan dan caranya.
Berikut contoh kode penggunaan JSON-LD dari situs pembelajaran Google.
<html>
<head>
<title>Party Coffee Cake</title>
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "Recipe",
"name": "Party Coffee Cake",
"author": {
"@type": "Person",
"name": "Mary Stone"
},
"datePublished": "2018-03-10",
"description": "This coffee cake is awesome and perfect for parties.",
"prepTime": "PT20M"
}
</script>
</head>
Bagian yang kamu lihat di antara tag … adalah yang kita bahas.
Dari membaca kasarnya pun teman-teman bisa memahami apa maksud dari masing-masing data. Contoh @type: Recipe, berarti tipe dari konten ini adalah sebuah resep. Diikuti dengan nama, author, kapan dipublish, dan seterusnya.
Semakin spesifik kata kunci yang disertakan pada script json-ld ini, maka semakin mudah juga Google untuk mengerti kontenmu.
Berikut contoh lain dengan informasi seputar video dan rating
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "Recipe",
"name": "Banana Bread Recipe",
"description": "The best banana bread recipe you'll ever find! Learn how to use up all those extra bananas.",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.7",
"ratingCount": "123"
},
"video": {
"@type": "VideoObject",
"name": "How To Make Banana Bread",
"description": "This is how you make banana bread, in 5 easy steps.",
"contentUrl": "http://www.example.com/video123.mp4"
}
}
</script>
Dengan informasi detail tersebut, ini contoh hasil pencarian yang akan muncul
Gambar dari https://developers.google.com/search/docs/advanced/structured-data/sd-policies
Perhatikan dibagian @context, kita menggunakan schema.org.
Ini cara kita memberitahu Google, kalau kata kunci yang kita gunakan berdasarkan kata-kata dari schema.org , ini berisi “kesepakatan” kata-kata kunci yang bisa kita gunakan agar lebih selaras dan mudah dimengerti.
Kamu bisa lihat detailnya, di dokumentasi struktur data schema.org
JSON-LD adalah singkatan dari JSON(Javascript Object Notation - Linked Data) yang merupakan sebuat format data. Didasarin dengan format JSON, JSON-LD ini memudahkan untuk menulis dan membaca data menjadi lebih terstruktur
Untuk lebih teknikal, silahkan lihat situs JSON-LD
Ada format lain yang bisa digunakan seperti microdata, RDFa, namun format JSON-LD lah yang direkomendasikan untuk dipakai.
Hai saya Hilman, membuat situs Sekolah Koding (Skodev) dan menulis buku untuk programmer (Halo Koding), Halo Koding . Sudah mengetik-ngetik alias programming sejak 2015. Semoga artikel dan situs ini bisa bantu karir kamu ya!