408 Rue Albert Bailly - 59290 Wasquehal, France

Comment utiliser les balises de schéma pour améliorer la structure de votre site web

Agence Webmarketing à Lille

Comment utiliser les balises de schéma pour améliorer la structure de votre site web

Tout comme lorsque j’ai regardé pour la première fois La matriceLorsque j’ai entendu pour la première fois le terme « schéma de balisage », j’ai été intimidé par le savoir-faire technique dont j’estimais avoir besoin pour le comprendre.

Cependant, tout comme le film, comprendre le balisage des schémas n’est pas aussi difficile qu’on pourrait le penser.

En tant que spécialiste du marketing, le balisage des schémas est important car vous voulez que les moteurs de recherche puissent explorer votre site web le plus facilement possible.

Plus il est facile pour Google de comprendre votre site, plus votre site peut apparaître en tête des moteurs de recherche.

Ci-dessous, passons en revue le balisage du schéma, où l’ajouter et comment il peut améliorer la structure de votre site web.

Qu’est-ce que le « Schema Markup » ?

Le balisage de schéma est un code que vous pouvez ajouter à votre site web et qui aide les moteurs de recherche à fournir de meilleurs résultats aux utilisateurs. Il fournit essentiellement aux moteurs de recherche des informations essentielles à inclure dans votre liste qui peuvent améliorer la visibilité en ligne, ainsi que les taux de clics.

En 2011, les principaux moteurs de recherche, dont Google, Yahoo, Bing et Yandex, ont collaboré pour créer schema.orgqui est une « activité communautaire de collaboration ayant pour mission de créer, de maintenir et de promouvoir des schémas de données structurées sur Internet, sur des pages Web, dans des messages électroniques et au-delà ».

En fin de compte, le balisage des schémas est une forme de microdonnées. D’après WikipédiaLes microdonnées sont une spécification HTML utilisée pour imbriquer des métadonnées dans le contenu existant des pages web. Les moteurs de recherche, les crawlers et les navigateurs peuvent extraire et traiter les microdonnées d’une page web et les utiliser pour offrir une expérience de navigation plus riche aux utilisateurs ».

Par exemple, le balisage du schéma créera une description améliorée – parfois appelée un riche extrait — qui apparaîtra dans les résultats de la recherche.

Grâce à l’utilisation de microdonnées, le site web de votre structure sera simple et facile à parcourir pour les moteurs de recherche, ce qui leur permettra d’apparaître plus facilement dans les résultats de recherche.

Exemples de balisage des schémas

Le balisage du schéma peut inclure des évaluations, des critiques, des événements, etc. Vous pouvez utiliser le balisage de schéma pour inclure des informations importantes dans votre liste sur les moteurs de recherche comme Google et Yahoo. Il sera ainsi plus facile d’apparaître dans les résultats de recherche. Par exemple, si vous vendez un produit, vous pouvez inclure le classement par étoiles dans votre annonce.

1. exemple pour l’iPhone 11

Vous trouverez ci-dessous un exemple de page de résultats d’un moteur de recherche présentant des listes avec et sans données de balisage de schéma. Comme vous pouvez le voir, trois des quatre premiers résultats pour l’iPhone 11 contiennent des données de schéma de balisage, y compris les notes, les avis et les prix.

Bien que T-Mobile et Tom’s Guide soient les troisième et quatrième listes en dessous, l’utilisation de microdonnées de marquage de schéma peut améliorer son taux de clics. De plus, cela permet de différencier la liste des autres.

iphone-schema-markup-example

2. Exemple de Betabrand

Dans l’exemple ci-dessous, il y a trois listes de pantalons de yoga Betabrand sur Google. Celles de Betabrand et Good Housekeeping ne contiennent pas d’informations supplémentaires.

Cependant, celle d’Amazon comprend des évaluations et des critiques.

Là encore, l’inclusion de ce type d’informations aide les moteurs de recherche à fournir davantage d’informations susceptibles de persuader les utilisateurs de cliquer sur votre liste.

betabrand-schema-markup-example

3. Exemple de Booking.com

Dans l’exemple ci-dessous, vous pouvez voir que Booking.com a utilisé le balisage du schéma pour inclure les évaluations, les avis, les prix et les questions fréquemment posées pour un hôtel d’Orange County. Dans leur liste, ils incluent un menu déroulant, répondant aux questions qu’un utilisateur pourrait avoir.

Si quelqu’un cherche un hôtel dans lequel il pourrait séjourner, il peut connaître la proximité de l’aéroport, le coût moyen et les notes.

Fairfield Inn schema markup data on Google.

Où ajouter le balisage du schéma

Vous pouvez ajouter une variété de microdonnées en fonction de votre service ou de votre produit.

Par exemple, vous pouvez inclure :

Examens
Classement des étoiles
Prix
Disponibilité
Événements
Lieu
Fourchette de prix
Options de paiement
Heures d’ouverture des magasins

Les options sont infinies. Quel que soit le service ou le produit que vous vendez, vous pouvez utiliser le balisage des schémas pour améliorer vos listes dans les moteurs de recherche.

Alors, comment ajouter des balises de schéma à votre site ?

Générateur de balisage de schéma

Le processus est en fait assez simple. Il suffit d’utiliser un générateur de balisage de schéma.

Étape 1 : Aller à L’outil d’aide au balisage des données structurées de Google

Étape 2 : Sélectionnez le type de liste auquel vous souhaitez ajouter un balisage de schéma. Ensuite, copiez et collez l’URL dans le champ du formulaire.

Étape 3 : Ajoutez les données de balisage du schéma dans le volet de droite en remplissant les informations que vous voulez faire apparaître.

Étape 4 : Cliquez sur le bouton « Create HTML ».

Étape 5 : Copiez et collez le code jaune mis en évidence. C’est le code de balisage de votre schéma. Vous pouvez également cliquer sur le bouton « Télécharger » pour récupérer le code.

Étape 6 : Collez le code dans votre système de gestion de contenu.

Une fois ce processus terminé, vous voudrez tester le balisage de votre schéma pour vous assurer qu’il s’affiche correctement dans les moteurs de recherche.

Si vous utilisez HubSpot, vous pouvez en fait utiliser un Schema Helper intégration pour ajouter des balises de schéma à vos messages.

Ci-dessous, nous allons voir comment tester votre inscription.

Testeur de balisage de schéma

Maintenant que vous avez ajouté le code de balisage du schéma à votre site, il est temps de le tester. Vous pouvez le faire en utilisant le Outil de test des données structurées de Google.

Vous pouvez tester le balisage de votre schéma de deux façons : par URL ou par code.

Pour tester l’URL, il vous suffit de copier et de coller l’URL de la page web que vous souhaitez voir. Ensuite, l’outil affichera un aperçu de votre annonce.

Pour tester le code, vous pouvez copier et coller le code dans l’outil de balisage des données structurées généré pour vous. Là encore, un aperçu de votre liste apparaîtra.

Si le balisage des schémas peut sembler techniquement intimidant, il s’agit en fait d’un processus simple. En utilisant le code de balisage des schémas, vous pouvez augmenter la visibilité de vos listes dans les moteurs de recherche et améliorer le taux de clics.

Improve your website with effective technical SEO. Start by conducting this  audit.