JavaScript ile yapılandırılmış veri oluşturma

Modern web siteleri, çok sayıda dinamik içerik görüntülemek için JavaScript kullanır. Web sitelerinizde yapılandırılmış veri oluşturmak için JavaScript kullanırken dikkat etmeniz gereken birkaç husus vardır ve bu kılavuz, en iyi uygulamaları ve uygulama stratejilerini ele almaktadır. Yapılandırılmış veriler konusunda yeniyseniz, şunlar hakkında daha fazla bilgi edinebilirsiniz:
yapılandırılmış verilerin nasıl çalıştığı.

JavaScript ile yapılandırılmış veri oluşturmanın farklı yolları vardır, ancak en yaygın olanları şunlardır:

• Google Tag Manager
• Özel JavaScript

JSON-LD’yi dinamik olarak oluşturmak için Google Tag Manager kullanın

Google Tag Manager , web sitenizdeki etiketleri kodu düzenlemeden yönetmenizi sağlayan bir platformdur. Google Tag Manager ile yapılandırılmış veri oluşturmak için şu adımları izleyin:

1. Google Tag Manager’ı kurun ve yükleyin sitenize.
2. Yeni bir Özel HTML etiketi ekleyin.
3. Desteklenen bir yapılandırılmış veri bloğunu etiket içeriğine yapıştırın.
4. Kapsayıcıyı, kapsayıcınızın yönetici menüsündeki Google Tag Manager’ı yükleyin bölümünde gösterildiği gibi yükleyin.
5. Etiketi web sitenize eklemek için kapsayıcınızı Google Tag Manager arayüzünde yayınlayın.
6. Uygulamanızı test edin.

Google Tag Manager’da değişkenleri kullanma

Google Tag Manager (GTM), yapılandırılmış verilerinizin bir parçası olarak sayfadaki bilgileri kullanmak için değişkenleri
destekler. Bilgileri GTM’de çoğaltmak yerine sayfadan yapılandırılmış verileri ayıklamak için değişkenleri kullanın. Bilgileri GTM’de çoğaltmak, sayfa içeriği ile GTM kullanılarak eklenen yapılandırılmış veriler arasında bir uyumsuzluk olma riskini artırır.

Örneğin, dinamik olarak bir Tarif JSON-LD bloğu oluşturabilirsiniz; bu blok, aşağıdaki özel değişkeni oluşturarak sayfa başlığını tarif adı olarak kullanır:
recipe_name:

Daha sonra {{recipe_name}} ifadesini özel etiket HTML’nizde kullanabilirsiniz.

Sayfadaki tüm gerekli bilgileri toplamak için değişkenler oluşturmanızı öneririz.

Özel HTML etiketi içeriği için bir örnek:

Özel JavaScript ile yapılandırılmış veri oluşturma

Yapılandırılmış veri oluşturmanın bir başka yolu da, tüm yapılandırılmış verilerinizi oluşturmak veya sunucu tarafında oluşturulan yapılandırılmış verilere daha fazla bilgi eklemek için JavaScript kullanmaktır. Her iki durumda da Google Arama, sayfayı oluşturduğunda DOM’da bulunan yapılandırılmış verileri anlayabilir ve işleyebilir. Google Arama’nın JavaScript’i nasıl işlediği hakkında daha fazla bilgi edinmek için
JavaScript temel bilgileri kılavuzuna.

göz atın.

1. JavaScript ile oluşturulmuş yapılandırılmış veri örneği: İlgilendiğiniz
2. yapılandırılmış veri türünü bulun.
3. Web sitenizin HTML’sini, aşağıdaki örnek gibi bir JavaScript kod parçacığı içerecek şekilde düzenleyin (CMS’nizden veya barındırma sağlayıcınızdan gelen belgelere bakın veya geliştiricilerinize danışın)..

Uygulamanızı Zengin Sonuçlar Testi ile test edin

Sunucu tarafı oluşturma (server-side rendering) kullanma Eğersunucu tarafı oluşturma kullanıyorsanız, yapılandırılmış verileri oluşturulan çıktıya da dahil edebilirsiniz. İlgilendiğiniz
yapılandırılmış veri türü

için JSON-LD’nin nasıl oluşturulacağını öğrenmek üzere çerçevenizin belgelerine bakın.

Uygulamanızı test edin

1. Google Arama’nın yapılandırılmış verilerinizi tarayabildiğinden ve dizine ekleyebildiğinden emin olmak için uygulamanızı test edin: Açın:.
2. Zengin Sonuçlar Testi
   
3. Kod girişi yerine URL girişini kullanmanızı öneririz çünkü kod girişini kullanırken JavaScript sınırlamaları vardır (örneğin, CORS kısıtlamaları). Tıklayın:.

   URL’yi Test EtBaşarı : Her şeyi doğru yaptıysanız veyapılandırılmış veri türünüz araç tarafından destekleniyorsa
   , “Sayfa zengin sonuçlar için uygun” mesajını göreceksiniz.

   Zengin Sonuçlar testi tarafından desteklenmeyen bir yapılandırılmış veri türünü test ediyorsanız, oluşturulan HTML’yi kontrol edin. Oluşturulan HTML yapılandırılmış verileri içeriyorsa, Google Arama bunu işleyebilecektir.Tekrar deneyin : Hatalar veya uyarılar görüyorsanız, bu büyük olasılıkla bir sözdizimi hatası veya eksik bir özelliktir. Yapılandırılmış veri türünüz için belgelere
   göz atın ve tüm özellikleri eklediğinizden emin olun. Sorununuz devam ederse, şu konudaki kılavuzu da kontrol ettiğinizden emin olun:.