Winning Product Ecom

C’est quoi le balisage de schéma markup et comment l’implémenter ?

C est quoi le balisage de schema markup et-comment-l implementer

Qu’est-ce que le balisage de schéma (Schema markup) ?

Le balisage de schéma, parfois appelé données structurées, est un code que vous ajoutez à vos pages web pour aider les moteurs de recherche à mieux comprendre votre contenu. Cela les aide à afficher votre contenu sous une forme plus enrichissante. Comme ceci :

Pourquoi le balisage de schéma est-il important pour le référencement (SEO) ?


Le balisage de schéma est essentiel pour le référencement (SEO), non pas en raison de son impact direct sur le classement de vos pages dans les résultats de recherche, mais en raison de ses autres avantages.

En premier lieu, le balisage de schéma améliore la compréhension par les moteurs de recherche du contexte et du contenu de vos pages de manière plus efficace.

Cette compréhension accrue peut entraîner l’affichage de vos pages pour des requêtes de recherche plus pertinentes, générant ainsi davantage de trafic.

Deuxièmement, le balisage de schéma peut optimiser l’apparence de votre page dans les résultats de recherche.

Cela signifie que les utilisateurs sont plus enclins à remarquer et à cliquer sur votre page, améliorant ainsi votre taux de clics (CTR).

Enfin, le balisage de schéma peut vous conférer un avantage concurrentiel.

De nombreux sites ne tirent pas encore parti du balisage de schéma. En l’adoptant, vous prenez de l’avance sur la concurrence, ce qui permet à votre site de se démarquer.

Tous ces éléments contribuent à une performance globale du référencement plus efficace pour votre site.

les types de balisage de schéma (schema markup)

Article – NewsArticle, BlogPosting

L’ajout de données structurées d’article à vos pages d’articles de presse, de blog et de sports peut aider Google à mieux comprendre la page Web. Cela permet d’afficher un texte de titre, des images et des informations de date plus pertinents pour l’article dans les résultats de recherche sur Google Search et d’autres propriétés, telles que Google News et Google Assistant. Bien qu’il n’y ait aucune exigence de balisage pour être éligible aux fonctionnalités de Google News, comme les actualités principales, l’ajout du balisage d’article permet d’indiquer explicitement à Google de quoi traite votre contenu (par exemple, s’il s’agit d’un article d’actualité, qui en est l’auteur ou quel est le titre de l’article).

Pour intégrer le balisage de schéma sur votre page ou dans votre article, vous devriez insérer ce script en utilisant la balise script
<script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "NewsArticle",
      "headline": "Title of a News Article",
      "image": [
        "https://example.com/photos/1x1/photo.jpg",
        "https://example.com/photos/4x3/photo.jpg",
        "https://example.com/photos/16x9/photo.jpg"
       ],
      "datePublished": "2015-02-05T08:00:00+08:00",
      "dateModified": "2015-02-05T09:20:00+08:00",
      "author": [{
          "@type": "Person",
          "name": "Jane Doe",
          "url": "https://example.com/profile/janedoe123"
        },{
          "@type": "Person",
          "name": "John Doe",
          "url": "https://example.com/profile/johndoe123"
      }]
    }
    </script>

Le Balisage Schema de la FAQ

L’utilisation du balisage de schéma FAQ sur votre site web peut contribuer à améliorer son classement sur Google. En 2019, Google a annoncé son soutien au balisage de schéma FAQ, le prenant désormais en charge via JSON-LD ou microdonnées.

Le schéma FAQ a le pouvoir de modifier l’apparence des listes organiques de votre site sur Google. Grâce au schéma de la FAQ, votre site peut bénéficier de listes organiques enrichies, également connues sous le nom de “rich snippets”. Contrairement aux listes organiques standard qui comprennent généralement un titre, une description et une URL, les rich snippets vont au-delà de ce format de base en intégrant des informations ou des fonctionnalités supplémentaires grâce au balisage de schéma.

Pour intégrer le balisage de schéma sur votre page ou dans votre article, vous devriez insérer ce script en utilisant la balise script
<script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "FAQPage",
      "mainEntity": [{
        "@type": "Question",
        "name": "How to find an apprenticeship?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "<p>We provide an official service to search through available apprenticeships. To get started, create an account here, specify the desired region, and your preferences. You will be able to search through all officially registered open apprenticeships.</p>"
        }
      }, {
        "@type": "Question",
        "name": "Whom to contact?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "You can contact the apprenticeship office through our official phone hotline above, or with the web-form below. We generally respond to written requests within 7-10 days."
        }
      }]
    }
</script>

Le Balisage de schéma de fil d’Ariane (Breadcrumb)

Une fil d’Ariane sur une page indique la position de la page dans la hiérarchie du site, et elle peut aider les utilisateurs à comprendre et à explorer un site de manière efficace. Un utilisateur peut naviguer tout en haut de la hiérarchie du site, un niveau à la fois, en commençant par le dernier élément de la fil d’Ariane.

Pour intégrer le balisage de schéma sur votre page ou dans votre article, vous devriez insérer ce script en utilisant la balise script
<script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "BreadcrumbList",
      "itemListElement": [{
        "@type": "ListItem",
        "position": 1,
        "name": "Books",
        "item": "https://example.com/books"
      },{
        "@type": "ListItem",
        "position": 2,
        "name": "Science Fiction",
        "item": "https://example.com/books/sciencefiction"
      },{
        "@type": "ListItem",
        "position": 3,
        "name": "Award Winners"
      }]
    }
</script>

Le Balisage de schema evenement

L’expérience d’événement sur Google simplifie la découverte et la participation à des événements à travers les résultats de recherche Google et d’autres produits Google, tels que Google Maps.

Pour intégrer le balisage de schéma sur votre page ou dans votre article, vous devriez insérer ce script en utilisant la balise script
<script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Event",
      "name": "The Adventures of Kira and Morrison",
      "startDate": "2025-07-21T19:00-05:00",
      "endDate": "2025-07-21T23:00-05:00",
      "eventAttendanceMode": "https://schema.org/OfflineEventAttendanceMode",
      "eventStatus": "https://schema.org/EventScheduled",
      "location": {
        "@type": "Place",
        "name": "Snickerpark Stadium",
        "address": {
          "@type": "PostalAddress",
          "streetAddress": "100 West Snickerpark Dr",
          "addressLocality": "Snickertown",
          "postalCode": "19019",
          "addressRegion": "PA",
          "addressCountry": "US"
        }
      },
      "image": [
        "https://example.com/photos/1x1/photo.jpg",
        "https://example.com/photos/4x3/photo.jpg",
        "https://example.com/photos/16x9/photo.jpg"
       ],
      "description": "The Adventures of Kira and Morrison is coming to Snickertown in a can't miss performance.",
      "offers": {
        "@type": "Offer",
        "url": "https://www.example.com/event_offer/12345_201803180430",
        "price": "30",
        "priceCurrency": "USD",
        "availability": "https://schema.org/InStock",
        "validFrom": "2024-05-21T12:00"
      },
      "performer": {
        "@type": "PerformingGroup",
        "name": "Kira and Morrison"
      },
      "organizer": {
        "@type": "Organization",
        "name": "Kira and Morrison Music",
        "url": "https://kiraandmorrisonmusic.com"
      }
    }
</script>

Le Balisage de schema offre d’emploi (Job posting)

En enrichissant vos pages d’offres d’emploi avec des données structurées JobPosting, vous améliorez l’expérience des chercheurs d’emploi. Cela permet à vos annonces de bénéficier de fonctionnalités spéciales dans les résultats de recherche Google. Une autre option consiste à intégrer vos offres d’emploi directement à Google via un site tiers dédié aux offres d’emploi.

Pour intégrer le balisage de schéma sur votre page ou dans votre article, vous devriez insérer ce script en utilisant la balise script
<script type="application/ld+json">
    {
      "@context" : "https://schema.org/",
      "@type" : "JobPosting",
      "title" : "Software Engineer",
      "description" : "<p>Google aspires to be an organization that reflects the globally diverse audience that our products and technology serve. We believe that in addition to hiring the best talent, a diversity of perspectives, ideas and cultures leads to the creation of better products and services.</p>",
      "identifier": {
        "@type": "PropertyValue",
        "name": "Google",
        "value": "1234567"
      },
      "datePosted" : "2017-01-18",
      "validThrough" : "2017-03-18T00:00",
      "employmentType" : "CONTRACTOR",
      "hiringOrganization" : {
        "@type" : "Organization",
        "name" : "Google",
        "sameAs" : "https://www.google.com",
        "logo" : "https://www.example.com/images/logo.png"
      },
      "jobLocation": {
      "@type": "Place",
        "address": {
        "@type": "PostalAddress",
        "streetAddress": "1600 Amphitheatre Pkwy",
        "addressLocality": "Mountain View",
        "addressRegion": "CA",
        "postalCode": "94043",
        "addressCountry": "US"
        }
      },
      "baseSalary": {
        "@type": "MonetaryAmount",
        "currency": "USD",
        "value": {
          "@type": "QuantitativeValue",
          "value": 40.00,
          "unitText": "HOUR"
        }
      }
    }
</script>
Pour générer les codes de balisage de schéma, vous pouvez utiliser cet outil en ligne : https://technicalseo.com/tools/schema-markup-generator/

En conclusion, bien qu’il existe de nombreux autres schémas, ceux présentés dans cet article revêtent une importance particulière. Ces schémas spécifiques jouent un rôle crucial dans l’enrichissement de la compréhension des moteurs de recherche, contribuant ainsi à optimiser la visibilité et la pertinence de votre contenu en ligne. L’utilisation judicieuse de ces balisages de schéma peut grandement bénéficier à votre site web en améliorant son positionnement dans les résultats de recherche et en offrant une expérience utilisateur plus informée et interactive.

Comment ajoute-t-on le balisage de schéma à une page web ?

Pour intégrer le balisage de schéma, il faut incorporer le code de balisage approprié dans le HTML de la page. Des outils en ligne, tels que des générateurs de balisage de schéma, facilitent ce processus.

Quel impact de schéma a-t-il sur l’affichage des résultats de recherche ?

Le balisage de schéma permet un affichage plus riche des informations dans les résultats de recherche, avec des fonctionnalités spéciales telles que des extraits enrichis, améliorant ainsi la visibilité et l’attrait visuel des pages.

Quels types d’informations peuvent être structurés avec de schéma ?

Le schéma peut être utilisé pour structurer divers éléments tels que les produits, les avis, les événements, les personnes, les recettes, etc., offrant ainsi une visibilité accrue dans les résultats de recherche.

Quel est l’objectif principal de schéma ?

Le schéma vise à améliorer la compréhension du contenu d’une page par les moteurs de recherche en fournissant des informations structurées sur différents éléments.

Source :
Partagez

You may also like

Leave a Reply

Your email address will not be published. Required fields are marked *