Situs modern menggunakan JavaScript untuk menampilkan banyak konten dinamis. Ada beberapa hal yang perlu Anda perhatikan saat menggunakan JavaScript untuk membuat data terstruktur di situs Anda, dan panduan ini mencakup praktik terbaik serta strategi penerapan. Jika baru mengenal data terstruktur, Anda dapat mempelajari lebih lanjut cara kerja data terstruktur. Show
Ada berbagai cara untuk membuat data terstruktur dengan JavaScript, tetapi yang paling umum adalah: Menggunakan Google Tag Manager untuk membuat JSON-LD secara dinamisGoogle Tag Manager adalah platform yang memungkinkan Anda mengelola tag di situs Anda tanpa mengedit kode. Untuk membuat data terstruktur dengan Google Tag Manager, ikuti langkah-langkah berikut:
Menggunakan variabel di Google Tag ManagerGoogle Tag Manager (GTM) mendukung variabel untuk menggunakan informasi di halaman sebagai bagian dari data terstruktur Anda. Gunakan variabel untuk mengekstrak data terstruktur dari halaman, bukan menduplikasi informasi di GTM. Menduplikasi informasi di GTM meningkatkan risiko ketidakcocokan antara konten halaman dan data terstruktur yang disisipkan melalui GTM. Misalnya, Anda dapat membuat blok JSON-LD Resep secara dinamis yang menggunakan judul halaman sebagai nama resep dengan membuat variabel khusus bernama function() { return document.title; } Selanjutnya, Anda dapat menggunakan Sebaiknya Anda membuat variabel untuk mengumpulkan semua informasi yang diperlukan dari halaman tersebut menggunakan variabel. Berikut adalah contoh untuk konten tag HTML kustom: <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "Recipe", "name": "{{recipe_name}}", "image": [ "{{recipe_image}}" ], "author": { "@type": "Person", "name": "{{recipe_author}}" } } </script>Catatan: Contoh sebelumnya mengasumsikan bahwa Anda menentukan variabel recipe_name , recipe_image , dan recipe_author di GTM.Membuat data terstruktur dengan JavaScript kustomCara lain untuk membuat data terstruktur adalah menggunakan JavaScript untuk membuat semua data terstruktur Anda atau menambahkan informasi lainnya ke data terstruktur yang dirender di sisi server. Apa pun cara yang dipilih, Google Penelusuran dapat memahami dan memproses data terstruktur yang tersedia di DOM saat merender halaman. Untuk mempelajari lebih lanjut cara Google Penelusuran memproses JavaScript, lihat panduan dasar JavaScript. Berikut adalah contoh data terstruktur yang dibuat JavaScript:
Menggunakan rendering sisi serverJika menggunakan , Anda juga dapat menyertakan data terstruktur yang diinginkan dalam output yang dirender. Periksa dokumentasi framework Anda untuk mengetahui cara membuat JSON-LD untuk jenis data terstruktur yang diinginkan. Menguji penerapan AndaUntuk memastikan Google Penelusuran dapat meng-crawl dan mengindeks data terstruktur Anda, uji implementasi Anda:
|