par notre Agence Web Optimize 360
Javascript Object Notation for Linked Data (JSON-LD)
Le JavaScript Object Notation for Linked Data (JSON-LD) est un format de données très répandu et largement utilisé pour structurer des informations sur le web.
Cet article présente le JSON-LD en dix points principaux, afin d’aider à mieux comprendre ses fonctionnalités et comment il peut être utilisé dans vos projets.
Comme son nom l’indique, le JSON-LD est une extension du célèbre format JSON. Il a été conçu pour simplifier l’utilisation des données structurées sur le web, en permettant aux développeurs d’inclure des données sémantiques directement dans leurs documents HTML. Le JSON-LD est basé sur la syntaxe JSON, ce qui signifie qu’il est facile à lire et à écrire pour les humains comme pour les machines.
Il existe plusieurs formats de données structurées disponibles, mais le JSON-LD offre certains avantages clés qui le distinguent des autres :
Le JSON-LD est composé de plusieurs éléments clés qui définissent la structure des données et leur signification :
Le JSON-LD supporte différents types de données pour représenter des informations textuelles, numériques, booléennes ou spatiales. Voici quelques exemples :
Les objets JSON-LD peuvent être associés les uns aux autres via des propriétés, formant ainsi une structure de graphe. Par exemple, on peut modéliser une relation “auteur” entre un livre et son auteur de cette manière :
{
"@context" : "http://schema.org/",
"@type" : "Livre",
"titre" : "Les Misérables",
"auteur" : {
"@type" : "Personne",
"nom" : "Victor Hugo"
}
}
Pour garantir l’interopérabilité des données, il est recommandé d’utiliser des vocabulaires standardisés tels que Schema.org ou Dublin Core dans les documents JSON-LD. Ceci permet aux consommateurs de données (moteurs de recherche, applications web, etc.) de mieux comprendre et exploiter les informations contenues dans votre document.
Voici un exemple d’utilisation du vocabulaire Schema.org pour décrire une recette de cuisine :
{
"@context" : "http://schema.org/",
"@type" : "Recipe",
"name" : "Tiramisu",
"ingredients" : [
"4 œufs",
"500 g de mascarpone",
"150 g de sucre",
"24 biscuits à la cuillère",
"Café noir"
],
"image" : "http://exemple.com/tiramisu.jpg",
"prepTime" : "PT30M",
"cookTime" : "0"
}
En injectant des données JSON-LD structurées dans vos pages web, vous pouvez améliorer leur visibilité et leur accessibilité auprès des moteurs de recherche. En effet, les principales plateformes (Google, Bing, Yahoo !, Yandex) supportent la syntaxe JSON-LD et peuvent utiliser ces données pour enrichir leurs résultats de recherche avec des informations supplémentaires (“rich snippets”) telles que des étoiles de notation, des images, des liens vers des profils sociaux, etc.
Pour ajouter des données JSON-LD à une page HTML, il suffit de les insérer dans une balise <script> de type application/ld+json, généralement placée dans l’en-tête (<head>) du document :
< !DOCTYPE html>
<html>
<head>
<title>Exemple d'intégration de JSON-LD</title>
<script type="application/ld+json">
{
"@context" : "http://schema.org/",
"@type" : "WebPage",
"name" : "Exemple d'intégration de JSON-LD",
"url" : "http://exemple.com/integration-json-ld"
}
</script>
</head>
...
</html>
Plusieurs outils en ligne et librairies sont disponibles pour vous aider à créer, valider et manipuler des documents JSON-LD. Voici quelques exemples :
Pour aller plus loin dans la découverte et l’utilisation du JSON-LD, voici quelques ressources qui pourront vous être utiles :