Booster son SEO avec les schémas JSON-LD

Qu’est-ce que JSON-LD ?

Rôle des schémas JSON-LD

JSON-LD (JavaScript Object Notation for Linked Data) est un format de données utilisé pour structurer et enrichir le contenu d’une page web avec des métadonnées.

Il permet aux moteurs de recherche comme Google de mieux comprendre le contexte d’une page, et ainsi optimiser son indexation.

L’utilisation de JSON-LD permet d’ajouter des informations supplémentaires à une page sans perturber son contenu visible.

Les moteurs de recherche se basent notamment sur ces données pour générer des résultats enrichis (rich snippets) visant à enrichir les résultats de recherche dans la SERP.

Ajouter des schémas JSON-LD est essentiel pour optimiser le SEO de ses pages web.

JSON-LD : principaux schémas

Il existe une multitude de schémas JSON-LD qu’il est possible d’ajouter à ses pages pour améliorer leur SEO.

Parmi les plus courants, on retrouve :

En réalité, toute page peut contenir un balisage JSON-LD, qu’il s’agisse d’une page d’article, de produit, d’événement ou n’importe quelle autre page (accueil, contact, mentions légales…).

Ce balisage permet de préciser davantage de détails contextuels aux moteurs de recherche, ce qui les aide à mieux indexer votre contenu et, in fine, à améliorer votre SEO.

Certains types comme Author, Brand et Organization ne sont pas conçus pour définir une page web en tant que telle, mais plutôt pour enrichir d’autres types de contenus en apportant des informations complémentaires.

Ces types sont utilisés de manière imbriquée au sein de types de base. Parmi les plus courants, on retrouve :

Exemples d’utilisation :

• Un Article possède un Author pour indiquer son rédacteur.
• Un Product peut inclure une Brand pour préciser la marque qui le commercialise ainsi qu’une Review pour l’évaluer.
• Un Event peut être associé à une Organization qui l’organise.
• Une Recipe peut être évaluée par une Review, elle-même associée à une Person pour indiquer son rédacteur.

L’imbrication de ces types permet d’améliorer la compréhension du contenu par les moteurs de recherche.

Tutoriel : intégrer des schémas JSON-LD dans son app

L’implémentation de JSON-LD peut se faire facilement en insérant le code JSON-LD directement dans votre HTML.

Pour cela, suivez les étapes suivantes :

1. Délimiteurs

Le JSON-LD se structure à l’intérieur d’une balise <script type="application/ld+json">.

Voici un exemple simple de JSON-LD pour un article :

<script type="application/ld+json">
{
  // Mon schéma JSON-LD...
}
</script>

2. Contexte

Le Contexte indique le vocabulaire auquel on fait référence pour baliser les données.

Hors cas particuliers, on déclarera toujours la valeur https://schema.org.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  // ...
}
</script>

3. Type de schéma

Désormais, vous devez définir le type de vos données structurées d’après les schémas proposés par la documentation officielle.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  // ...
}
</script>

4. Propriétés

Chaque type est défini pour prendre en charge des propriétés spécifiques.

Il paraît logique de définir un prix pour un produit, un auteur pour un article de blog ou encore une note pour une review.

Voici quelques exemples de schémas JSON-LD avec quelques propriétés clés.

Exemple de balisage pour un BlogPosting :

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "name": "Booster son SEO avec les schémas JSON-LD",
  "description": "",
  "image": [
    "https://laconsole.dev/images/articles/booster-seo-jsonld/covers/pourquoi-apprendre-code-1240.jpg"
  ],
  "datePublished": "Mon Feb 17 2025 00:00:00 GMT+0000 (Coordinated Universal Time)",
  "author": {
    "@type": "Person",
    "name": "Thibaud d'Arros",
    "url": "https://www.linkedin.com/in/thibaud-d-arros/"
  },
  "publisher": {
    "@type": "Organization",
    "name": "laConsole",
    "url": "https://laconsole.dev",
    "logo": {
      "@type": "ImageObject",
      "url": "https://laconsole.dev/images/favicon-laconsole.svg"
    }
  }
}
</script>

Nous avons défini ici les propriétes suivantes :

• name
• description
• image
• datePublished
• author
• publisher

Exemple de balisage pour un Product :

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Product",
  "name": "Chaussures de course Nike RUNX 3.0",
  "description": "Chaussures légères et confortables pour la course.",
  "image": "https://www.exemple.com/images/chaussures.jpg",
  "sku": "12345",
  "brand": {
    "@type": "Brand",
    "name": "Nike"
  },
  "offers": {
    "@type": "Offer",
    "priceCurrency": "EUR",
    "price": "50.00",
    "url": "https://www.exemple.com/chaussures-de-course"
  },
  "review": {
    "@type": "Review",
    "author": {
      "@type": "Person",
      "name": "Jean Dupont"
    },
    "datePublished": "2025-03-13",
    "reviewBody": "Ces chaussures sont vraiment confortables et idéales pour les courses longues. Je les recommande vivement !",
    "reviewRating": {
      "@type": "Rating",
      "bestRating": "5",
      "worstRating": "1",
      "ratingValue": "5"
    }
  }
}
</script>

Nous avons défini ici les propriétes suivantes :

• name
• description
• image
• sku
• brand
• offers
• review

5. Validation

Il est essentiel de vérifier que tout fonctionne correctement. Après avoir ajouté vos données structurées à la page, assurez-vous de leur validité.

Cela se fait en utilisant des validateurs tels que le validateur officiel de schema.org ou encore le testeur de données structurées de Google.

Ces outils proposent généralement de soumettre l’URL de votre page ou le code JSON-LD à faire valider.

• ✅ Si tout est correctement implémenté, l’outil affichera un message de succès.
• ❌ En cas d’erreur, il vous indiquera le problème et l’endroit exact dans le code où le corriger.

Quelques tips

Voici quelques tips pour optimiser l’utilisation des schémas JSON-LD et tirer le meilleur de vos données structurées :

• 🔍 Soyez précis et complet : Plus les informations dans votre JSON-LD sont précises, mieux elles seront interprétées par les moteurs de recherche.
• 🚫 Evitez les données fausses ou trompeuses : N’incluez pas de données qui ne sont pas directement visibles sur la page ou qui peuvent être perçues comme manipulatrices.
• 🔄 Gardez vos données à jour : Assurez-vous que le JSON-LD est toujours à jour avec le contenu de votre page (par exemple, un article daté doit avoir une date de publication correcte).