JSON-LD Yapılandırılmış Verilerini Uygulama Kılavuzu

Yayınlanan: 2021-07-19

Zengin snippet'leri etkinleştirmek ve SERP'lerdeki varlığınızı artırmak için web sitenizde Şema işaretlemesini kullanmak yeni bir strateji değil. Bununla birlikte, genellikle yeni müşterilerimizin daha önce uygulamaktan kaçınmış olabileceğini veya zaman veya kaynak eksikliği nedeniyle zorlandıklarını görüyoruz.

Ancak satır içi mikro verileri uygulamanın baş ağrıları geçmişte kaldı. Google, JSON-LD (Bağlantılı Veriler için JavaScript Nesne Gösterimi) kullanmanızı yalnızca desteklemekle kalmaz, aynı zamanda tavsiye eder. JSON-LD Yapılandırılmış Verilerini Uygulama ileriye doğru atılmış büyük bir adım olan yapılandırılmış verileriniz için. Bu, Google'ın satır içi mikro verileri sabit kodlamak yerine artık yapılandırılmış verilerinize erişmek için JavaScript'i tarayacağı anlamına gelir.

Bu harika, çünkü JSON-LD ile çalışmak ve çok istekliyseniz okuması ve yazması daha kolay. Dahası, artık yapılandırılmış verilerinizi uygulamanın her zamankinden daha fazla yolu var.

“Peki ya JavaScript yazmayı bilmiyorsam?”

İyi haber burada bitmiyor. Bu gönderi, yapılandırılmış verilerinizi uygulamanın en kolay yollarından bazılarında size yol gösterecek ve ayrıca JSON-LD hakkında bilgi edinmek için çok yararlı bazı kaynakları listeleyecektir.

Google'ın Veri İşaretleyici Aracı

Her şeyden önce, tek bir kod satırına bakmak zorunda kalmadan yapılandırılmış verileri uygulamanıza olanak tanıyan Google Arama Konsolu'nun Vurgulayıcı aracını kullanma seçeneğiniz vardır.

Makaleler, etkinlikler, ürünler ve yerel işletme bilgileri dahil olmak üzere bir dizi veri için Şema ekleyebilirsiniz. Araç, daha sonra, belirli içeriği doğrudan vurgulayabilmeniz için sayfanın bir önizlemesini sunacak ve sizin için işaretlemeyi yaptığınız gibi ekleyecektir:

Google Vurgulayıcı aracı - şema ekleme

Bu, web sitenize yapılandırılmış veri eklemenin en kolay ve en hızlı yoludur. Öyleyse neden bunu zor yoldan yapmaya zahmet ediyorsun?

Sorun şu ki, Google'ın veri vurgulayıcısı yalnızca Google ile konuşuyor. Bu nedenle, başlamak için harika bir yer olsa da, orada durmamalısınız.

Google'ın yapılandırılmış verileri kullanma biçiminde sürekli gelişmeler görüyoruz. En son, mobil cihazlarda Zengin Kartlar için bir duyuru yapıldı:

Google, Mobil Cihazlara Zengin Kartlar Ekliyor

Sadece Google ile de sınırlı değil; sosyal medyanın devleri bu verileri kullanmanın yollarını buldu. Örneğin Pinterest, Zengin Pinlerin ürünler, tarifler, yerler vb. hakkında veri çekmesini sağlar.

Google'ın vurgulayıcı aracıyla yapamayacağınız, Schema işaretlemesiyle yapabileceğiniz pek çok harika şey var. Örneğin, neden ASOS'un aşağıdaki gibi bilgi paneline sosyal medya profillerinizi eklemeyi denemiyorsunuz:

ASOS sosyal profiller şeması işaretlemesi

Belki de insanların SERP içinden web sitenizde arama yapmasına izin vermek için BuzzFeed'in aşağıdaki gibi bir site bağlantısı arama çubuğu eklemek istersiniz (bu çok metadır):

BuzzFeed Site Bağlantıları arama kutusu şeması işaretlemesi

Yukarıdaki tüm nedenlerden dolayı, web sayfalarınızda Şema işaretlemenizi geleceğe yönelik bir çözüm olarak kodlamanızı sağlamaya çalışırken, Google'ın veri vurgulayıcı aracını kısa vadeli bir çözüm olarak kullanmanızı şiddetle tavsiye ederiz. Bu size yapılandırılmış verilerinizin tam sahipliğini ve yönetimini sağlayacaktır. Bing ve diğer küçük arama motorlarında da size fayda sağlayabilir.

Şema İşaretleme Eklemenin Kolay Yolları

Web siteniz WordPress üzerindeyse, Raven tarafından Schema Creator gibi bir eklenti kullanabilirsiniz. Bu kullanışlı araç, süreç boyunca size rehberlik edecek ve oluşturduğunuz her Şema için daha sonra düzenlemenize olanak tanıyan bir kısa kod oluşturacaktır:

Raven Şema Oluşturucu Formu

WordPress kullanmıyorsanız ve yine de JSON-LD yapılandırılmış verilerinizi elle kodlamak istiyorsanız veya yalnızca konu hakkında daha fazla bilgi edinmek istiyorsanız, Google Etiket Yöneticisi tam da burada devreye giriyor!

Yapılandırılmış Verileri Aktarmak için Google Etiket Yöneticisini Kullanma

JSON-LD'yi destekleyen arama motorlarının heyecan verici yanı, Google Etiket Yöneticisi gibi bir etiket yönetim sistemi tarafından dinamik olarak eklenmiş olsa bile, HTML'nin herhangi bir yerinde seçilecek olmasıdır.

JSON-LD ile Kavrama

Başlamadan önce, JSON-LD'yi tanımak için biraz zaman harcamanız gerekecek. Neyse ki, çevrimiçi olarak birçok yararlı kaynak bulabilirsiniz, ancak yine de kendinize güvenmiyorsanız, o zaman JSON-LD ile çalışma deneyimi olan bir geliştiriciye veya pazarlama uzmanına danışmanız gerekecektir.

İşte başlamanıza yardımcı olacak birkaç bağlantı:

  • Türe göre listelenen Schema.org'daki belgeler.
  • JSON Playground, yukarıdaki bağlantıda bulduğunuz bilgilerle ve başlamanıza yardımcı olacak bazı yararlı örneklerle oynamak için harika bir yer.
  • Geliştirici James Flynn'den JSON-LD Jeneratör, kullanımı çok kolay ve zor işi sizin için yapıyor.
  • Vahşi doğada zengin snippet örnekleriyle Search Engine News'den gerçek dünya yapılandırılmış veri kılavuzu.

Adım adım rehber

Şimdi, başlamanız için JSON-LS yapılandırılmış verilerini göndermek için Etiket Yöneticisi'ni kullanmanın izlenmesi kolay bir örneğine göz atalım. Not: Pazarlama ve analiz etiketlerini dağıtmak ve yönetmek için halihazırda GTM kullanmıyorsanız, bu basit kurulum ve kurulum kılavuzunu okuyun.

Birinci Adım – Bir etiket ekleyin

Her şeyden önce, yeni bir etiket ekleyin:
yeni bir etiket ekle - google etiket yöneticisi

İkinci Adım – Etiketinize bir ad verin

Etiketinize mantıklı bir ad verin. Bu örnekte, Organizasyon Şeması İşaretlemesi eklemeye odaklanacağım:
JSON organizasyon şeması işaretlemesi

Üçüncü Adım – Özel HTML Etiketi Seçin

Kendi JSON-LD işaretlememizi kullandığımızdan, özel HTML etiketi seçeneğini seçmeniz ve devam tuşuna basmanız gerekir:

Özel HTML Etiketi Seçin

Dördüncü Adım – JSON-LD işaretlemenizi girin

Şimdi, işaretlemenizi HTML kutusuna girmeniz gerekiyor. Bu örnekte, burada bulunan Organizasyon için JSON-LD biçimini kullandım.

Beşinci Adım – Etiketin ne zaman tetikleneceğini seçin

Bu özel kurulum için tüm sayfalarda ateşi seçmek istiyorum, çünkü bu bir 'Kuruluş' işaretlemesi ve dolayısıyla site genelinde. Bunu yapmak için etiketi kaydetmeden önce 'tüm sayfaları' seçebilirim. Uygulamam daha sonra tamamlandı:
Tüm Sayfalarda Ateş

Belirli bir sayfaya veya sayfa grubuna özel Şema eklemek isterseniz, belirli bir sayfayı belirtmek için 'bazı sayfalar' seçeneğini kullanabilirsiniz:

Bazı sayfaların google etiket yöneticisi tetikleyicisini seçme
İletişim sayfanız için Yerel İşletme bilgileri ekliyorsanız veya işaretlemeniz gereken birkaç işletme konumunuz varsa bunu yapmak isteyebilirsiniz.

İpucu: Bir sayfa grubu belirtmek istiyorsanız, sayfa URL'si 'içerir' işlemini veya RegEx (normal ifade) işlemini kullanabilirsiniz.

Başka bir İpucu: Kapsayıcınızdaki etiket sayısını azaltmak için yapılandırılmış verilerinizi (kodunuzu) tek bir özel HTML etiketi veya mantıksal etiket grupları halinde birleştirebilirsiniz.

Altıncı Adım – Test Etme

Etiketinizin tetiklenip tetiklenmediğini test etmek için Google Etiket Yöneticisi'nin önizleme ve hata ayıklama modunu kullanabilseniz de, Etiket Yöneticisi platformunun dışında çalışıp çalışmadığını da kontrol etmeniz gerekir:

GTM'de önizleyin, hata ayıklayın ve yayınlayın

Google ve Bing, yapılandırılmış verilerinizi test etmek ve her şeyin olması gerektiği gibi çalıştığından emin olmak için kullanışlı araçlara sahiptir. Yalnızca kapsayıcı sürümünüzü önce Etiket Yöneticisi'nde yayınlamayı unutmayın.

  • Google'ın Yapılandırılmış Veri Test Aracı
  • Bing'in İşaretleme Doğrulayıcısı

Yapılandırılmış verilerinizi test edin

Bir eklenti, Etiket Yöneticisi kullanmış veya Şemanızı sabit kodlamış olsanız da, uygulamanızı test ederken bu ücretsiz araçları kullandığınızdan emin olun. Google yakın zamanda araçlarında bazı iyileştirmeler yaparak vurgulama, arama ve değiştirme ve otomatik tamamlama gibi özellikleri iyileştirdi.

Bu yöntem, bir sayfaya veya sayfalara sorunsuz bir şekilde JSON-LD snippet'i eklemenizi sağlar. Ancak daha teknik bilgi edinmek ve örneğin {{page URL}} kullanarak snippet'inizi dinamik olarak oluşturmak için Etiket Yöneticisi'ni kullanmak istiyorsanız, bu çalışmayacaktır. Chris Goddard kısa süre önce Moz blogunda bunun için bir çözüm içeren harika bir yazı yazdı.

Sonuç

Son birkaç yıldaki son gelişmeler, web sitenizde Şema işaretlemesini uygulamayı çok daha kolay hale getirdi. Google'ın kendi Veri İşaretleyici aracı, Google'ın yararına Şema eklemenin kolay bir yoludur, ancak Şemanızı eklentileri, Google Etiket Yöneticisini kullanarak veya elle kodlamayı planlamanız önerilir.

JSON-LD yapılandırılmış verilerini uygulamak, Şema biçimlendirmesini biçimlendirmenin artık en yaygın olarak kabul edilen ve önerilen yoludur. Arama sonuçlarınızın zengin snippet'ler veya zengin kartlar göstereceğini garanti etmese de, bu, doğru uygulandığı takdirde arama motorlarına mümkün olan en iyi verileri sağlamaktan sizi vazgeçirmemelidir.

Web sitenize yapılandırılmış verileri uygulama konusunda yardıma ihtiyacınız varsa, iletişime geçin.


Sizinle ilgili yardıma ihtiyacınız varsa, bizimle iletişime geçmekten çekinmeyin.