Résultats Riches (Rich Snippets) : Explication des Avantages SEO et Comment Utiliser l’Outil de Test des Résultats Riches
contents
- 1 Quels sont les résultats enrichis ?
- 2 Comment afficher les résultats enrichis
- 3 Comment vérifier si les résultats enrichis sont affichés
- 4 Types de Résultats Enrichis et Comment Écrire des Données Structurées
- 5 Informations sur les Produits
- 6 Explication du code source :
- 7 Informations sur les Avis
- 8 Foire aux Questions sur les Résultats Enrichis
- 8.1 Q : Les résultats enrichis ont-ils un effet sur le SEO ?
- 8.2 Q : Quelles sont les conditions requises pour afficher des résultats enrichis ?
- 8.3 Q : Comment puis-je afficher une boîte de recherche de liens de site dans les extraits enrichis ?
- 8.4 Q : Où devrais-je placer le code des données structurées ?
- 9 Résumé
Les résultats enrichis désignent des boîtes d’informations spéciales affichées dans les résultats de recherche. Présenter votre page comme un résultat enrichi augmente la visibilité de vos informations dans les résultats de recherche, ce qui améliore ainsi les taux de clics des utilisateurs. En conséquence, cela entraîne une augmentation du trafic de recherche et renforce les métriques de performance de votre site, offrant ainsi un coup de pouce à vos efforts de SEO.
Dans cet article, nous expliquerons ce que sont les résultats enrichis. Nous aborderons la manière de mettre en œuvre les résultats enrichis sur votre site, incluant des explications détaillées avec du code source réel. Ce contenu est conçu pour être utile non seulement pour les directeurs web mais aussi pour les ingénieurs, alors veuillez l’utiliser comme référence.
Quels sont les résultats enrichis ?
Les résultats enrichis sont des cadres d’affichage spéciaux dans les résultats de recherche, qui peuvent être activés par le biais du SEO technique connu sous le nom de données structurées.
Cependant, l’implémentation de données structurées ne garantit pas l’affichage des résultats enrichis, car leur apparition réelle dans les résultats de recherche est ultimement déterminée par le moteur de recherche Google.
Différence entre les résultats enrichis et les extraits enrichis
Les extraits enrichis font référence à des informations spéciales affichées au-dessus des extraits dans les résultats de recherche.
D’autre part, les résultats enrichis désignent des cadres d’affichage spéciaux sur la page de résultats de recherche, qui peuvent par exemple inclure des informations trouvées dans le Panneau de Connaissances Google pour une entreprise. Donc, strictement parlant, les extraits enrichis sont un type de résultats enrichis.
Article connexe : Qu’est-ce qu’un extrait ? Explication de la signification et conseils pour l’efficacité SEO
Différences entre les résultats enrichis et les extraits de position zéro
Un extrait de position zéro est un cadre qui affiche du texte d’une page web jugée être la réponse la plus appropriée à une requête de recherche. Spécifiquement, il apparaît tout en haut des résultats de recherche.
En contraste, les résultats enrichis sont affichés en fonction des données structurées. Ainsi, les mécanismes sous-jacents entre les deux sont fondamentalement différents.
Article connexe : Qu’est-ce qu’un extrait de position zéro ?
L’impact des résultats enrichis sur le SEO
Pour le dire simplement, même si les informations de votre page sont affichées sous forme de résultat enrichi, cela n’améliore pas directement le SEO.
Cependant, puisque les informations de votre page deviennent plus visibles dans les résultats de recherche, cela entraîne une augmentation des taux de clics. Cela, à son tour, stimule l’afflux d’utilisateurs de recherche. Un tel trafic de recherche accru contribue aux métriques de performance de votre page web. En ce sens, les résultats enrichis contribuent indirectement à l’efficacité du SEO.
Comment afficher les résultats enrichis
Il existe principalement deux méthodes pour implémenter des données structurées et afficher des résultats enrichis.
- Marquage direct dans les fichiers HTML
- Utilisation d’outils d’aide au marquage structuré
Marquage direct dans les fichiers HTML
Le marquage structuré peut être établi en codant directement dans les fichiers HTML. Il existe des concepts de normes dans les données structurées, parmi lesquelles il y a trois types. Google recommande d’utiliser JSON-LD.
- JSON-LD
- Microdata
- RDFa Lite
Typiquement, ce code est placé dans les balises head ou body d’un fichier HTML. Par exemple, l’insertion du code source suivant dans un fichier HTML rend les données d’image spécifiées plus susceptibles d’être affichées sous forme d’extrait enrichi.
<script type= »application/ld+json »>
{
« @context »: « https://schema.org/ »,
« @type »: « ImageObject »,
« contentUrl »: « https://example.com/photos/1×1/black-labrador-puppy.jpg »,
}
</script>
Voici comment visualiser ce code.
code source |
Explication |
<script type=”application/ld+json”> |
indique que les données sont structurées en utilisant la norme JSON-LD. |
“@context”: “https://schema.org/” |
spécifie le schéma pour les données structurées. |
“@type”: “ImageObject” |
identifie la cible comme des données d’image. |
“contentUrl”: “https://example.com/photos/1×1/black-labrador-puppy.jpg” |
spécifie l’URL des données d’image. |
Utilisation des outils d’aide au marquage structuré
L’utilisation de l’outil d’aide au marquage structuré de Google permet un marquage facile des données structurées. Les étapes spécifiques sont les suivantes :
1. Accédez à l’outil d’aide au marquage structuré.
2. Sélectionnez « Type de données », entrez l’URL de la page pour implémenter les données structurées, puis cliquez sur « Commencer le marquage ».
3. Remplissez les éléments nécessaires dans « Enregistrements », cliquez sur « Créer HTML ».
4. Copiez le code source généré et collez-le dans votre page web (fichier HTML).
▲ Image de l’étape 2
▲ Image de l’étape 3
▲ Image de l’étape 4
Comment vérifier si les résultats enrichis sont affichés
Vous pouvez utiliser le test des résultats enrichis dans Google Search Console pour vérifier si votre page web a implémenté des données structurées. Voici les étapes :
1. Accédez au test des résultats enrichis.
2. Entrez l’URL de la page que vous souhaitez vérifier dans le formulaire et cliquez sur « Tester l’URL ».
Cela affichera l’écran ci-dessous, où vous pouvez vérifier si les données structurées sont lues par le moteur de recherche Google.
Article connexe : Comment utiliser le test des résultats enrichis
Types de Résultats Enrichis et Comment Écrire des Données Structurées
Les résultats enrichis se présentent sous différents formats. Voici quelques exemples :
- Articles
- Fil d’Ariane (Breadcrumbs)
- Informations sur les produits
- Avis
- Boîtes de recherche de liens de site
Dans cette section, nous allons présenter comment coder ces résultats enrichis, avec des exemples. Tous les types de résultats enrichis sont détaillés sur Google Search Central.
Référence : [Marquage des données structurées prises en charge par Google | Google Search Central | Documentation | Google for Developers](https://developers.google.com/search/docs/advanced/structured-data/search-gallery)
Articles
Dans ce contexte, un « article » se réfère à une fonctionnalité dans les requêtes de recherche qui met en avant des pages web provenant de sites de nouvelles ou de blogs. Ceux-ci sont affichés dans les résultats de recherche, comme Google News, et peuvent apparaître en haut des résultats de recherche sous forme de résultats enrichis.
Pour afficher un article en tant que résultat enrichi, écrivez le code suivant dans votre fichier HTML :
<script type= »application/ld+json »>
{
« @context »: « https://schema.org »,
« @type »: « NewsArticle »,
« headline »: « Titre de l’Article de Nouvelles »,
« image »: [
« https://example.com/photos/1×1/photo.jpg »
],
« datePublished »: « 2015-02-05T08:00:00+08:00 »,
« author »: [{
« @type »: « Person »,
« name »: « John Doe »,
« url »: « https://example.com/profile/johndoe123 »
}]
}
</script>
Ce code est adapté de la documentation des données structurées pour les articles sur Google Search Central | Documentation | Google for Developers.
Voici comment visualiser ce code :
1. @context : indique que les données sont structurées en utilisant la norme JSON-LD.
2. @type : spécifie le schéma pour les données structurées.
3. headline : titre de l’article.
4. image : spécifie l’URL de l’image associée à l’article.
5. datePublished : date de publication de l’article.
6. author : fournit des informations sur l’auteur de l’article, y compris le nom et l’URL de profil.
En intégrant ce type de code dans votre fichier HTML, vous augmentez les chances que votre article soit affiché comme un résultat enrichi dans les recherches Google.
Code source |
Explications |
@context |
Définit la spécification pour les données structurées. Dans cet exemple, nous utilisons la spécification appelée schema.org.. |
@type |
Définit le type de contenu. Dans ce cas, il indique que le contenu est un article de presse. |
headline |
Spécifie le titre de la nouvelle. Généralement, vous insérez la balise titre ici. |
image |
Spécifie le visuel principal de la nouvelle. Vous entrez l’URL où l’image est hébergée. |
datePublished |
Spécifie la date de publication de l’article. |
author and beyond |
Spécifie les informations sur l’auteur. |
Fil d’Ariane (Breadcrumbs)
Les fils d’Ariane sont affichés dans les extraits comme des informations de lien qui montrent l’emplacement actuel sur une page web.
Voici comment décrire les données structurées pour les fils d’Ariane.
<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>
Ce code est un extrait modifié de la documentation des données structurées BreadcrumbList sur Google Search Central | Documentation | Google for Developers.
La façon de décrire les données structurées pour les fils d’Ariane est la suivante :
1. @context : Définit la spécification pour les données structurées. Dans cet exemple, nous utilisons la spécification appelée schema.org.
2. @type : Définit le type de contenu. Dans ce cas, il indique que le contenu est une liste de fil d’Ariane (BreadcrumbList).
3. itemListElement : Une liste d’éléments, chacun représentant un niveau de la navigation dans le fil d’Ariane.
4. @type : Spécifie que l’élément est un ListItem.
5. position : Spécifie la position de l’élément dans le fil d’Ariane.
6. name : Spécifie le nom de l’élément.
7. item : (optionnel) Spécifie l’URL de l’élément.
Code source |
Explications |
@context |
Définit la spécification pour les données structurées. Dans cet exemple, la spécification schema.org est utilisée. |
@type |
Définit le type de contenu, qui dans ce cas est une liste de fil d’Ariane. |
itemListElement: |
Shows the structure of the breadcrumb list. |
itemListElement.@type |
Spécifie le type de chaque élément dans la liste. |
position |
Indique le niveau hiérarchique dans le répertoire. |
name |
Spécifie l’étiquette pour le fil d’Ariane (nom du répertoire). |
Informations sur les Produits
Les images des produits, les prix et les évaluations des clients sont affichés sous forme d’extraits enrichis, généralement utilisés sur les pages de produits des sites de commerce électronique.
Pour afficher les informations sur les produits, telles que les images et les prix, vous devez structurer vos données comme suit.
<script type= »application/ld+json »>
{
« @context »: « https://schema.org/ »,
« @type »: « Product »,
« name »: « Tokyo SEO Maker 2023 Ultimate SEO Guide »,
« description »: « Tokyo SEO Maker, spécialisé dans les services SEO, offre un guide complet sur les essentiels actuels du SEO en 2023, basé sur leur expertise et leur technologie. »,
« image »: [
« https://example.com/photos/16×9/trinket.jpg »
],
« offers »: {
« @type »: « Offer »,
« price »: 1250,
« priceCurrency »: « JPY »
}
}
</script>
Ce code est un extrait modifié de la documentation des données structurées pour les produits, avis et offres sur Google Search Central | Documentation | Google for Developers.
Explication du code source :
- @context : Définit la spécification pour les données structurées. Dans cet exemple, la spécification schema.org est utilisée.
- @type : Définit le type de contenu, qui dans ce cas est un produit.
- name : Spécifie le nom du produit.
- description : Fournit une description du produit.
- image : Spécifie l’URL de l’image du produit.
- offers : Contient les informations sur l’offre pour le produit.
- @type : Définit le type de l’offre.
- price : Spécifie le prix du produit.
- priceCurrency : Spécifie la devise du prix.
Informations sur les Avis
Pour les produits, les films, les recettes ou d’autres types de contenu évalués par les utilisateurs, les informations sur les avis sont affichées sous forme d’extraits enrichis.
Le code des données structurées pour afficher les évaluations et les informations sur les avis ressemblerait à ceci :
<script type= »application/ld+json »>
{
« @context »: « https://schema.org/ »,
« @type »: « Product »,
« name »: « Tokyo SEO Maker 2023 Ultimate SEO Guide »,
« description »: « Tokyo SEO Maker, spécialisé dans les services SEO, offre un guide complet sur les essentiels actuels du SEO en 2023, basé sur leur expertise et leur technologie. »,
« image »: [
« https://example.com/photos/16×9/trinket.jpg »
],
« aggregateRating »: {
« @type »: « AggregateRating »,
« ratingValue »: « 3.4 »,
« bestRating »: « 5 »,
« reviewCount »: « 7 »
}
}
</script>
Ce code est également adapté de la documentation des données structurées pour les produits, avis et offres sur Google Search Central | Documentation | Google for Developers.
Explication du code source :
- @context : Définit la spécification pour les données structurées. Dans cet exemple, la spécification schema.org est utilisée.
- @type : Définit le type de contenu, qui dans ce cas est un produit.
- name : Spécifie le nom du produit.
- description : Fournit une description du produit.
- image : Spécifie l’URL de l’image du produit.
- aggregateRating : Contient les informations d’évaluation agrégée pour le produit.
- @type : Définit le type de l’évaluation agrégée.
- ratingValue : Spécifie la valeur de l’évaluation.
- bestRating : Spécifie la meilleure note possible.
- reviewCount : Indique le nombre d’avis.
De plus, lorsque les évaluations des avis sont implémentées sous forme de données structurées, elles peuvent également apparaître sous forme d’extraits d’avis dans les extraits enrichis et les panneaux de connaissances. Ces extraits affichent des commentaires d’avis dans la zone de description.
Boîte de Recherche de Liens de Site
Une boîte de recherche de liens de site est un formulaire qui permet aux utilisateurs de rechercher dans les pages d’un site web. En utilisant des données structurées, elle peut être affichée dans les extraits enrichis.
Pour afficher une boîte de recherche de site, votre site web doit avoir un moteur de recherche interne implémenté.
Si vous avez un moteur de recherche interne intégré, veuillez inclure le code suivant.
<script type= »application/ld+json »>
{
« @context »: « https://schema.org »,
« @type »: « WebSite »,
« url »: « https://www.example.com/ »,
« potentialAction »: {
« @type »: « SearchAction »,
« target »: {
« @type »: « EntryPoint »,
« urlTemplate »: « https://www.example.com/search?q={search_term_string} »
},
« query-input »: « required name=search_term_string »
}
}
</script>
Ce code est un extrait modifié de la documentation des données structurées pour une boîte de recherche de liens de site (WebSite) sur Google Search Central | Documentation | Google for Developers.
Explication détaillée du code :
- @context : Définit la spécification pour les données structurées. Dans cet exemple, la spécification schema.org est utilisée.
- @type : Définit le type de contenu, qui dans ce cas est un site web.
- url : Spécifie l’URL du site web.
- potentialAction : Indique l’action potentielle que les utilisateurs peuvent effectuer.
- @type : Définit le type d’action, qui est une action de recherche.
- target : Indique où l’action de recherche sera effectuée.
- @type : Définit le type de point d’entrée.
- urlTemplate : Spécifie le modèle d’URL pour effectuer la recherche interne.
- query-input : Spécifie le paramètre de requête requis pour l’entrée de recherche.
Foire aux Questions sur les Résultats Enrichis
Nous avons compilé ici quelques questions fréquemment posées sur les résultats enrichis.
Q : Les résultats enrichis ont-ils un effet sur le SEO ?
R : Les résultats enrichis n’ont pas d’effet direct sur le SEO. Cependant, ils peuvent améliorer la visibilité et la quantité d’informations de vos pages dans les résultats de recherche, ce qui peut entraîner des taux de clics plus élevés. Cela peut indirectement améliorer les performances SEO.
Q : Quelles sont les conditions requises pour afficher des résultats enrichis ?
Vous devez mettre en œuvre des stratégies SEO et des données structurées.
Premièrement, votre page doit être indexée par le moteur de recherche Google. Être bien classé grâce au SEO est une condition préalable. De plus, l’implémentation de données structurées remplit les conditions nécessaires pour afficher des résultats enrichis.
Article connexe : Qu’est-ce que le SEO ? Un guide convivial pour les débutants sur les stratégies SEO
Q : Comment puis-je afficher une boîte de recherche de liens de site dans les extraits enrichis ?
Vous devez implémenter un moteur de recherche sur votre site web et décrire les données structurées en conséquence.
Une manière relativement simple d’implémenter un moteur de recherche est de configurer Google Custom Search. Les détails sur les recherches personnalisées sont expliqués dans l’article ci-dessous.
Article connexe : Qu’est-ce que Google Custom Search ? Avantages et comment l’utiliser
Q : Où devrais-je placer le code des données structurées ?
R : Veuillez écrire le code dans les balises head ou body de votre fichier HTML.
Résumé
Dans cet article, nous avons expliqué les mécanismes des résultats enrichis, leurs avantages pour le SEO, et comment les afficher. Implémenter des résultats enrichis sur votre site peut augmenter les taux de clics provenant des résultats de recherche, entraînant ainsi plus de trafic de recherche. Les résultats enrichis sont relativement faciles à mettre en place, même pour les débutants en web, en utilisant des outils de marquage structuré. Divers types de résultats enrichis sont disponibles, alors implémentez les données structurées appropriées selon les fonctionnalités de votre site.