Guide XXL: JSON-LD

Les données structurées deviennent de plus en plus importantes pour l'optimisation des moteurs de recherche. Parce que les moteurs de recherche tels que Google peuvent lire ces données et les utiliser pour enrichir leurs résultats (Rich Snippets) ou pour obtenir des résultats spéciaux tels que Knowledge Graph.

Pour tirer parti de ces avantages, marquez votre contenu avec du balisage. JSON-LD est un moyen de marquer facilement des données structurées. Dans ce guide, vous apprendrez tout ce qui est important pour préparer votre contenu Web de manière optimale pour Google & Co.

Quelle est la différence entre JSON et JSON-LD?

Derrière l'abréviation JSON cache le terme "JavaScript Object Notation". Il s’agit d’un format de données spécial dérivé de JavaScript qui permet l’échange d’informations textuelles. Ce format peut être facilement lu et traité par les humains et les machines. En tant que JavaScript côte à côte, JSON lui-même doit être un JavaScript et être stocké dans le code source.

Le gros avantage de JSON est que le format de données peut être utilisé sur plusieurs plates-formes. Aujourd'hui, il est principalement utilisé pour la transmission et le stockage de données structurées. De même, des applications Web ou des applications Web avec des objets JSON peuvent être utilisées.

La caractéristique de JSON est la syntaxe, qui consiste principalement en des paires nom-valeur. Un objet est marqué avec des accolades. A l'intérieur de l'objet, des propriétés individuelles, c'est-à-dire des propriétés, peuvent être définies. Chaque propriété a une valeur séparée par deux points. JSON est donc devenu de plus en plus populaire ces dernières années car sa structure est plus simple que, par exemple, XML.

JSON-LD Cependant, il signifie "Notation d'objet JavaScript pour les données liées". Derrière, il y a une possibilité d'intégrer des données structurées dans un site Web. JSON-LD a une notation standard W3C depuis 2010. La spécification du langage de balisage a été développée par Manu Sporny.

Contrairement aux autres méthodes de tarification pour les données structurées telles que les microformats, RDFa et les microdonnées, le code source n'est pas directement distingué, mais les méta-informations sont séparées du contenu réel du site Web via un script.

JSON-LD est basé sur la notation JSON et a été étendu par "types" et "propriétés" pour transférer des données structurées ou des données liées.

JSON-LD peut être lu par les moteurs de recherche courants, Google Gmail peut également gérer les données JSON-LD.

Données liées

Si vous utilisez JSON sur un site Web, ces données peuvent être facilement attribuées dans cette page, car la source d'approvisionnement est toujours ce site Web. Toutefois, si les moteurs de recherche doivent lire diverses données marquées avec JSON, cela peut entraîner des interprétations erronées et des assignations incorrectes.

L'extension de JSON aux "données liées" (LD) garantit désormais que les données structurées peuvent être attribuées à un seul site Web. Pour cela l'élément "type" est ajouté. Par exemple, cet élément lie l'URI à l'enregistrement. Fondamentalement, JSON-LD n'est pas défini sur un vocabulaire spécifique.

Utilisation ciblée de JSON-LD

JSON-LD répertorie les éléments d'une page Web et structure ces données. Celles-ci peuvent à leur tour être attribuées et lues de manière unique par les moteurs de recherche. Sur la base de ces données structurées, les moteurs de recherche peuvent améliorer leurs résultats et mieux les organiser.

Où est inséré JSON-LD dans le code HTML?

Google recommande JSON-LD dans le Section du document HTML. Cependant, les moteurs de recherche peuvent également extraire les données de la Lire le segment. De plus, Google a la possibilité de lire les tags LD JSON LD générés de manière dynamique via Google Tag Manager. Comment cela fonctionne est décrit plus en détail dans cet article.

Pourquoi devrais-je utiliser JSON-LD?

JSON-LD est considéré comme un moyen très simple de générer des données structurées. Donc, avec JSON-LD, ces données peuvent facilement être combinées avec un seul

explication:

Cet exemple montre comment JSON-LD se compose de paires nom-valeur. Le signe @ réserve des valeurs spécifiques, par exemple pour '@context' et '@type'. Ces valeurs sont pertinentes pour les moteurs de recherche. Ils font la différence avec les données JSON traditionnelles.

En spécifiant une URL dans le segment "contexte", les données structurées sont liées à une référence à partir de laquelle les données sont lues. Le moteur de recherche est référencé en ajoutant @type à l'URL complète http://schema.org/Book. Cela garantit que les données structurées contenues dans le script sont liées au vocabulaire schema.org.

Pour indiquer clairement à un moteur de recherche qu'il s'agit d'un fichier JSON LD, le script doit inclure cet élément:

Structure des données JSON-LD

Cette courte séquence montre comment les données JSON LD sont construites, sous la forme d'une paire de paires nom-valeur. Il est également facile pour les personnes de connaître la valeur de chaque paire sans indication claire. Dans cet exemple, il apparaît clairement que derrière "name" se cache en réalité le nom de l'objet et derrière "homepage" le site Web correspondant. Pour les moteurs de recherche, cependant, la référence nécessaire doit toujours être faite pour cela. Par conséquent, les paires nom-valeur correspondantes sont formées avec JSON-LD.

{
"nom": "M. SEO Expertise",
"homepage": "https://ryte.com",
}

Syntaxe JSON avec mot clé

L'exemple suivant enrichit les données JSON avec des données liées. Ce sont ce qu'on appelle des mots-clés qui sont ajoutés au code. Les données supplémentaires sont introduites avec le signe @.

Les principaux mots-clés dans ce cas sont @context et @type.

{
"@context": "http://schema.org/",
"@type": "personne",
"nom": "M. SEO Expertise",
"url": "https://ryte.com/"
}

@context: cet élément fait référence au vocabulaire auquel l'ensemble du script fait référence. Dans le o.a. Exemple: la référence schema.org.

@type: Cet élément désigne le schéma utilisé dans la référence. Dans le schéma, des propriétés individuelles peuvent être formées sous forme de paires nom-valeur. Ce sont des propriétés chaudes. Dans l'exemple présenté ici, "nom" et "url" sont les propriétés du schéma "Personne". Avec schema.org, vous pouvez utiliser toutes les propriétés et tous les schémas.

Remarque: Sur schema.org, vous trouverez de nombreux schémas préparés ainsi que les propriétés correspondantes qui peuvent déjà être lues par les moteurs de recherche tels que Google.

Avec JSON-LD, vous pouvez également créer des "entités imbriquées". Ce sont plusieurs propriétés avec des "types" différents, listées dans un ensemble de données JSON-LD. Chaque nouvelle propriété doit être redéfinie. Pour ce faire, placez une virgule devant l'accolade fermante.

Astuce 1: N'oubliez pas que les types et les propriétés sont sensibles à la casse sur schema.org, qui les respecte.

Astuce 2: Lors de la création des données structurées, assurez-vous d'utiliser toutes les propriétés disponibles via schema.org pour le type choisi.

Des propriétés simples peuvent donc être ajoutées à JSON-LD:

Ajouter des propriétés plus complexes à JSON-LD

Maintenant, il s'agit de créer des "entités imbriquées". L'exemple ci-dessus va maintenant être complété par des détails supplémentaires basés sur le schéma "offres" de schema.org. Comme décrit ci-dessus, la propriété supplémentaire est séparée par une virgule de la propriété incorporée. Cela crée une hiérarchie dans le mot clé "type".

JSON-LD vs. Microdonnées et syntaxe RDFa

JSON-LD utilise le même mappage vers les schémas que d'autres formats distinguant les données structurées.

{
"@context": "http://schema.org/",
"@type": "personne",
"nom": "M. SEO Expertise",
"url": "https://ryte.com/"
}

Syntaxe des microdonnées selon schema.org:

M. SEO Expertise

Syntaxe RDFa selon schema.org:

M. SEO Expertise
https://ryte.com

Les trois balises peuvent être lues par les moteurs de recherche. L’avantage de JSON-LD est qu’il n’est pas nécessaire de l’implémenter dans le code source HTML du site Web.

Concevez des données structurées avec JSON-LD: événements

Google recommande aux webmasters, par exemple, d'attribuer des événements avec JSON-LD.

Dans le code HTML, un événement pourrait ressembler à ceci:

Nouveau groupe à Munich,

Date: 01.01.2017,

Entrée: 20h00

billets
Prix: 99

Billets disponibles: 134,

lieu,

Party Mile 1,

89000 Munich,

Avec JSON-LD, tous les détails de cet élément peuvent désormais être transmis à Google sous forme de données structurées. Le contenu des propriétés peut être chargé dynamiquement et échangé en tant que script. Contrairement aux autres balises, il n’est pas nécessaire que les données soient réellement en code HTML.

Donc, vous pouvez tester le script JSON-LD

JSON-LD peut être constitué d'éléments de code très simples. Cependant, lorsque des éléments entrelacés sont insérés, les codes deviennent très rapidement complexes et des erreurs peuvent s'y glisser. Pour vérifier si votre code JSON LD fonctionne et est lu correctement par les moteurs de recherche, Google propose l'outil de test de données structurées.

Dans l'outil, choisissez de vérifier un extrait de code. Cliquez ensuite sur "Test".

L'insertion du code exemple ci-dessus dans un événement de l'outil génère le résultat suivant:

tool JSON-LD Guide JSON

Figure 1: Outil de test de données structurées de Google.

Vous voyez, non seulement Google vous montre les erreurs dans le code JSON-LD, mais il vous donne également des conseils sur les propriétés que votre code devrait encore contenir.

Avantages de JSON-LD pour le référencement

Avec JSON-LD, vous pouvez augmenter et améliorer la présence de votre site Web dans les SERP de Google. Par exemple, Google recommande que JSON-LD soit affiché dans le graphique de connaissances Google ou génère des "cartes riches".

Les deux éléments sont très présents dans les SERP et sont généralement affichés au-dessus des résultats de recherche organiques habituels. Avec l'aide de JSON-LD, la visibilité d'un site Web peut être accrue et, d'autre part, il est possible d'obtenir plus de trafic.

Pour les moteurs de recherche, l’utilisation de JSON-LD facilite la lecture de votre contenu Web. D'une part, les données pertinentes sont transférées de manière structurée. Par ailleurs, JSON-LD peut être remplacé par un script. Cela allégera le code source et Googlebot mettra moins de temps à indexer votre page.

Malgré ces avantages, JSON-LD n'est pas recommandé par Google pour tous les marquages. Cela peut être dû au fait que la transmission de données structurées via un script est très sujette au spam. Si des microdonnées conventionnelles ou RDFa sont utilisées, seul le code HTML existant peut être marqué.

Pour l'avenir de la recherche, qui est de plus en plus utilisé sur une base linguistique, un balisage tel que JSON-LD peut devenir très important, car les données structurées rendent le contenu Web encore plus lisible pour les moteurs de recherche. En même temps, cet excellent contenu peut être parfaitement adapté aux besoins de l'utilisateur en matière de recherche. Donc, si vous voulez être prêt pour la recherche vocale qui est souvent utilisée avec GoogleNow et la recherche mobile de Google, vous devriez commencer à utiliser des données structurées à un stade précoce. JSON-LD offre une option facile à mettre en œuvre.

Utilisez le balisage JSON-LD - c'est comme ça que vous allez

La facilité avec laquelle vous implémentez l’implémentation de JSON-LD dépend en grande partie de votre connaissance du vocabulaire de schema.org et de votre maîtrise de la syntaxe JSON-LD.

premier Faire des considérations préliminaires: Que voulez-vous distinguer avec le balisage et quel est votre objectif? De cette façon, il est plus facile de déterminer si l'effort en vaut la peine.

Vérifiez si votre contenu peut tous être étiqueté avec le vocabulaire de schema.org. Certaines propriétés peuvent ne pas avoir de sens pour vos besoins. Ainsi, par exemple, il n’est pas vraiment efficace d’honorer des événements, s’ils ne sont pas les vôtres.

En ce qui concerne les objectifs: Voulez-vous atteindre un objectif de marketing spécifique? Ou est-ce seulement un test? Rappelez-vous toujours que le balisage devrait aider les moteurs de recherche à comprendre votre contenu fondamental et important de manière structurée. Examinez les annotations déjà utilisées par Google et leur emplacement.

premier Créez une liste de propriétés et de valeurs possibles: Notez toutes les paires nom-valeur que vous souhaitez marquer. Vérifiez plus tard si le marquage avec schema.org est possible.

deuxième Vérifiez les sources possibles pour les balises: Vous n'avez pas à réinventer la roue avec JSON-LD. Utilisez les ressources de Google pour vous familiariser avec le sujet. Utilisez des exemples existants et convertissez-les à vos fins.

troisième Utilisez les types schema.org: La page schema.org contient de nombreux exemples de code différents pour les types et les propriétés. Voyez laquelle de ces entités vous convient.

4 Copiez les éléments requis et collez-les dans un éditeur: Vous pouvez simplement copier les exemples existants et les adapter à votre site Web. Assurez-vous cependant que vous avez besoin de tous

Dirigeant SEO SEA Expertise

Si vous avez des craintes avant de vous lancer dans un projet de communication ou de marketing digitale ou si vous vous posez encore beaucoup de questions sur la meilleure manière de procéder, contactez-moi. Je serai ravi de répondre à vos questions.