Retour au centre d'apprentissage

Guide d'implémentation Schema.org

Tutoriel complet pour les données structurées et JSON-LD

Dernière mise à jour : 10 novembre 2025

Qu'est-ce que Schema.org ?

Schema.org est un langage spécial qui aide les moteurs de recherche et outils IA à mieux comprendre votre contenu. Considérez-le comme l'ajout d'étiquettes invisibles à votre page web qui disent « ceci est un article » ou « ceci est un produit ». Ces étiquettes aident les moteurs IA comme ChatGPT, Claude et Perplexity à trouver et utiliser correctement votre contenu.

Le balisage schema est écrit au format JSON-LD, qui signifie JavaScript Object Notation for Linked Data. Cela semble compliqué, mais c'est juste une façon structurée d'organiser les informations que les machines peuvent lire facilement.

Ajouter le balisage Schema.org est l'une des façons les plus puissantes d'améliorer votre GEO-Score. Cela aide directement les moteurs IA à comprendre votre contenu, ce qui augmente vos chances d'être cité dans les réponses générées par l'IA.

Pourquoi le schema est important pour la recherche IA

Les moteurs de recherche IA traitent des milliards de pages web chaque jour. Ils ont besoin de moyens rapides pour comprendre de quoi parle chaque page. Le balisage schema leur donne ces informations instantanément.

Meilleure compréhension

Le schema indique exactement à l'IA quel type de contenu vous avez, supprimant toute supposition sur le but de votre page.

Visibilité accrue

Le contenu avec un schema correct est présenté plus souvent dans les résultats de recherche IA et résumés de réponse.

Traitement plus rapide

Les bots IA peuvent extraire l'information plus rapidement des pages avec schema, améliorant l'efficacité du crawl.

La recherche montre que les pages avec un balisage schema correct obtiennent 30-40 % de visibilité en plus dans les résultats de recherche IA. Cela fait du schema l'une des optimisations à plus fort impact que vous pouvez faire.

Types de schema courants

Schema.org a des centaines de types, mais vous utiliserez le plus souvent ceux-ci :

Schema Article

À utiliser pour les articles de blog, articles d'actualité et contenu éditorial. C'est le type de schema le plus courant pour les sites de contenu.

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Your Article Title Here",
  "description": "Brief summary of the article",
  "author": {
    "@type": "Person",
    "name": "Author Name"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Your Site Name",
    "logo": {
      "@type": "ImageObject",
      "url": "https://yoursite.com/logo.png"
    }
  },
  "datePublished": "2025-01-10",
  "dateModified": "2025-01-10",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://yoursite.com/article-url"
  }
}

Schema Product

Essentiel pour les sites e-commerce. Aide les moteurs IA à comprendre les prix, la disponibilité et les détails produits.

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Product Name",
  "description": "Product description",
  "image": "https://yoursite.com/product-image.jpg",
  "brand": {
    "@type": "Brand",
    "name": "Brand Name"
  },
  "offers": {
    "@type": "Offer",
    "price": "99.99",
    "priceCurrency": "USD",
    "availability": "https://schema.org/InStock",
    "url": "https://yoursite.com/product-url"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.5",
    "reviewCount": "89"
  }
}

Schema FAQPage

Parfait pour les pages FAQ et le contenu Q&R. Les moteurs IA adorent ce format pour générer des résumés de réponses.

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "What is Schema.org?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Schema.org is structured data that helps search engines understand content."
      }
    },
    {
      "@type": "Question",
      "name": "Why use JSON-LD?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "JSON-LD is the recommended format because it's easy to add and maintain."
      }
    }
  ]
}

Schema HowTo

À utiliser pour les guides étape par étape et tutoriels. Aide les moteurs IA à extraire vos instructions avec précision.

{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "name": "How to Implement Schema.org",
  "description": "Step-by-step guide to adding structured data",
  "step": [
    {
      "@type": "HowToStep",
      "name": "Choose Schema Type",
      "text": "Identify the correct schema for your content type"
    },
    {
      "@type": "HowToStep",
      "name": "Create JSON-LD",
      "text": "Write the structured data code"
    },
    {
      "@type": "HowToStep",
      "name": "Add to Page",
      "text": "Insert the script tag in your HTML"
    }
  ]
}

Comment ajouter le schema à votre site web

Ajouter le balisage schema est plus facile qu'il n'y paraît. Suivez ces étapes :

Étape 1Choisissez votre type de schema

Regardez votre contenu et décidez quel type de schema convient le mieux. La plupart du contenu entre dans l'une de ces catégories :

  • Articles de blog et articles : utilisez le schema Article
  • Produits à vendre : utilisez le schema Product
  • Questions et réponses : utilisez le schema FAQPage
  • Guides étape par étape : utilisez le schema HowTo
  • Informations d'entreprise : utilisez le schema Organization

Étape 2Créez votre code JSON-LD

Écrivez le code JSON-LD avec tous les champs requis. Utilisez les modèles ci-dessus comme points de départ. Assurez-vous de :

  • Inclure toutes les propriétés requises pour votre type de schema
  • Utiliser de vraies données de votre page (ne laissez pas de texte de remplacement)
  • Formater les dates en AAAA-MM-JJ
  • Utiliser des URL complètes pour tous les liens et images
  • Vérifier que votre syntaxe JSON est valide (virgules et crochets corrects)

Étape 3Ajoutez la balise script à votre HTML

Insérez votre code JSON-LD dans une balise script. Vous pouvez la placer dans le head ou body de la page :

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Your Title"
  // ... rest of your schema
}
</script>

Dans React/Next.js, utilisez la prop dangerouslySetInnerHTML comme montré dans les exemples ci-dessus.

Étape 4Testez et validez

Validez toujours votre schema avant de publier. Utilisez ces outils gratuits :

  • Validateur Schema.org : validator.schema.org
  • Google Rich Results Test : search.google.com/test/rich-results
  • Bloffee GEO Analyzer : Validation schema intégrée dans chaque analyse

Techniques de schema avancées

Types de schema imbriqués

Vous pouvez combiner plusieurs types de schema sur une page. Par exemple, un article avec produits intégrés :

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Best Winter Jackets 2025",
  "mentions": [
    {
      "@type": "Product",
      "name": "Arctic Pro Jacket",
      "offers": {
        "@type": "Offer",
        "price": "149.99",
        "priceCurrency": "USD"
      }
    }
  ]
}

Plusieurs objets schema

Ajoutez plusieurs objets schema séparés en utilisant plusieurs balises script. Par exemple, Article + BreadcrumbList :

<script type="application/ld+json">
{ "@type": "Article", ... }
</script>

<script type="application/ld+json">
{ "@type": "BreadcrumbList", ... }
</script>

Cette approche garde votre schema organisé et plus facile à maintenir.

Génération dynamique de schema

Pour les sites web avec de nombreuses pages, générez le schema dynamiquement depuis votre base de données ou CMS. Cela garantit :

  • Le schema reste à jour quand le contenu change
  • Schema cohérent sur toutes les pages
  • Moins de travail manuel pour maintenir le schema
  • Gestion automatique des dates et métadonnées

Test et validation du schema

Tester votre schema est critique. Un schema invalide est pire que pas de schema car il peut dérouter les moteurs IA.

Validateur Schema.org

URL : validator.schema.org

Idéal pour : Vérifier la syntaxe et la structure JSON-LD

Ce validateur officiel vérifie si votre schema suit les directives Schema.org. Il détecte les erreurs de syntaxe et les champs requis manquants.

Google Rich Results Test

URL : search.google.com/test/rich-results

Idéal pour : Tester comment Google voit votre schema

Vous montre exactement à quels rich results votre page est éligible. Bien qu'orienté Google, d'autres moteurs IA utilisent des critères similaires.

Bloffee GEO Analyzer

URL : bloffee.com

Idéal pour : Optimisation GEO complète y compris schema

Notre analyseur vérifie votre schema dans le cadre des 25+ facteurs d'optimisation IA. Obtenez des recommandations spécifiques pour améliorer vos données structurées.

Erreurs courantes de schema

Évitez ces erreurs

Propriétés requises manquantes

Utiliser des données de remplacement ou fausses

Syntaxe JSON invalide (virgules manquantes)

URL relatives au lieu d'URL complètes

Mauvais formats de date

Schema qui ne correspond pas au contenu de la page

Bonnes pratiques

Inclure toutes les propriétés requises

Utiliser de vraies données de votre page

Valider avant de publier

Utiliser des URL absolues complètes

Formater les dates en AAAA-MM-JJ

Garder le schema à jour avec le contenu

Impact du schema sur le GEO-Score

Le balisage schema fait partie de la catégorie optimisation IA dans votre GEO-Score. Spécifiquement, il affecte ces domaines :

Compréhension du contenu (Fort impact)

Le schema indique aux moteurs IA exactement de quoi parle votre contenu, améliorant leur confiance pour citer votre contenu.

Efficacité du crawl (Impact moyen)

Les bots IA peuvent extraire l'information plus rapidement des pages avec schema, menant potentiellement à des crawls plus fréquents.

Éligibilité aux rich results (Impact moyen)

Un schema correct rend votre contenu éligible à des affichages améliorés dans les interfaces de recherche IA.

Les pages avec un schema complet et valide voient typiquement des améliorations de 15-25 points dans leur GEO-Score. Cela se traduit par une visibilité significativement meilleure dans les résultats de recherche IA.

Checklist d'implémentation schema

  • Choisir le bon type de schema pour votre contenu
  • Inclure toutes les propriétés requises pour ce type de schema
  • Utiliser de vraies données de votre page, pas des éléments de remplacement
  • Formater les dates correctement (AAAA-MM-JJ)
  • Utiliser des URL absolues complètes pour tous les liens et images
  • Valider avec le validateur Schema.org et Google Rich Results Test
  • Tester votre page avec Bloffee GEO Analyzer
  • Garder le schema à jour quand le contenu change

Modèles schema prêts à l'emploi

Voici des modèles complets, prêts à copier-coller pour les types de schema les plus courants :

Modèle d'article de blog
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "Your Blog Post Title",
  "description": "Brief summary of your blog post",
  "image": "https://yoursite.com/featured-image.jpg",
  "author": {
    "@type": "Person",
    "name": "Author Name",
    "url": "https://yoursite.com/author/name"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Your Site Name",
    "logo": {
      "@type": "ImageObject",
      "url": "https://yoursite.com/logo.png"
    }
  },
  "datePublished": "2025-01-10",
  "dateModified": "2025-01-10",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://yoursite.com/blog/post-url"
  },
  "keywords": "keyword1, keyword2, keyword3"
}
</script>
Modèle de produit e-commerce
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Product Name",
  "description": "Detailed product description",
  "image": [
    "https://yoursite.com/product-image-1.jpg",
    "https://yoursite.com/product-image-2.jpg"
  ],
  "brand": {
    "@type": "Brand",
    "name": "Brand Name"
  },
  "sku": "PRODUCT-SKU-123",
  "offers": {
    "@type": "Offer",
    "price": "99.99",
    "priceCurrency": "USD",
    "availability": "https://schema.org/InStock",
    "url": "https://yoursite.com/product-url",
    "priceValidUntil": "2025-12-31"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.5",
    "reviewCount": "89",
    "bestRating": "5",
    "worstRating": "1"
  }
}
</script>
Modèle complet de page FAQ
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "What is your return policy?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "We offer 30-day returns on all products. Items must be unused and in original packaging."
      }
    },
    {
      "@type": "Question",
      "name": "How long does shipping take?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Standard shipping takes 5-7 business days. Express shipping is 2-3 business days."
      }
    },
    {
      "@type": "Question",
      "name": "Do you ship internationally?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Yes, we ship to over 50 countries worldwide. Shipping costs vary by location."
      }
    }
  ]
}
</script>

Étapes suivantes

Maintenant que vous comprenez l'implémentation Schema.org, explorez ces sujets connexes :

Guide d'implémentation Schema.org : Tutoriel JSON-LD complet