5
Stratégies de croissance pour les éditeurs en période électorale | WEBINAIRE
Après avoir consulté ce guide, vous devriez être en mesure d'ajouter du balisage structuré à vos articles afin d'améliorer la capacité de Google à comprendre votre site web.
Durée de la vidéo
16:57
Répondre au quiz
Répondez au questionnaire du module actuel
Matériels
Modèles prêts à l'emploi
Ressources
Rapports et ressources
0 8 questions complétées
Questions :
Vous avez déjà répondu à ce questionnaire. Vous ne pouvez donc pas le recommencer.
Le quiz est en cours de chargement…
Vous devez vous connecter ou vous inscrire pour commencer le quiz.
Vous devez d'abord effectuer les opérations suivantes :
0 réponse correcte sur 8
Votre temps :
Le temps s'est écoulé
Vous avez atteint 0 sur 0 point(s), ( 0 )
Points obtenus : 0 sur 0 , ( 0 )
0 Dissertation(s) en attente (Points possibles : 0 )
Qu'est-ce que le balisage de schéma ?
Quel est l'objectif du balisage de schéma ?
Quel est le langage de script recommandé pour le balisage de schéma ?
Quel est l'objectif d'un document de schéma ?
Comment déployer un balisage de schéma ?
Qu'est-ce que l'assistant de balisage de données structurées ?
Si vous utilisez des images sur votre page, à quoi devez-vous vous assurer ?
Quelle balise devriez-vous envisager d'utiliser pour marquer toutes les informations visibles par l'utilisateur ?
2.5.1 Qu'est-ce qu'un schéma ?
Le balisage Schema est un code ou des données structurées qui aident les moteurs de recherche à classer et à afficher plus facilement le contenu d'une page.
Internet regorge de données, ce qui complique la tâche des moteurs de recherche pour fournir des résultats optimaux à leurs utilisateurs. Face à ce défi, les géants de la recherche, Google, Bing, Yahoo! et Yandex, ont collaboré pour créer le balisage Schema, qui permet aux éditeurs de mieux communiquer leur contenu aux moteurs de recherche.
Voici quelques exemples courants de balisage de schéma :
Si vous cherchiez une recette de poulet tikka masala sur Google, ne seriez-vous pas plus enclin à cliquer sur un lien mentionnant le temps de cuisson, présentant un aperçu des ingrédients ainsi qu'une évaluation des utilisateurs ?
Le balisage Schema permet aux moteurs de recherche d'afficher votre page web avec un contenu enrichi. Consultez l'exemple ci-dessous pour mieux comprendre.
Si nous utilisons l'outil de validation de Schema.org pour vérifier l'extrait de données structurées JSON-LD (schéma) du lien tasty.co, nous pouvons constater qu'il ressemble à ceci :
Nous reviendrons plus tard sur les différents langages de conception utilisés dans les données structurées, mais pour l'instant, concentrons-nous sur l'exemple ci-dessus.
Comme vous pouvez le constater sur cette capture d'écran, mise en évidence en jaune, toutes les informations pertinentes (type, titre, date de publication, date de modification, auteur, ingrédients, etc.) sont des indications claires pour les moteurs de recherche sur la manière d'afficher la page et de la rendre plus attrayante pour les internautes.
John Mueller, expert en recherche chez Google, a déclaré qu'il est fort probable que la mise en œuvre des schémas devienne plus complexe à l'avenir. Ceci est dû au développement continu de types de balisage de données structurées supplémentaires et plus complexes.
Nous avons exploré ci-dessous d'autres difficultés rencontrées lors de la mise en œuvre de données structurées.
Pour que le schéma fonctionne comme prévu, le code doit être exempt d'erreurs et correctement implémenté conformément à la syntaxe et aux règles qui le régissent. Ces directives de Google exigent que chaque objet concerné possède une valeur valide dans le champ de propriété.
Les erreurs lors de l'utilisation du schéma ne permettront pas d'obtenir le résultat multimédia enrichi souhaité lorsque votre site sera affiché dans les SERP.
Vous devez vous assurer que votre balisage JSON-LD décrit ou met en évidence un aspect du code qui est également visible dans le texte du site.
Par exemple, un avis apparaît dans les résultats enrichis de votre SERP, mais il est absent de la page vers laquelle l'utilisateur clique. Il peut s'agir d'un oubli ou d'une erreur de codage, mais le moteur de recherche risque de considérer cela comme une pratique trompeuse.
Google, en particulier, envoie généralement un avertissement via Google Search Console (GSC) lorsqu'il rencontre ce type de problème lors de son exploration. Voici un exemple d'avertissement concernant des champs manquants sur la page produits d'un site.
Bien que Google émette un avertissement, il vous donne également la possibilité de corriger le problème et d'utiliser le schéma comme prévu.
Bien que l'utilisation du balisage de schéma ne garantisse pas une amélioration du classement de votre site , elle aide les moteurs de recherche à mieux comprendre son contenu.
Les avantages de l'utilisation du balisage de schéma sont les suivants :
Vous pouvez concevoir votre schéma dans l'un des trois formats pris en charge par Google Search :
Parmi les trois mentionnés précédemment, Google recommande l'utilisation de JSON-LD . Comme il s'agit d'un langage de script, il est ajouté à l'aide de tag on the page, which means it does not create any blank spaces on the page. It is relatively easy to use and can be placed in either the head or the body of the page.
Un autre avantage de JSON-LD réside dans sa facilité de relecture et de modification. Contrairement aux deux autres formats basés sur HTML, le script JSON-LD est distinct et facile à identifier parmi les nombreuses lignes de code, ce qui accélère le débogage.
Voici un exemple de script JSON-LD pour une page de recette :
Vous pouvez constater comment le script identifie clairement le titre, le type (recette), la date de publication, la description, le temps de préparation et l'auteur de l'article pour qu'il apparaisse sous forme d'extrait enrichi dans la SERP.
Maintenant que nous maîtrisons les principes de base de la conception de schémas, il est temps de voir comment implémenter le balisage sur nos sites. Dans cette section, nous nous concentrerons sur les sites WordPress, car il s'agit du système de gestion de contenu (CMS) le plus populaire au monde pour la publication.
Ce processus peut être décomposé en trois étapes principales.
Examinons chaque étape un peu plus en détail.
La création du balisage de schéma peut se faire de trois manières : manuellement, via un outil en ligne ou via des plugins.
Si vous possédez les connaissances et l'expérience nécessaires, vous pouvez choisir de rédiger le schéma dans l'un des trois formats pris en charge par Google. Il vous suffit de sélectionner votre éditeur de texte préféré pour le développement web et de commencer à écrire.
Nous recommandons cette méthode uniquement aux développeurs web. Sinon, nous conseillons d'utiliser une autre option, comme un outil en ligne.
Une solution plus simple que d'écrire votre propre code consiste à choisir l'un des nombreux outils en ligne gratuits disponibles. Dans ce guide, nous allons toutefois nous intéresser à l' outil d'aide au balisage des données structurées .
L'outil Structured Data Markup Helper vous permet de générer un schéma en quelques étapes simples. Son principal atout ? Son interface graphique qui génère et implémente le code. Voyons comment cela fonctionne.
Pour cet exemple, nous avons choisi l'option « Critiques de livres » pour le site populaire www.goodreads.com .
Une autre option conviviale consiste à utiliser une extension, comme Yoast SEO et Schema & Structured Data for WP & AMP , qui peut générer le schéma pour vous. Si vous n'avez pas suffisamment d'expérience en programmation, l'utilisation d'une extension est peut-être la meilleure solution. Cette option présente l'avantage que la plupart des extensions peuvent tester et implémenter le schéma pour vous.
Une fois votre schéma créé, il est indispensable de le tester afin de détecter d'éventuelles erreurs. Bien qu'un plugin ou l'outil Structured Data Markup Helper de Google puisse automatiser cette tâche, il est toujours prudent de tester le code et de vérifier son rendu sur le web avant son déploiement.
pour cela les outils de test des résultats enrichis de Google de validation du balisage Schema de Schema.org
Cet outil teste vos données structurées pour déterminer les résultats enrichis que votre page générera et peut également prévisualiser l'apparence de ces résultats dans la recherche Google, le cas échéant.
Si l'on effectue une recherche Google pour la « meilleure recette de tarte aux pommes », Natasha's Kitchen figure parmi les nombreux résultats affichés.
En copiant l'URL dans l'outil de test de Google, nous pouvons la tester sur mobile et sur ordinateur. Quelle que soit l'option choisie, sept éléments apparaissent éligibles pour la section des résultats enrichis des SERP de Google.
Voici un aperçu rapide du premier élément valide sur mobile :
Cet outil permet de valider toutes les données structurées Schema.org utilisées sur une page. En soumettant la même URL à l'outil de validation de balisage Schema, on peut observer l'utilisation du schéma de recette ainsi que des différentes balises.
Maintenant que votre code a été testé, vous pouvez le déployer. Plusieurs méthodes s'offrent à vous pour ce faire.
Conseils de pro
Quelle que soit la méthode de génération du schéma, des ajustements peuvent s'avérer nécessaires. Il est donc important de tester et de valider votre code afin de vérifier son affichage dans les résultats de recherche.
Utilisez l' outil d'inspection d'URL pour vous assurer que tous vos liens sont accessibles à Googlebot ; sinon, ils ne seront ni explorés ni indexés.
Utilisez Google Codelabs pour expérimenter les concepts abordés dans ce module, voir le code en action et découvrir des moyens de l'optimiser.
Le balisage Schema est un excellent moyen d'améliorer la visibilité de votre site dans les SERP et d'augmenter votre trafic organique. Cependant, un code incorrect ou le non-respect des consignes de Google concernant les données structurées peuvent s'avérer très préjudiciables.
En effet, Google a averti que les pages qui enfreignent ses règles « peuvent recevoir un classement moins favorable ou être marquées comme inéligibles pour les résultats enrichis ».
Pour tirer le meilleur parti du balisage de schéma, nous avons dressé une liste des principales erreurs à éviter.
Face à la prolifération des liens racoleurs et autres formes de spam, Google a adopté une politique de tolérance zéro envers tout ce qui est considéré comme du spam. Le géant de la recherche a clairement indiqué qu'il interviendrait manuellement sur les pages concernées.
L’absence de réaction après des avertissements répétés peut entraîner le signalement de votre page, ce qui signifie que non seulement elle n’apparaîtra pas dans les résultats enrichis, mais que votre site pourrait même être déclassé dans les classements SERP .
Le balisage Schema est fréquemment utilisé pour ajouter des avis et des notes aux pages. Cependant, ces avis doivent être indépendants et authentiques.
Google dispose d'un système de détection interne qui signale les avis générés par les éditeurs. Dans ce cas, le moteur de recherche peut ignorer l'avis ou, dans des cas extrêmes, même abaisser le classement du site.
Bien que JSON-LD soit facile à utiliser, des erreurs dans le script lors du balisage manuel du schéma peuvent amener l'algorithme de recherche de Google à ignorer votre contenu, en partie ou en totalité.
Si vos données structurées sont dans un format autre que JSON-LD, Microdata ou RDFa, Google ne les détectera pas.
Si vous bloquez accidentellement ou intentionnellement l'accès de Googlebot à vos données structurées, votre site n'apparaîtra pas dans les résultats enrichis de la SERP. Vérifiez la présence d'un fichier robots.txt, d'une balise noindex ou de tout autre mécanisme de contrôle d'accès susceptible de bloquer l'accès.
Bien que la date semble être une propriété anodine, elle peut avoir différentes significations. Prenons l'exemple de `datePublished` et `dateModified`. Ce sont deux balises distinctes, et les utiliser indifféremment peut nuire à votre référencement.
Les notes constituent un autre exemple. Ne pas faire la distinction entre les notes attribuées aux produits et celles attribuées aux catégories, et utiliser le même balisage pour les deux, pourrait être interprété par Google comme une tentative de fraude délibérée et entraîner un signalement de l'infraction.
Google décrit cela comme une « action manuelle », ce qui augmente la probabilité que la page (ou dans certains cas, le site entier) n'apparaisse pas dans les SERP de Google.
Voici quelques bonnes pratiques pour optimiser vos données structurées et améliorer votre visibilité dans les SERP.
Lorsque vous utilisez le vocabulaire Schema.org pour les données structurées, référez-vous toujours à la documentation de Google Search Central pour comprendre le comportement du moteur de recherche.
En effet, Schema.org contient des attributs et des objets supplémentaires qui peuvent être applicables à d'autres plateformes, mais qui ne sont pas pertinents pour la recherche Google et sont donc ignorés par le moteur de recherche.
Intégrez autant de propriétés de page suggérées que possible et pertinentes pour votre contenu afin d'aider Google à mieux le comprendre. Cela améliore également l'expérience de recherche de l'utilisateur et augmente la probabilité que votre contenu soit consulté.
Si vous utilisez des images sur votre page, assurez-vous que leurs URL sont accessibles et peuvent être indexées et explorées par Googlebot.
Pour améliorer la pertinence et la visibilité de votre page, intégrez plusieurs éléments enrichis. Par exemple, si vous couvrez un événement sportif, l'ajout d'une vidéo des meilleurs moments, d'un tableau de score et d'un fil d'Ariane permettra aux robots d'exploration de mieux comprendre votre contenu
En balisant toutes les informations visibles par l'utilisateur avec des données structurées, vous augmentez vos chances d'apparaître dans plusieurs résultats de recherche. Pensez également à les relier entre elles afin de fournir des informations plus complètes à Googlebot grâce à la balise @id.
L'attribut @id est utilisé comme identifiant (URI). Il permet d'identifier un schéma, un sous-schéma ou un objet spécifique. En l'utilisant dans vos données structurées, vous pouvez identifier les objets de base et les associer à un thème commun, comme dans l'exemple des événements sportifs mentionné précédemment. En les liant, vous indiquez à Google qu'ils sont liés et qu'ils doivent être affichés comme tels dans les résultats de recherche.
L' de test des résultats enrichis vous permet de voir comment vos résultats enrichis apparaîtront réellement lorsqu'un utilisateur recherchera le contenu, garantissant ainsi la conformité aux consignes techniques de Google .
Il peut arriver que vous ayez besoin de dupliquer vos données structurées sur plusieurs pages de votre site pour les mettre davantage en valeur.
Par exemple, si vous vendez des ingrédients pour une recette, publiez des offres d'emploi ou mettez en avant un véhicule à vendre, la description du contenu et des valeurs du bien restera inchangée.
Mais si vous indiquez une valeur différente pour l'emplacement, l'algorithme considérera chaque occurrence comme unique et l'affichera en conséquence. Dans le cas contraire, l'occurrence sera traitée comme un doublon et ignorée dans les résultats de recherche.
Goal.com, site web spécialisé dans le football, ne se contente pas d'utiliser le balisage de base des articles d'actualité ; il balise également les personnes, les lieux et les objets. La facilité avec laquelle le site est trouvé s'explique par le fait que l'éditeur a appliqué cette méthode à tous ses sites destinés à des langues spécifiques.
Passons aux coulisses et examinons le code et les propriétés des données structurées utilisées par Goal.com.
Comme vous pouvez le constater dans le panneau latéral droit de l'image, la publication a enrichi sa page de plusieurs propriétés pertinentes et de leurs valeurs correspondantes. Elle utilise le NewsArticle et contient toutes les informations clés nécessaires pour informer Google du contenu et du contexte lors de l'affichage du lien dans les résultats de recherche : type, image accessible, titre descriptif, dates de publication et de modification, nom de l'auteur, etc.
Le code utilise également la balise @id, comme mentionné dans la section des bonnes pratiques
Si vous souhaitez examiner le code plus en détail, cliquez ici .
Taste.com.au est l'un des sites culinaires les plus populaires d'Australie, avec une collection de plus de 50 000 recettes. Conformément à sa vocation première, l'éditeur a utilisé un système de fiches recettes sur l'ensemble du site afin d'optimiser la visibilité et l'expérience utilisateur.
Prenons cette recette comme exemple pour examiner son balisage de schéma détaillé , ainsi que l'utilisation de ses propriétés et de ses fonctionnalités avancées.
Remarquez l'utilisation de plusieurs propriétés du schéma de recette pour rendre la page attrayante pour les internautes lors de son affichage dans les résultats de recherche. L'utilisation détaillée des propriétés et des objets permet à la page de se démarquer, notamment les ingrédients, les ingrédients analysés, le temps de préparation, le temps de cuisson, la quantité servie, la difficulté, etc.
Il n'est donc pas surprenant que le site bénéficie d'un trafic aussi important.
À la fin de ce module, vous devriez maintenant avoir une idée claire de la capacité du schéma à aider les moteurs de recherche à mieux comprendre et afficher le contenu.
Non seulement cela est utile aux robots d'exploration, mais c'est également bénéfique pour les utilisateurs, qui reçoivent des résultats de recherche plus détaillés. Les éditeurs, quant à eux, profitent d'une meilleure visibilité et d'un trafic potentiel accru.
N'oubliez pas de classer le contenu et d'élaborer un plan pour adapter votre schéma en conséquence, que ce soit manuellement, par programmation ou via un plugin.
Actif maintenant
Voir plus