Panduan untuk Menerapkan Data Terstruktur JSON-LD

Menggunakan markup Skema di situs web Anda untuk mengaktifkan cuplikan kaya dan meningkatkan kehadiran Anda di SERP bukanlah strategi baru. Namun, kami biasanya menemukan bahwa klien baru kami sebelumnya mungkin menahan diri untuk tidak menerapkannya, atau berjuang untuk melakukannya karena kurangnya waktu atau sumber daya.

Tapi sakit kepala menerapkan microdata inline adalah sesuatu dari masa lalu. Google tidak hanya mendukung, tetapi menyarankan agar Anda menggunakan JSON-LD (JavaScript Object Notation for Linked Data) untuk data terstruktur Anda, yang merupakan langkah maju yang besar. Artinya, alih-alih harus membuat hard code mikrodata inline, Google sekarang akan merayapi JavaScript untuk mengakses data terstruktur Anda.

Ini bagus, karena JSON-LD lebih mudah digunakan, dan untuk membaca dan menulis jika Anda ingin. Terlebih lagi, sekarang ada lebih banyak cara untuk mengimplementasikan data terstruktur Anda.

“Tapi, bagaimana jika saya tidak tahu cara menulis JavaScript?”

Kabar baiknya tidak berhenti di sini. Posting ini akan memandu Anda melalui beberapa cara termudah untuk mengimplementasikan data terstruktur Anda, serta mencantumkan beberapa sumber daya yang sangat berguna untuk mempelajari tentang JSON-LD.

Alat Penyorot Data Google

Pertama-tama Anda memiliki opsi untuk menggunakan alat Penyorot Google Search Console, yang memungkinkan Anda menerapkan data terstruktur tanpa harus melihat satu baris kode .

Anda dapat menambahkan Skema untuk berbagai data termasuk artikel, acara, produk & informasi bisnis lokal. Alat ini kemudian akan memberi Anda pratinjau halaman sehingga Anda dapat langsung menyorot konten tertentu, menambahkan markup untuk Anda seperti yang Anda lakukan:

Ini adalah cara termudah dan tercepat untuk menambahkan data terstruktur ke situs web Anda. Jadi mengapa repot-repot melakukannya dengan cara yang sulit?

Nah, masalahnya adalah penyorot data Google hanya berbicara kepada Google. Jadi, meskipun ini adalah tempat yang bagus untuk memulai, Anda tidak boleh berhenti di situ.

Kami melihat perkembangan berkelanjutan dalam cara Google menggunakan data terstruktur. Baru-baru ini ada pengumuman untuk Kartu Kaya di seluler:

Tidak hanya terbatas pada Google saja—raksasa media sosial telah menemukan cara untuk memanfaatkan data ini. Pinterest misalnya, aktifkan Pin Kaya untuk menarik data tentang produk, resep, tempat, dan sebagainya.

Ada banyak hal keren yang dapat Anda lakukan dengan markup Skema yang juga tidak dapat Anda lakukan dengan alat penyorot Google. Misalnya, mengapa tidak mencoba menambahkan profil media sosial Anda ke panel pengetahuan seperti yang dimiliki ASOS di bawah ini:

Mungkin Anda ingin menambahkan bilah pencarian tautan situs seperti yang dimiliki BuzzFeed di bawah ini, untuk memungkinkan orang mencari di dalam situs web Anda dari dalam SERP (itu sangat meta):

Untuk semua alasan di atas, kami sangat menyarankan Anda menggunakan alat penyorot data Google sebagai solusi jangka pendek, sambil berusaha memastikan Anda mengkodekan markup Skema Anda di halaman web Anda sebagai lebih dari solusi bukti masa depan. Ini akan memberi Anda kepemilikan dan pengelolaan penuh atas data terstruktur Anda. Ini juga dapat menguntungkan Anda di Bing dan mesin pencari kecil lainnya.

Cara Mudah Menambahkan Markup Skema

Jika situs web Anda menggunakan WordPress, Anda dapat menggunakan plugin seperti Schema Creator oleh Raven. Alat praktis ini akan memandu Anda melalui proses dan membuat kode pendek untuk setiap Skema yang Anda buat, memungkinkan Anda untuk mengeditnya setelahnya:

Jika Anda tidak menggunakan WordPress dan Anda masih ingin menyerahkan kode data terstruktur JSON-LD Anda, atau jika Anda hanya ingin mempelajari lebih lanjut tentang subjek, maka di sinilah Google Tag Manager masuk!

Menggunakan Google Pengelola Tag untuk Mendorong Data Terstruktur

Hal yang menarik tentang mesin pencari yang mendukung JSON-LD adalah bahwa itu akan diambil di mana saja di HTML, bahkan jika itu dimasukkan secara dinamis oleh sistem manajemen tag seperti Google Pengelola Tag.

Memahami dengan JSON-LD

Sebelum memulai, Anda harus meluangkan waktu untuk membiasakan diri dengan JSON-LD. Untungnya, Anda dapat menemukan banyak sumber daya yang berguna secara online, tetapi jika Anda masih tidak merasa percaya diri maka Anda perlu berkonsultasi dengan pengembang atau profesional pemasaran yang berpengalaman bekerja dengan JSON-LD.

Berikut beberapa tautan untuk membantu Anda memulai:

• Dokumentasi di Schema.org, terdaftar berdasarkan jenisnya.
• JSON Playground, tempat yang bagus untuk bermain-main dengan informasi yang Anda temukan di tautan di atas, dengan beberapa contoh berguna untuk membantu Anda memulai.
• Generator JSON-LD oleh pengembang James Flynn, sangat mudah digunakan dan bekerja keras untuk Anda.
• Panduan data terstruktur dunia nyata dari Search Engine News, dengan contoh cuplikan kaya di alam liar.

Panduan Langkah demi Langkah

Sekarang mari kita lihat contoh penggunaan Tag Manager yang mudah diikuti untuk mendorong data terstruktur JSON-LS untuk membantu Anda memulai. Catatan: Jika Anda belum menggunakan GTM untuk menerapkan dan mengelola tag pemasaran dan analitik, baca panduan penyiapan dan penginstalan sederhana ini.

Langkah Satu – Tambahkan tag

Pertama-tama, tambahkan tag baru:

Langkah Kedua – Beri nama tag Anda

Beri nama tag Anda sesuatu yang masuk akal. Dalam contoh ini saya akan berkonsentrasi pada penambahan Markup Skema Organisasi:

Langkah Tiga – Pilih Tag HTML Khusus

Karena kami menggunakan markup JSON-LD kami sendiri, Anda perlu memilih opsi tag HTML khusus dan tekan lanjutkan:

Langkah Empat – Masukkan markup JSON-LD Anda

Sekarang Anda perlu memasukkan markup Anda di kotak HTML. Dalam contoh ini saya telah menggunakan format JSON-LD untuk Organisasi yang ditemukan di sini.

Langkah Lima – Pilih kapan tag harus diaktifkan

Untuk pengaturan khusus ini saya ingin memilih api di semua halaman, karena ini adalah markup 'Organisasi' dan dengan demikian luas situs. Untuk melakukan ini, saya cukup memilih 'semua halaman' sebelum menyimpan tag. Implementasi saya kemudian selesai:

Jika Anda ingin menambahkan Skema yang khusus untuk halaman atau grup halaman tertentu, Anda dapat menggunakan opsi 'beberapa halaman' untuk menentukan halaman tertentu:

Anda mungkin ingin melakukan ini jika Anda menambahkan informasi Bisnis Lokal untuk halaman kontak Anda, atau jika Anda memiliki beberapa lokasi bisnis untuk markup.

Tip: Jika Anda ingin menentukan sekelompok halaman, Anda dapat menggunakan operasi 'berisi' URL halaman atau operasi RegEx (ekspresi reguler).

Kiat Lain: Anda dapat menggabungkan data terstruktur (kode) ke dalam satu tag HTML khusus atau grup tag logis untuk mengurangi jumlah tag yang Anda miliki di penampung Anda.

Langkah Enam – Pengujian

Meskipun Anda dapat menggunakan mode debug dan pratinjau Google Pengelola Tag untuk menguji apakah tag Anda diaktifkan, Anda juga perlu memastikan bahwa Anda memeriksanya berfungsi di luar platform Pengelola Tag:

Google dan Bing keduanya memiliki alat yang berguna untuk menguji data terstruktur Anda dan memastikan semuanya berfungsi sebagaimana mestinya. Ingatlah untuk memublikasikan versi penampung Anda di Tag Manager terlebih dahulu.

• Alat Pengujian Data Terstruktur Google
• Validator Markup Bing

Pastikan Anda menggunakan alat gratis ini saat menguji penerapan Anda, apakah Anda telah menggunakan plugin, Pengelola Tag, atau membuat kode keras Skema Anda. Google baru-baru ini membuat beberapa perbaikan pada alat mereka, menyempurnakan fitur seperti penyorotan, pencarian dan penggantian, dan pelengkapan otomatis.

Metode ini memungkinkan Anda memasukkan cuplikan JSON-LD ke halaman atau halaman tanpa masalah. Namun jika Anda ingin lebih teknis dan menggunakan Tag Manager untuk membuat cuplikan Anda secara dinamis, misalnya menggunakan {{page URL}}, itu tidak akan berfungsi. Chris Goddard baru-baru ini menulis posting yang bagus termasuk pekerjaan untuk ini di blog Moz.

Kesimpulan

Perkembangan terakhir selama beberapa tahun terakhir telah membuatnya jauh lebih mudah untuk menerapkan markup Skema di situs web Anda. Alat Penyorot Data milik Google sendiri adalah cara mudah untuk menambahkan Skema dengan cepat untuk keuntungan Google, tetapi Anda disarankan untuk membuat kode Skema Anda, baik dengan menggunakan plug-in, Google Pengelola Tag, atau dengan tangan.

Menerapkan data terstruktur JSON-LD sekarang merupakan cara yang paling banyak diterima dan direkomendasikan untuk memformat markup Skema. Meskipun tidak menjamin bahwa hasil pencarian Anda akan menampilkan cuplikan kaya atau kartu kaya, hal ini tidak akan menyurutkan Anda untuk menyediakan mesin pencari dengan data terbaik, asalkan diterapkan dengan benar.

Jika Anda memerlukan bantuan dalam menerapkan data terstruktur di situs web Anda, hubungi kami.

Jika Anda membutuhkan bantuan dengan Anda jangan ragu untuk menghubungi kami.