Pembuatan data terstruktur menggunakan javascript untuk situs web google Anda

Situs web modern secara aktif menggunakan JavaScript untuk menampilkan konten dinamis. Saat Anda menggunakan JavaScript untuk membuat data terstruktur di situs web Anda, ada beberapa poin yang harus Anda perhatikan. Manual ini membahas praktik terbaik dan strategi implementasi.

Jika Anda baru mulai bekerja dengan data terstruktur, Anda dapat membiasakan diri dengan cara kerja data ini di mesin pencari Google.

Ada beberapa opsi untuk menghasilkan data terstruktur menggunakan JavaScript, tetapi yang paling populer adalah: berikut ini:

Google Tag Manager
Castle Javascript

Jika Anda menggunakan penandaan untuk produk, perlu diingat bahwa penandaan yang dihasilkan secara dinamis dapat mengurangi frekuensi dan akurasi pengindeksan produk di mesin pencari, yang sangat penting untuk data yang berubah dengan cepat, seperti ketersediaan barang dan harganya. Jika Anda seorang penjual yang mengoptimalkan semua jenis hasil perdagangan, pastikan bahwa server Anda dapat mengatasi peningkatan beban dari Google.

Menggunakan Google Tag Manager untuk generasi dinamis JSON-LD untuk situs web Google Anda

Google Tag Manager adalah platform yang memungkinkan Anda untuk mengontrol tag di situs Anda tanpa perlu mengedit kode. Untuk menghasilkan data terstruktur menggunakan Google Tag Manager, ikuti langkah -langkah berikut:

Siapkan dan instal Google Tag Manager di situs Anda.
Tambahkan pengguna baru -tag ke wadah.
Masukkan blok yang didukung dari data terstruktur ke dalam konten tag.
Instal wadah seperti yang ditunjukkan di menu administrator kontainer.
Untuk menambahkan tag ke situs Anda, publikasikan wadah di antarmuka Google Tag Manager.
Uji implementasi.

Penggunaan variabel Tag Manager Google untuk situs Google Anda

Google Tag Manager (GTM) mendukung penggunaan variabel untuk mengekstrak data dari halaman dan memasukkannya ke dalam data terstruktur. Penggunaan variabel menghindari duplikasi informasi dalam GTM, yang mengurangi risiko perbedaan antara konten halaman dan data terstruktur yang diimplementasikan menggunakan GTM.

Misalnya, Anda dapat secara dinamis membuat blok JSON-LD untuk resep yang menggunakan nama halaman sebagai nama resep, membuat variabel pengguna berikut bernama recipe_name:

 function() { return document.title; }

Setelah itu, Anda dapat menggunakan recipe_name di kustom -tag Anda.

Kami menyarankan Anda membuat variabel untuk mengumpulkan semua informasi yang diperlukan dari halaman.

Berikut ini adalah contoh isi kustom -tag:

Catatan: Contoh ini menunjukkan bahwa Anda telah menentukan variabel recipe_name, recipe_image dan recipe_author di gtm.

Pembuatan data terstruktur menggunakan javascript khusus untuk situs web google Anda

Metode lain untuk menghasilkan data terstruktur adalah penggunaan JavaScript untuk menghasilkan semua data Anda atau untuk menambahkan informasi ke tanda server. Bagaimanapun, Google dapat memproses dan memahami data terstruktur yang ada di DOM saat merender halaman. Untuk mengetahui lebih lanjut tentang bagaimana Google memproses JavaScript, baca kepemimpinan JavaScript.

Contoh data terstruktur yang dihasilkan menggunakan JavaScript:

Tentukan jenis data terstruktur yang menarik minat Anda.
Edit situs Anda untuk mengaktifkan JavaScript fragmen berikutnya (lihat dokumentasi CMS atau pemasok hosting Anda, atau hubungi pengembang).

 fetch('https://api.example.com/recipes/123') .then(response => response.text()) .then(structuredDataText => { const script = document.createElement('script'); script.setAttribute('type', 'application/ld+json'); script.textContent = structuredDataText; document.head.appendChild(script); });

Uji implementasi Anda menggunakan alat uji hasil yang kaya.

Menggunakan rendering server untuk data terstruktur di situs web Google Anda

Jika Anda menggunakan rendering server, Anda juga dapat memasukkan data terstruktur dalam hasil rendering. Lihatlah dokumentasi kerangka kerja Anda untuk mengetahui cara menghasilkan JSON-LD untuk jenis data terstruktur yang diinginkan.

Menguji implementasi data terstruktur Anda untuk situs web Google Anda

Untuk memastikan bahwa Google dapat mengindeks data terstruktur Anda, ikuti langkah -langkah berikut:

Buka Alat Uji Hasil Kaya.
Masukkan halaman URL yang ingin Anda uji. Kami merekomendasikan menggunakan input URL, bukan kode, karena ketika menggunakan kode, pembatasan dapat terjadi (misalnya, pembatasan CORS).
Klik "Uji URL".

Kesuksesan: Jika Anda telah melakukan semuanya dengan benar dan jenis data terstruktur Anda didukung dalam alat ini, Anda akan melihat pesan "Halaman memenuhi syarat untuk hasil yang kaya". Jika Anda menguji jenis data terstruktur yang tidak didukung dalam tes hasil yang kaya, periksa rendering. Jika berisi data terstruktur, Google akan dapat memprosesnya.

Coba lagi: Jika ada kesalahan atau peringatan, kemungkinan besar itu adalah kesalahan sintaksis atau properti yang tidak ada. Lihat dokumentasi untuk jenis data terstruktur Anda dan pastikan bahwa Anda telah menambahkan semua properti yang diperlukan. Jika masalahnya tidak dihilangkan, periksa juga panduan untuk memperbaiki masalah dengan JavaScript untuk pencarian.

Jika Anda memerlukan bantuan dalam menghasilkan atau menguji data terstruktur untuk situs Anda, Anda dapat menghubungi perusahaan SEO "SEO.Computer" untuk masalah apa pun di email info@seo.computer Atau melalui whatsapp +79202044461.

ID 15