anasayfa
Kapat
  • PAYLAŞ

Ld+Json Kullanımı

AnasayfaTeknoloji & Web & İnternetLd+Json Kullanımı

Ld+json kullanımı nasıl yapılır diye çok sorular gelmeye başladı. Elimizden geldiğince ld+json kullanımı, ld+json örneklerini anlatmaya çalışalım.

Web site sahiplerinin sürekli Google algoritmalarını takip etmesi artık bir şart oldu, her gün yeni bir olay ve geliştirici seçenekleri ortaya çıkıyor. Bunların en başında da tabiki Google geliyor. Google son çıkarmış olduğu panda algoritması ile aslında bir çok özelliğin yanısıra web site sahiplerine bir mesaj gönderdi

  • Google sitenizi ne kadar düzenli ve tertipli görürse o kadar site değeriniz olacaktır.

kısaca Google bizlere bu mesajı göndermiş oldu. Yani Google bizlerden, ziyaretçilerin aradığını bulabilmesi için kendini bana doğru dürüst anlat diyor. Neyin nerede olduğunu ben ne kadar iyi anlarsam o oranda sitene ziyaretçi gönderirim, diyor 🙂

Tabi bu web sitesini anlatmada en etkili seçeneklerden birisi schema.org sitesinde bulunan structure data property-özellikleri geliyor.

Bizim, yani Web site sahipleri olarak yapmamız gereken ise ilgili web saysafına girerek yapısal veri şemalarının nasıl oluşturulabileceğini anlamak ve sitelerimizde bu şablonları düzgünce ekleyerek arama motorlarına sitemiz hakkında sahip olması gereken bilgileri düzgünce açık seçik olacak şekilde anlatmak.

Sonra arama motorları sitemizi ne kadar iyi tanırsa, web sitelerimize göndereceği trafikte aynı oranda artacaktır.

Şİmdi isterseniz bazı ld+json örneklerine geçelim.

Not: Google ld+json kullanımından ziyade microdate structure kullanımını tavsiye ediyordu fakat gün geçmiyor ki yeni kurallar ortaya çıkmasın, artık Google ld+json kullanıma eskisi gibi değer verdiğini açıkladı. Schema.org ld+json kullanımını 2013 yılında önermiş ve Google bu öneriyi Ocak, 2015 yılında kabul etmiştir.ld+json kullanımı

Ld+json İle Hangi Bilgiler Belirlenebilir

ld+json kullanımı ile aşağıdaki bilgileri hatta daha fazlasını belirleyebilirsiniz.

  1. Web sitenin kurumsal yada kişisel olup olmadığını.
  2. Web sitenin adres ve telefon bilgilerini.
  3. Bir sayfadaki yazının ne hakkında olduğunu ve yazıya ait anahtar kelimeleri.
  4. Site hakkında yazar, editör bilgilerini.
  5. Yazı sayfasına yazıya ait resim, başlık gibi bilgileri.
  6. Yazı sayfasında yapılmış olan yorumların bilgisini, içeriğini
  7. Breadcrumb gibi dolaşım menüsünü
  8. Relatedlink olarak benzer paylaşımların adreslerini
  9. Resimlere ait genişlik ve yükseklik değerlerini
  10. Yazıların paylaşılma ve güncellenme zaman bilgilerini
  11. Review olarak ürünlerini hakkında oylama bilgisi gösterme, 5 yıldız olarak arama motorlarında görüntülenmesi

gibi bilgileri belirleyebilirsiniz. Bunlar belirleyebileceklerinizden sadece ufak bir kısmıdır. Schema.org sitesini ziyaret ederek daha fazla özellikleri inceleyebilirsiniz.

Ld+Json Örnek Kullanımı

En kaba haliyle ld+json kullanımı, genel kullanım şekli-syntax W3-json-Ld-1.0

<script type=“application/ld+json”>

{vermek istediğiniz bilgiler, kodlarınız}

</script>

orta kısma istediğiniz bilgileri düzenli olacak şekilde ve birbirlerinden virgül ile ayrılmış olarak verebilirsiniz. W^ sitesini ziyaret ederek diğer bir çok kullanımları görebilirsiniz.

Ld+Json Article Örneği

<script type=”application/ld+json”>
{ “@context”: “http://schema.org”,
“@type”: “Article“,
“headline”: “başlık kısmı”,
“alternativeHeadline”: “Alteratif olarak başlık makale hakkında bir kısa ön yazı olabilir”,
“image”: “makaleye ait resim adresi”,
“author”: “yazarın adı ve soyadı”,
“editor”: “Editör var ise onun adı ve soyadı”,
“genre”: “makalenin ne hakkında olduğu”,
“keywords”: “anahtar kelimeler”,
“wordcount”: “makale kaç kelimeden oluşuyor”,
“publisher”: “Yayımcı bilgisi”,
“url”: “makale internet adresi”,
“datePublished”: “makalenin yayımlanma tarihi-2017-11-11”,
“dateCreated”: “makalenin ilk oluşturulduğu tarih”,
“dateModified”: “makalede değişiklik yapılan tarih”,
“description”: “Makale hakkında kısa açıklama”,
“articleBody”: “Makale içeriği, burası istediğiniz uzunlukta olabilir. Makalenin tamamını buraya yazdırabilirsiniz”
}
</script>

Ld+Json Product – Ürün Örneği

Web sitelerinizdeki ürünleriniz hakkında açıklayıcı bilgileri belirleyebilirsiniz. Örnek kullanım,

<script type=’application/ld+json’>
{
“@context”: “http://www.schema.org”,
“@type”: “product“,
“brand”: “Markanız”,
“logo”: “http://www.anasayfa.xyz/logo.png logo adresiniz”,
“name”: “Ürün adı”,
“category”: “Ürün kategorisi”,
“image”: “Ürüne ait resim adresi-url”,
“description”: “Ürüne ait açıklama”,
“aggregateRating”: {
“@type”: “aggregateRating“,
“ratingValue”: “5”,
“reviewCount”: “10”
}
}
</script>

yukarıdaki örnekte ürüne ait resim, açıklama, kategori ve ürüne verilmiş olan oylar hakkında bilgiler aynı anda verilmiştir. Bu bir yazınız da olabilir. Ürün 10 defa incelenmiş ve 5 incelemede oy almış

Ld+json Review – Oylama Örneği

Son zamanlarda en fazla dikkat çeken bir özellik, review. Nedeni ise bu bilgi ile arama motorlarında paylaşımlarınızın başlaığının hemen altında 5 adet yıldız olarak oylama sonuçlarının çıkmasını sağlamasıdır. Aşağıdaki resimde olduğu gibi.

Örnek kullanım,

<script type=”application/ld+json”>
{
“@context”: “http://schema.org/”,
“@type”: “Review“,
“itemReviewed”: {
“@type”: “Thing“,
“name”: “Sayfa başlığı”,
“image”: {
“@type”: “imageObject”,
“url”: “Sayfaya ait resmin url adresi”,
“height”: “resmin yükseklik değeri piksel olarak”,
“width”: “resmin genişlik değeri piksel olarak”
}
},
“author”: {
“@type”: “Person“,
“name”: “Paylaşımı yapan kişinin yazarın adı ve soyadı”
},
“reviewRating”: { // oylama bilgisi
“@type”: “Rating“,
“ratingValue”: “8“,
“bestRating”: “10
},
“publisher”: { // yayımcı bilgisi
“@type”: “Organization“,
“name”: “Anasayfa.xyz”
}
}
</script>

ld+json Breadcrumb Örneği

Breadcrumb ile sitenizdeki bağlantıların nasıl sıralandığını nasıl bir hiyerarşik düzene sahip olduğunu belirtebilirsiniz. Herşey üstten başlayarak bir alttaki bölüm için devam edecek şekilde sitenizde link bağlantısını tanımlayabilirsiniz. Dilerseniz örneğe geçelim.

<script type=”application/ld+json”>
{
“@context”: “http://schema.org”,
“@type”: “BreadcrumbList“,
“itemListElement”: [{
“@type”: “ListItem“,
“position”: 1,
“item”: {
“@id”: “https://www.anasayfa.xyz/makaleler”,
“name”: “Makaleler”,
“image”: “https://www.anasayfa.xyz/images/makale.png”
}
},{
“@type”: “ListItem“,
“position”: 2,
“item”: {
“@id”: “https://www.anasayfa.xyz/makaleler/yazarlar”,
“name”: “Yazarlar”,
“image”: “https://www.anasayfa.xyz/images/yazarlar.png”
}
},{
“@type”: “ListItem“,
“position”: 3,
“item”: {
“@id”: “https://www.anasayfa.xyz/makaleler/yazarlar/yasemin”,
“name”: “Yasemin Aybeyaz”,
“image”: “https://www.anasayfa.xyz/images/yasemin.png”
}
},{
“@type”: “ListItem“,
“position”: 4,
“item”: {
“@id”: “https://www.anasayfa.xyz/makaleler/yazarlar/kerem”,
“name”: “Kerem Aybeyaz”,
“image”: “https://www.anasayfa.xyz/images/kerem.png”
}
}]
}
</script>

Yukarıdaki breadcrumbs örneğine dikkatli bakarsanız sırası ile bağlantılar belirtiliyor. Öyle karmaşık gelişigüzel yazar sayfalarının belirtilmesinin yerine tüm yazarlara ait sayfalar sabit ve düzenli bir link yapısı ile en üst sayfadan en alt sayfaya doğru belirtiliyor.

Daha birçok ld+json örneği bulunmaktadır.

Yazdığınız ld+json kodlarının hatası olup olmadığını nasıl anlayacaksınız. Öncelikle sitenize ve ürünlerinize ait verileri istediğiniz örnekte yerlerine yazınız ve Google Yapısal Veri Test Etme sayfasına girerek kodlarınızı test edebilirsiniz.

Sayfaya girdiğiniz zaman bir web sayfasının adını yazarak yada kod snippet’i kısmında da kodlarınızı yazarak butona tıkladıktan sonra hata olup olmadığını kontrol edebilirsiniz.

“Ld+Json Kullanımı” üzerine 6 yorum

  1. Eren Paksu says:
  2. Bünyamin says:
  3. Michael Xdom says:
  4. Yıldıray says:
  5. Erdinç says:
  6. Murat Başdır says:

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

json ld kullanmak il seo açısından daha iyi olur ve arama motorları tarafından daha iyi bir görünüş elde edilir. @BÜNYAMİN

Ld json kullanmaın seoya etkisi nasıl sizce ? json-ld kullanmak gerekli mi ?

ld json kullanımı ile ilgili sadece bu siteyi bulduk. Thank you bro.

ld json kullanımı faydalandığım bir site burası teşekkürler

ld json nasıl kullanılır i m lost without you baby

Çok güzel bir anlatım olmuş ellerinize sağlık. ld+json konunuzu beğendim :)