Schema.org - JSON-LD - Di Mana Tempatnya?

94

Saya ingin menggunakan JSON-LD untuk skema di situs web. (Skema artinya data schema.org.) Saya tahu cara menulis data, tetapi pertanyaan saya apakah ada lokasi yang lebih disukai di kode saya untuk memasukkan data ini? Dengan kata lain, harus JSON-LD selalu berada di head, body, dll?

L84
sumber

Jawaban:

67

Dari perspektif Schema.org, JSON-LD, dan RDF yang mungkin diekstrak, itu tidak masalah. Datanya sama, tidak peduli dari mana dokumen itu diekstraksi.

Dari perspektif HTML5:

Jika ini adalah data tentang halaman Anda (atau tentang apa halaman ini), Anda dapat menempatkan scriptelemen di head, sebagai headelemen

[…] Mewakili kumpulan metadata untuk Dokumen

Tapi tentu saja tidak salah menggunakan bodyuntuk ini saja. Hanya saja Anda tidak boleh menggunakan headuntuk data yang bukan tentang halaman Anda atau apa yang diwakilinya.

unor
sumber
90

Data tersebut dapat ditempatkan dimana saja. Dari dokumentasi Google :

Data, diapit dalam tag <script type="application/ld+json">... </script>seperti yang ditunjukkan pada contoh di bawah ini, dapat ditempatkan di salah satu <HEAD>atau <BODY>wilayah halaman yang menampilkan acara itu.

Anda juga dapat menggunakan data yang diambil secara dinamis menggunakan AJAX :

Markup JSON-LD yang dimasukkan oleh Javascript yang dijalankan saat pemuatan halaman awal dapat dikenali.

Pembaruan (seperti yang ditunjukkan oleh Antony di komentar)

The dokumentasi terbaru mengatakan:

[JSON-LD adalah] notasi JavaScript yang disematkan di tag di kepala atau badan halaman ... Google dapat membaca data JSON-LD saat data tersebut secara dinamis dimasukkan ke dalam konten halaman, seperti dengan kode JavaScript atau widget yang disematkan di konten Anda sistem manajemen.

Dheeraj Vepakomma
sumber
5
URL barunya adalah developers.google.com/search/docs/guides/intro-structured-data . Ada tabel 2/3 ke bawah, dengan kolom "Deskripsi dan Penempatan"
Antony
-4

jika Anda memilih untuk menyisipkan <body>, Anda harus melakukannya seperti ini:

<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>

di bawah ini adalah kode script untuk memasukkan data terstruktur Anda ke dalam <head>tag

<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>

periksa dokumentasi di pedoman data terstruktur umum

Richard Rosario
sumber
Apakah Anda dapat mendukung jawaban Anda dengan beberapa sumber atau informasi lebih lanjut? Jawaban lain mengatakan sesuatu yang berbeda, dan saya tidak dapat menemukan apa pun di tautan yang Anda berikan.
Sebi