Schema.org - JSON-LD - Nereye Yerleştirilir?


97

Bir web sitesinde şema için JSON-LD kullanmak istiyorum. (Şema, schema.org verilerini ifade eder.) Verileri nasıl yazacağımı biliyorum, ancak sorum, kodumda bu verileri eklemek için tercih edilen bir yer var mı? Başka bir deyişle, JSON-LD daima olmalıdır head, bodyvb?

Yanıtlar:


69

Schema.org, JSON-LD ve muhtemelen çıkarılan RDF perspektiflerinden, önemli olmamalıdır. Veriler, belgenin neresinden çıkarılmış olursa olsun aynıdır.

HTML5 açısından:

Sayfanıza (ya da ne bu sayfa hakkında) hakkında veri konusuysa, yer verebilir scriptiçinde elemanı headolarak, headeleman

[…] Belge için bir meta veri koleksiyonunu temsil eder

Ama elbette bunun için kullanmak yanlış olmaz body. Sadece headsayfanızla veya temsil ettiği şeyle ilgili olmayan veriler için kullanmamalısınız .


96

Veriler herhangi bir yere yerleştirilebilir. Gönderen Google'ın belgelerinde :

Aşağıdaki örneklerde gösterildiği gibi <script type="application/ld+json">... </script>etiketlerinin içinde yer alan veriler, o etkinliği görüntüleyen sayfanın ya <HEAD>da <BODY>bölgesine yerleştirilebilir .

AJAX kullanılarak dinamik olarak getirilen verileri de kullanabilirsiniz :

İlk sayfa yüklemesinin ardından çalışan Javascript tarafından eklenen JSON-LD işaretlemesi tanınabilir.

Güncelleme ( yorumlarda Antonius'un işaret ettiği gibi )

En son belgeler şunları söylüyor:

[JSON-LD, bir] sayfa başlığında veya gövdesinde bir etikete yerleştirilmiş bir JavaScript gösterimi ... Google, JavaScript kodu veya içeriğinizdeki gömülü widget'lar gibi sayfanın içeriğine dinamik olarak enjekte edildiğinde JSON-LD verilerini okuyabilir Yönetim Sistemi.


5
Yeni URL, developers.google.com/search/docs/guides/intro-structured-data şeklindedir . "Açıklama ve Yerleştirme" sütunuyla birlikte 2/3 oranında aşağıda bir tablo var
Antony

-3

içine eklemeyi seçerseniz <body>, bunu şu şekilde yapmalısınız:

<p class="companyName" vocab="http://schema.org/" resource="#manu" typeof="Organization">
   <span property="name">ShopTech Media</span>
   <img property="logo" src="https://yoursite.com/logo.png" />
   <a property="url" href="http://www.yoursite.com">Home page</a>
</p>
<p typeof="contactPoint">
  <span property="contactType">Customer Service:</span>
<span property="telephone">+45-xxxxxxx</span>
</p>

yapılandırılmış verilerinizi <head>etikete eklemek için komut dosyası kodu aşağıdadır

<script type="application/ld+json"> 
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "url": "http://www.shoptech.media",
  "logo": "https://shoptech.media/wp-content/uploads/2019/08/cropped-logo-sm.png",
  "contactPoint": [{
    "@type": "ContactPoint",
    "telephone": "+45-65711114",
    "contactType": "customer service"
  }]
}
</script>

genel yapılandırılmış veri kılavuzundaki belgeleri kontrol edin


Cevabınızı bazı kaynaklar veya daha fazla bilgi ile yedekleyebiliyor musunuz? Diğer yanıtlar farklı bir şey söylüyor ve verdiğiniz bağlantıda hiçbir şey bulamıyorum.
Sebi
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.