Comment ajouter un balisage de schéma à votre site Web WordPress

Vous pouvez ajouter un balisage de schéma à une page Web pour fournir plus de contexte sur son contenu. Bien qu'un navigateur Web n'affiche pas ces données, les robots des moteurs de recherche peuvent les lire. Les moteurs de recherche peuvent ensuite afficher ces données sous forme d'extraits enrichis dans les résultats.

Le balisage de schéma peut indiquer aux moteurs de recherche si une page concerne une personne, un lieu, un produit ou plusieurs autres classes. Les pages Web avec balisage de schéma se distinguent dans les résultats de recherche. Ils conduisent souvent à des taux de clics plus élevés que les pages concurrentes.

Dans cet article, nous allons vous montrer comment ajouter manuellement un balisage de schéma. Bien que ce ne soit pas la méthode la plus rapide, cette approche vous donne plus de contrôle et vous évite d'avoir à installer des plugins supplémentaires.

1. Choisissez votre format préféré

Il existe plusieurs formats différents que vous pouvez utiliser pour baliser le contenu de votre site Web. Les plus courants sont Microdonnées, RDFa, et JSON-LD.

Microdonnées

Les microdonnées sont un ensemble de balises que vous pouvez utiliser pour ajouter des données structurées directement aux éléments HTML. L'ajout de ces balises à votre code HTML les rend plus lisibles par machine et accessibles aux moteurs de recherche et aux robots d'exploration.

Chaque ensemble de balises de microdonnées se compose d'un itemscope, d'un itemtype et de itemprops. Cette combinaison permet d'identifier l'élément étiqueté et de décrire ses propriétés.

RDFa

RDFa est l'abréviation de Resource Description Framework in Attributes. Tout comme les microdonnées, RDFa ajoute des balises aux éléments HTML pour les rendre plus lisibles par machine. Ce framework a trois balises: vocab, typeof et property. Ceux-ci aident à décrire le vocabulaire utilisé, le type de page et ses propriétés.

JSON-LD

JSON-LD signifie JavaScript Object Notation for Linked Data. Il est Format recommandé par Google pour le balisage de schéma. Contrairement aux autres formats discutés, JSON-LD n'est pas une méthode en ligne. Cela signifie que vous n'avez pas besoin de modifier directement les éléments HTML. Au lieu de cela, vous intégrez le code dans l'en-tête de votre page Web. Ceci est généralement plus facile à mettre en œuvre.

2. Écrire le balisage dans un éditeur de texte ou utiliser un générateur de balisage de schéma

Une fois que vous avez choisi votre vocabulaire de schéma préféré, il est temps de passer à écrire le HTML pour créer votre balisage. Les codeurs plus expérimentés peuvent aller de l'avant et créer ceci en utilisant l'un des les meilleurs éditeurs de code gratuits.

Le moyen le plus simple consiste à utiliser un générateur de balisage de schéma, qui générera automatiquement le code pour vous. Il existe de nombreux générateurs, mais deux des meilleurs sont Générateur de balisage de schéma par Merkle et Générateur JSON-LD par analyse Hall.

Ces deux outils offrent un large éventail de vocabulaires de schéma parmi lesquels vous pouvez choisir. Tout ce que vous avez à faire est d'en sélectionner un et de remplir les données requises. L'outil générera ensuite le code approprié pour vous. Vous pouvez ensuite copier l'extrait de code à utiliser sur votre site Web.

3. Ajouter le balisage à la page Web souhaitée

L'ajout du code à votre site Web est tout aussi simple que les étapes précédentes. Pour commencer, rendez-vous sur votre tableau de bord WordPress et ouvrez la publication ou la page où vous souhaitez ajouter un balisage de schéma.

Vous devez d'abord activer le Les champs personnalisés option. L'activation de l'option de champs personnalisés vous permet d'ajouter différents types de données et de métadonnées qui s'appliquent uniquement à un article ou à une page spécifique. Dans ce cas, vous pouvez l'utiliser pour ajouter un balisage de schéma à vos pages Web.

La simple création d'un nouveau champ personnalisé ne suffira pas. Vous devrez également dire à WordPress quoi en faire en ajoutant du code à certains de vos fichiers de thème. Dans certains cas, vous pouvez utiliser des champs personnalisés pour simplement fournir plus de données aux lecteurs. Dans d'autres, vous pouvez les utiliser pour ajouter de nouveaux comportements à votre publication ou page.

Dans ce cas, nous souhaitons simplement fournir des informations aux moteurs de recherche et aux navigateurs.

Pour commencer:

1. Cliquez sur l'icône des trois points en haut à droite de votre écran
2. Aller vers Préférences et cliquez dessus
3. Faites défiler jusqu'à Panneaux avancés et vérifiez le Les champs personnalisés option

Une fois que vous avez activé le Les champs personnalisés option, revenez à votre article ou page et faites défiler vers le bas où vous verrez Paramètres des champs personnalisés. En dessous de Ajouter un nouveau champ personnalisé, sélectionnez Entrez Nouveau pour créer un nouveau champ personnalisé.

Ensuite, vous devez nommer votre balisage de schéma. Dans cet exemple, nous avons nommé le nôtre « Article » parce que nous voulions ajouter un balisage d'article. Cela permettra aux moteurs de recherche et aux navigateurs de savoir que la publication ou la page contient un article. En général, cependant, vous pouvez nommer votre champ personnalisé comme vous le souhaitez.

Dans l'extrait enrichi résultant, les lecteurs peuvent alors voir des informations supplémentaires telles que le nom de l'auteur. Si vous êtes un expert dans un domaine particulier, cela pourrait être utile et inspirer confiance aux personnes qui recherchent des informations sur ce sujet.

Une fois que vous avez nommé votre balisage de schéma, vous pouvez coller votre extrait de code dans le Valeur domaine. Si vous souhaitez ensuite créer plus de types de balisage de schéma pour la même page ou publication, tout ce que vous avez à faire est de coller le deuxième morceau de code sous le premier. Vous pouvez en ajouter autant que vous le souhaitez.

Lorsque vous avez terminé, cliquez sur Ajouter un champ personnalisé, faites défiler jusqu'en haut de la page et cliquez sur Mettre à jour pour enregistrer vos modifications. À ce stade, vous avez ajouté avec succès un nouveau champ personnalisé à votre publication ou page, mais vous devez toujours dire à WordPress quoi en faire.

Dans ce cas, vous devez ajouter un morceau de code à votre en-tête.php qui dit à WordPress d'« appeler » vos champs personnalisés.

Avant de continuer, sachez que toute erreur que vous ferez ici pourrait endommager votre site, alors assurez-vous de sauvegarder votre site web première. En outre, il est préférable de créer un thème enfant afin de ne pas perdre ces modifications chaque fois que vous mettez à jour votre thème.

Voici le code que vous devez ajouter à votre en-tête.php déposer:

php
$schema = get_post_meta (get_the_ID(), 'schema', true);
if(!empty($schema)) {
 echo $schema;< br/>}

Pour trouver votre fichier header.php, rendez-vous sur Apparence > Éditeur de thème. Sur la droite, vous verrez une série de fichiers comprenant le en-tête.php déposer.

Accédez à ce fichier et cliquez dessus. Cela lancera une nouvelle fenêtre qui vous permettra de le modifier. Collez le code juste avant la fermeture étiqueter.

Ensuite, cliquez sur le Fichier de mise à jour et rechargez votre site dans un navigateur. C'est ça! Vous avez ajouté avec succès un balisage de schéma à votre page Web.

Pour être sûr qu'il n'y a pas d'erreurs, et que votre balisage fonctionne correctement, vous devez valider votre page.

Google propose un outil de test de données structurées que vous pouvez utiliser pour tester le balisage de schéma de votre site Web. Il vous suffit d'ouvrir l'outil et de saisir l'URL de la page que vous souhaitez tester. L'outil analysera la page et affichera toutes les données structurées qu'il trouve. Il vous indiquera également s'il y a des erreurs, ce qui est utile si vous avez écrit vos données structurées à la main.

Vous pouvez également coller directement votre balisage dans l'outil pour détecter toute erreur avant de l'ajouter à votre site Web.

Prenez de l'avance sur la concurrence avec le balisage de schéma

Le balisage de schéma offre de nombreux avantages à tout site Web, et il est généralement assez facile à ajouter. Vous pouvez ajouter un balisage Schema à votre site Web à l'aide d'un plugin, ou le faire manuellement comme nous l'avons montré dans cet article. Le balisage de schéma est un excellent moyen d'améliorer le taux de clics de votre site. Si vous recherchez des résultats de référencement encore meilleurs, vous devriez envisager d'utiliser un plugin de référencement holistique.

Les 7 plugins de référencement WordPress les plus efficaces

Ces plugins SEO pour WordPress mettront votre contenu sous les bons yeux.

Lire la suite

A propos de l'auteur