MAISON CODE .
/ SEO · Schema · JSON-LD · Growth · Architecture

Schémas d'entreprise : le langage SEO des robots

Googlebot ne lit pas l'anglais. Il lit JSON-LD. Un guide technique pour dominer le Knowledge Graph avec les schémas d'organisation, de produit et de fil d'Ariane.

AB
Alex B.
Schémas d'entreprise : le langage SEO des robots

Lorsqu’un humain consulte votre page produit, il voit « 120,00 € ». Ils savent que c’est un prix parce qu’il est en gras et à proximité d’un bouton « Acheter ». Lorsque Googlebot consulte votre page, il voit « 

120,00 €
 ». Est-ce que c’est le prix ? Est-ce que c’est les frais de port ? Est-ce le montant des économies ? Est-ce le numéro de modèle “120” ? Google utilise le Machine Learning pour deviner. Mais deviner est coûteux et sujet aux erreurs.

Données structurées (Schema.org) supprime les incertitudes. Il s’agit d’un vocabulaire standardisé (fondé par Google, Microsoft, Yahoo et Yandex) pour baliser explicitement les données. Vous chuchotez au robot : “Cette chaîne ‘120,00’ est le prix. Cette chaîne ‘USD’ est la devise.”

Si vous mettez cela en œuvre correctement, Google vous récompense avec des Rich Snippets.

  • Étoiles : note de 5 étoiles affichée dans les résultats de recherche.
  • Prix : “120,00 USD” affiché dans la recherche.
  • Disponibilité : texte vert « En stock ».

Ces améliorations visuelles augmentent le taux de clics (CTR) de 30 % en moyenne. Il s’agit de la tâche de référencement technique avec le retour sur investissement le plus élevé que vous puissiez effectuer.

Pourquoi Maison Code en parle

Chez Maison Code Paris, nous agissons comme la conscience architecturale de nos clients. Nous héritons souvent de stacks “modernes” construites sans compréhension fondamentale de l’échelle.

Nous abordons ce sujet car il représente un point de pivot critique dans la maturité de l’ingénierie. Une mise en œuvre correcte différencie un MVP fragile d’une plateforme résiliente de niveau entreprise.

1. JSON-LD : la norme moderne

En 2015, nous avons utilisé des microdonnées (encombrant les balises HTML avec itemprop="price"). C’était désordonné et cassait la mise en page. En 2025, nous utilisons JSON-LD (JavaScript Object Notation for Linked Data). Il agit comme une couche de données distincte. Il réside dans une balise <script> dans le <head>. Cela n’altère en rien le rendu visuel.

2. Le schéma d’organisation (Knowledge Graph)

Cela indique à Google qui vous êtes. Il vous aide à obtenir cet énorme « Panneau de connaissances » sur le côté droit des résultats de recherche sur ordinateur.

{
  "@context": "https://schema.org",
  "@type": "Organisation",
  "name": "Code Maison Paris",
  "url": "https://maisoncode.paris",
  "logo": "https://maisoncode.paris/assets/logo-512.png",
  "description": "Studio d'ingénierie logicielle de luxe spécialisé dans le Headless Commerce.",
  "foundingDate": "2020-01-01",
  "fondateurs": [
    {
      "@type": "Personne",
      "name": "Alex B."
    }
  ],
  "point de contact": {
    "@type": "Point de contact",
    "téléphone": "+33-1-00-00-00-00",
    "contactType": "ventes",
    "areaServed": ["FR", "US", "AE"],
    "availableLanguage": ["Anglais", "Français"]
  },
  "identique": [
    "https://twitter.com/maisoncode",
    "https://linkedin.com/company/maisoncode",
    "https://github.com/maisoncode"
  ]
}

Stratégie clé : le tableau sameAs est critique. Il indique explicitement à Google : « Cette page LinkedIn nous appartient. » Cela regroupe vos signaux d’autorité.

3. Le schéma du produit (The Money Maker)

Si vous exploitez une boutique de commerce électronique, ce n’est pas négociable. Sans schéma de produit valide, Google Merchant Center (Shopping) rejettera votre flux.

{
  "@context": "https://schema.org",
  "@type": "Produit",
  "name": "La chemise du développeur",
  "image": [
    "https://exemple.com/photos/1x1/photo.jpg",
    "https://exemple.com/photos/16x9/photo.jpg"
  ],
  "description": "Une chemise conçue pour les travaux en profondeur. 100% Coton.",
  "sku": "DEV-CHEMISE-001",
  "référence fabricant": "925872",
  "marque": {
    "@type": "Marque",
    "name": "Code de la maison"
  },
  "révision": {
    "@type": "Révision",
    "évaluation de la révision": {
      "@type": "Note",
      "ratingValue": "5",
      "meilleure note": "5"
    },
    "auteur": {
      "@type": "Personne",
      "nom": "John Doe"
    }
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4,8",
    "reviewCount": "89"
  },
  "offres": {
    "@type": "Offre",
    "url": "https://exemple.com/chemise",
    "prixCurrency": "USD",
    "prix": "119,99",
    "priceValidUntil": "2026-11-20",
    "itemCondition": "https://schema.org/NewCondition",
    "disponibilité": "https://schema.org/InStock",
    "détails d'expédition": { 
       "@type": "Détails de l'offre",
       "shippingRate": { "@type": "MonetaryAmount", "value": "0", "currency": "USD" }
    }
  }
}

Détail critique : La propriété aggregateRating est ce qui génère les étoiles dans les résultats de recherche. Vous devez regrouper les avis de manière dynamique à partir de votre base de données (ou Yotpo/Judge.me).

4. Implémentation dynamique dans Next.js

Ne les codez pas en dur. Ils doivent correspondre dynamiquement au contenu de la page. Si votre prix passe à 99 € sur l’interface utilisateur, le schéma DOIT être mis à jour instantanément à 99 €. Si le schéma indique 99 € et que la page visible indique 119 €, Google applique une Action manuelle (pénalité) pour les “données structurées contenant du spam”.

import Head from 'next/head';

exporter la fonction par défaut ProductPage({ product }) {
  schéma const = {
    "@context": "https://schema.org",
    "@type": "Produit",
    "nom": produit.titre,
    "offres": {
      "@type": "Offre",
      "price": product.price.amount, // Assurez "119,99"
      "priceCurrency": produit.price.currencyCode
    }
  } ;

  retour (
    <>
      <Tête>
        <script
          type="application/ld+json"
          dangereusementSetInnerHTML={{ __html : JSON.stringify(schema) }}
        />
      </Tête>
      <h1>{product.title></h1>
    </>
  );
}

5. Schéma BreadcrumbList (Navigation)

Cela nettoie l’affichage de votre URL dans Google. Au lieu de : maisoncode.paris/products/categories/shirts/silk Google affiche : « Accueil > Produits > Chemises > Chemise en soie » (fil d’Ariane cliquable).

{
  "@context": "https://schema.org",
  "@type": "Liste de fil d'Ariane",
  "itemListElement": [{
    "@type": "ListeItem",
    "position": 1,
    "name": "Produits",
    "élément": "https://example.com/products"
  },{
    "@type": "ListeItem",
    "position": 2,
    "name": "Chemises",
    "article": "https://example.com/products/shirts"
  }]
}

6. Validation : le test des résultats enrichis

Vous ne pouvez pas le vérifier en affichant simplement la source de la page. Vous devez utiliser les outils Validator.

  1. Test de résultats riches (Google) : vous indique si vous êtes éligible aux fonctionnalités brillantes (étoiles/prix).
  2. Schema Markup Validator (Schema.org) : vous indique si votre syntaxe est JSON-LD valide.

Flux de travail :

  1. Développer localement (localhost : 3000).
  2. Utilisez ngrok (tunnel) pour exposer publiquement votre serveur local.
  3. Collez l’URL « ngrok » dans le test de résultats enrichis.
  4. Corrigez les erreurs.
  5. Déployez.

7. Pièges courants

  • Format de devise : price doit être une chaîne numérique (""100.00”), et non une chaîne formatée (""€100").
  • Contenu caché : balisage de contenu qui n’est jamais visible par l’utilisateur (par exemple, caché dans un div verrouillé). Google déteste ça.
  • Review Spam : marquage des avis génériques sur des sites en tant qu’avis sur les produits.
  • Disponibilité : échec de la mise à jour de InStock -> OutOfStock lorsque l’inventaire atteint 0.

6. Fil d’Ariane pour le référencement mobile

Sur le bureau, le fil d’Ariane est “agréable à avoir”. Sur mobile, il s’agit de Navigation critique. Google remplace la barre d’URL par le fil d’Ariane. Si vous avez : Accueil > Femme > Chaussures > Baskets L’utilisateur peut appuyer sur « Chaussures » directement depuis le SERP. Cela réduit le taux de rebond, car les utilisateurs atterrissent sur la catégorie exacte qu’ils souhaitent, même s’ils ont cliqué sur un produit spécifique. Note technique : assurez-vous que l’URL de l’élément dans le schéma correspond exactement à l’URL canonique de la page de catégorie (la barre oblique finale est importante).

7. Validation du Knowledge Graph

Comment savoir si Google vous « connaît » ? Recherchez le nom de votre marque. Si vous voyez une case à droite avec votre logo, votre fondateur et vos profils sociaux, vous avez gagné. Sinon, votre schéma d’organisation est faible. Stratégie : lien vers Wikidata et Wikipedia dans le tableau sameAs. Google fait plus confiance à Wikipédia qu’à votre propre site. Si vous n’avez pas de page Wikipédia, utilisez Crunchbase.

8. SEO local : le schéma LocalBusiness

Si vous disposez d’un bureau physique (Paris 8e), vous n’êtes pas qu’une simple « Organisation ». Vous êtes une « Entreprise Locale ». Google Maps adore ça.

{
  "@type": "Entreprise Locale",
  "name": "Maison Code Paris HQ",
  "adresse": {
    "@type": "AdressePostal",
    "streetAddress": "123 Champs-Élysées",
    "addressLocality": "Paris",
    "codepostal": "75008",
    "adressePays": "FR"
  },
  "géo": {
    "@type": "GéoCoordonnées",
    "latitude": 48.8566,
    "longitude": 2.3522
  },
  "openingHoursSpecification": [
    {
      "@type": "Spécification des heures d'ouverture",
      "dayOfWeek": ["Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi"],
      "ouvre": "09h00",
      "ferme": "18h00"
    }
  ]
}

Cela vous pousse dans le “Local Pack” (le Map Snippet) lorsque quelqu’un recherche “Software Agency Paris”.

8. Champ de recherche de liens annexes

Vous savez, lorsque vous recherchez « Amazon » et qu’il y a une barre de recherche à l’intérieur du résultat Google ? Vous pouvez l’avoir aussi.

{
  "@context": "https://schema.org",
  "@type": "Site Web",
  "url": "https://maisoncode.paris/",
  "Actionpotentielle": {
    "@type": "ActionRecherche",
    "target": "https://maisoncode.paris/search?q={search_term_string}",
    "query-input": "nom requis=search_term_string"
  }
}

Cela augmente la domination de la marque sur la page de résultats des moteurs de recherche (SERP).

9. Schéma de la FAQ : prend de la place

Google vous permet d’afficher les questions et réponses directement dans l’extrait de recherche. Cela pousse vos concurrents vers le bas de la page. Même si les utilisateurs ne cliquent pas, ils lisent votre réponse. « Utilisez-vous React ? » -> “Oui, nous sommes des experts en Remix.” Il s’agit de l’optimisation « Recherche sans clic ».

10. Conclusion

Les données structurées constituent le pont entre votre base de données et le plus grand moteur de recherche au monde. Si vous parlez le langage de Google (JSON-LD), Google écoute. Si vous marmonnez en HTML non structuré, vous êtes ignoré. Investissez dans votre stratégie Schema. C’est moins cher que d’acheter des publicités.

Invisible sur Google ?

Votre beau site semble-t-il ennuyeux dans les résultats de recherche ?

Implémenter des extraits enrichis. Engagez nos Architectes.