Le balisage schema pour le SEO : ce que c'est et comment ça fonctionne

Mettre en place le balisage schema pour le SEO est un excellent moyen d'améliorer vos chances d'apparaître dans un résultat enrichi sur Google. En tant que système d'étiquettes, c'est étonnamment simple à créer avec quelques repères (et les bons outils).

Il existe quelques types spécifiques de balisage schema que vous pouvez utiliser pour renseigner des détails sur vos pages web. Dans cet article, vous découvrirez ces types et comment utiliser le balisage schema pour le SEO (et comment il bénéficie aussi à l'AEO de votre marque).

Qu'est-ce que le balisage schema ?

Le balisage schema, aussi connu sous le nom de données structurées, est du code que vous écrivez dans les pages web pour aider les algorithmes de recherche à identifier ce qui figure sur votre page. Il existe environ 1 500 propriétés que vous pouvez utiliser pour faire des choses comme identifier le prix d'un produit ou le titre d'un film à l'affiche dans un cinéma. (Vous n'avez pas besoin de connaître toutes les propriétés, seulement celles pertinentes pour votre site web.)

Toutes ces propriétés sont détaillées sur Schema.org, un projet conjoint de Google, Microsoft, Yahoo et Yandex qui a créé le vocabulaire pour tous les types de schema utilisés pour les résultats de recherche. Cette standardisation signifie que tout le monde peut utiliser les mêmes étiquettes (par exemple, « openingHours », « reviewRating » ou « priceRange ») pour plus de visibilité et de meilleures performances SEO et AEO.

Aspects clés du balisage schema en SEO

Les balisages schema sont utiles, mais en appliquer un n'est pas un code de triche pour de meilleurs classements de recherche. Cela donne à votre contenu une chance d'apparaître comme un extrait enrichi (comme celui montré ci-dessus), un résultat de recherche amélioré avec plus d'informations que votre annonce de recherche standard.

Voici ce qui rend le balisage schema important pour le SEO :

• Des taux de clics plus forts : les résultats enrichis obtiennent des taux de clics 17 % plus élevés, et les résultats de recherche avec de meilleurs CTR se classent plus haut, car cela signale un lien plus fort entre la requête et votre page.
• Une meilleure occupation de la SERP : avec leurs informations supplémentaires, les résultats enrichis occupent plus d'espace sur la page de résultats des moteurs de recherche (SERP), y compris le panneau de connaissances à droite des résultats Google. Cela signifie plus de visibilité et de crédibilité perçue.
• Une meilleure UX : les chercheurs obtiennent plus d'informations depuis la SERP, ce qui leur permet de voir si votre site répondra à leur intention de recherche. Les utilisateurs qui cliquent sont alors plus susceptibles de rester plus longtemps sur votre site, avec un taux de rebond plus faible.
• Visibilité pour l'IA : les données structurées étiquettent le contenu d'une manière que les grands modèles de langage peuvent découvrir et utiliser dans les résultats de recherche IA.
• Un avantage concurrentiel : vous serez plus susceptible de devancer les concurrents dans les SERP s'ils n'ont pas de balisage schema.

Types de balisage schema courants

Toutes les propriétés de balisage schema sont organisées en catégories appelées « types ». Vous pouvez les distinguer des propriétés par leur capitalisation. Une catégorie commence par une majuscule, et une propriété commence en minuscule (par exemple, « LocalBusiness » est un type, et « openingHours » est une propriété au sein de ce type).

Lorsque vous créez un balisage schema, vous référencez un type et la propriété que vous souhaitez utiliser à l'intérieur. Voici quelques-uns des types de balisage schema les plus courants et des exemples de leurs usages typiques :

• Article. Les blogs et sites d'actualités utilisent des propriétés du type « Article » pour donner aux moteurs de recherche du contexte sur leur contenu écrit, y compris « datePublished » et « breadcrumbs ».
• Product. Les sites e-commerce utilisent le type « Product » pour clarifier les informations sur chaque article vendu, comme « size » et « review ».
• FAQPage. Les sites de services étiquettent leur page FAQ avec des propriétés du type « FAQPage », comme « relatedLink » et « primaryImageOfPage ».
• LocalBusiness. Les entreprises qui servent une clientèle en personne, comme les stations-service et restaurants, utilisent les propriétés « LocalBusiness » pour répondre aux questions des chercheurs sur le fonctionnement de leur entreprise (par exemple, « openingHours », « paymentAccepted » et « priceRange »).
• Event. Les organisateurs d'événements utilisent des propriétés du type « Event », comme « eventSchedule » et « typicalAgeRange », pour mettre en avant des détails pour les résultats enrichis.

Formats de balisage schema courants

Il existe trois façons acceptées d'ajouter un balisage schema à vos pages. JSON-LD est le plus couramment recommandé, mais voici comment les trois formats fonctionnent en pratique.

JSON-LD

JSON-LD est un script que vous ajoutez au HTML de votre page, qui organise les propriétés de données structurées en paires « nom : valeur ». Ces paires créent une longue liste que vous pouvez facilement mettre à jour à mesure que votre site croît.

Voici un exemple de balisage schema SEO utilisant JSON-LD :

<script type="application/ld+json">

{

  "@context": "https://schema.org",

  "@type": "LocalBusiness",

  "name": "Ricardo’s Deli",

  "image": "https://RicardosDeli.com/logo.png",

  "telephone": "+15551234",

  "openingHours": "Mo,Tu,We,Th 09:00-12:00",

  "priceRange": "$$",

  "address": {

    "@type": "PostalAddress",

    "streetAddress": "123 Elm St",

    "addressLocality": "Lincoln",

    "addressRegion": "CA",

    "postalCode": "95648",

    "addressCountry": "US"

  }

 }

</script>

Microdata

Avec Microdata, les éléments HTML individuels sont étiquetés avec des attributs de balisage schema comme <itemtype> et <itemprop>. Par exemple, vous pourriez étiqueter un titre comme le nom de votre entreprise :

<div itemscope itemtype="https://schema.org/LocalBusiness">

  <h1><span itemprop="name">Ricardo’s Deli</span></h1> 

</div>

Remarque : tous les éléments HTML ne peuvent pas prendre des attributs de balisage schema comme <itemprop> et <itemtype>. Utilisez des <div>s et <span>s si besoin pour insérer des éléments compatibles pouvant utiliser ces attributs.

Resource Description Framework en attributs (RDFa)

RDFa est le prédécesseur de Microdata, et lui ressemble donc beaucoup. Cependant, les attributs sont différents (comme <span>), et les types sont identifiés par leur propriété plutôt que par une URL :

<div vocab="https://schema.org/" typeof="LocalBusiness">

  <h1><span property="name">Ricardo’s Deli<span></h1> 

</div>