fr
English Español Deutsch Français Italiano Português (Brasil) Русский 中文 日本語
Soumettre un article
Voir les blog

Techniques avancées pour gagner la Position 0 (Featured Snippet)

81
Wow-Score
Le Wow-Score montre la capacité d'engagement d'un billet de blog. Il est calculé en fonction de la corrélation entre le temps de lecture actif de l'utilisateur, sa vitesse de défilement et la longueur de l'article.

Techniques avancées pour gagner la Position 0 (Featured Snippet)

Cet article est en Français
Jason Barnard
Cet article est en Français
Techniques avancées pour gagner la Position 0 (Featured Snippet)

Featured Snippet, Answer Boxe ou Position 0... il y a beaucoup d’articles sur la manière d’atteindre cette position convoitée pour apparaître au dessus de la SERP. La plupart de ces articles citent les techniques suivantes :

  1. Adapter le contenu pour répondre explicitement aux requêtes des utilisateurs.

  2. Adapter le contenu pour cibler les questions : comment, quand, que, qui...

  3. Écrire les meilleures réponses possible (contenu de qualité).

  4. Inclure des liens externes forts.

  5. Avoir une bonne interaction sociale.

  6. Structurer la page avec des combinaisons Heading / Paragraphe.

  7. Faire des listes et des tableaux en HTML.

  8. Inclure des images.

Toutes ces techniques sont utiles, et vous devez les mettre en œuvre si vous visez la Position 0. Mais il est fort probable que vos concurrents ont déjà commencé à les implémenter.

Dans cet article, je vais vous présenter des techniques peu connues, mais très puissantes pour prendre un avantage décisif sur vos concurrents et obtenir les Featured Snippets que vous méritez.

Techniques HTML5 sémantique pour la Position 0

Dit simplement, le HTML5 sémantique indique aux robots quel est le rôle de chaque partie d’une page. Cela permet à Google (et Bing) de prioriser le contenu : accorder moins d’attention aux informations connexes, à la navigation, aux footers, etc., et se concentrer davantage sur le contenu principal.

D'ici quelques années, le HTML5 sémantique structurel sera le strict minimum pour toute stratégie de positionnement sur les moteurs de recherche comme Google et Bing. Mais le HTML 5 sémantique est déjà très puissant aujourd’hui. Quand mes clients l’implémentent correctement, j’observe toujours de petites avancées dans leur ranking.

Identifier le contenu principal d’une page

Dans les exemples ci-dessous, la balise <article> englobe le contenu principal. Il est TRÈS facile pour Google de l’isoler, le prioriser, et l’extraire.

exemple-html5-semantique-structurelle-position0-simple-kalicube.pngMême avec cette simple implémentation, vous faites plaisir à Google. Faites-le maintenant... Google aide ceux qui l’aident.

Identifier plusieurs Featured Snippets potentiels dans une seule page

En ajoutant de multiples sections à l'intérieur d'un <article>, vous indiquez que ce contenu principal contient différentes parties distinctes que Google peut utiliser pour fournir des Questions/Réponses. Mettez une balise <section> autour de chaque partie :

exemple-html5-semantique-structurelle-position0-kalicube.png

Fournir une ancre et une section #id

Vous avez peut-être remarqué ce détail dans l’exemple ci-dessus. Ajouter des id aux sections, avec une navigation qui les utilise comme ancre est une très bonne idée, puisque cela permet à Google d'extraire ces sections et de les afficher en Featured Snippet :

serp-position0-mailjet.pngUn Featured Snippet provenant d’un élément <section> dans la page.
Notez que la page utilise également le balisage structuré Schema (voir plus bas).

Cette Position 0 vient d’une <section> HTML5 avec une id. Elle présente la description de la bonne section, mais (pour le moment) n’utilise pas le H1 de la section pour le titre du Featured Snippet. C’est dommage, car il serait mieux d'avoir le titre de la section. Je suis convaincu que cela viendra bientôt.

Astuce : La combinaison section / id / ancre est également utile pour les résultats ordinaires. Vous obtenez un lien « Aller à », une description correcte (plutôt que la meta description)... et des liens de site :

serp-liens-de-site-mailjet.pngSuper ! C’est une bonne raison d'utiliser le HTML5 sémantique en combinaison avec les id et les ancres.

Pour info : J’ai codé, pour mes clients, un outil qui identifie les opportunités de Featured Snippet pour leur contenu existant. En développant cet outil, j'ai compris à quel point il est difficile pour un robot d'identifier et d'extraire le contenu principal (le cœur) d’une page quand il n’y a pas de HTML5 sémantique structurel. En 2018, je vais m’assurer que tous mes clients utilisent le HTML5 sémantique pour structurer leurs pages. Il est facile à implémenter et apporte des résultats visibles et mesurables, donc il n’y a aucune raison de s'en abstenir.

Pour une explication plus détaillée du HTML5 sémantique structurel, consultez cet article :
Les secrets des balises structurelles du HTML5 sémantique.

Les données structurées Schema et la Position 0

Le balisage Schema.org est un moyen de présenter le contenu de votre page de sorte que Google le comprenne nativement.

Important : Google recommande d’utiliser JSON-LD pour le balisage.

schema-json-ld.png

Schema WebPage et Article pour la Position 0

C'est simple et efficace. Ajouter une de ces options de Schema à votre page vous permet d’indiquer les images, l’auteur, les évaluations, le sujet, les titres, la description... et bien plus encore, ce qui simplifie le travail des robots. Google vous récompensera si vous lui facilitez la tâche.

Voici les Schema pour les types de page les plus utiles (du moins au plus spécifique) :

artcile-schema.png

Un million de domaines utilisant ce balisage... Ça paraît peut-être beaucoup, mais sachez qu'il y'a près de 400 millions de domaines enregistrés. Donc, il est peu probable que vos concurrents l'utilisent. Seuls 0,25% des sites web utilisent ce balisage ;)

Schema QAPage pour la Position 0

C'est un type de page que j'adore :)

Schema va bien au delà d'un simple type de page pour les Questions/Réponses. Vous avez la possibilité d'identifier explicitement chaque question et réponse sur la page avec un système basé sur StackOverflow

Pour info : J’utilise beaucoup StackOverflow parce qu’il apparaît systématiquement dans les résultats de Google pour les Questions/Réponses autour du développement web. Google favorise StackOverflow et les sites utilisant le Schema Q&A. Je vous conseille d’en profiter !

Comme toujours avec Schema, n’en faites pas trop. Il n’y a aucune raison de mettre tous les éléments à tout prix. Le système StackOverflow a des votes positifs (upvotes), un comptage des réponses (answerCount), des évaluations (ratings), etc. Ils ne sont pas utiles dans ce contexte. Une version simplifiée fera l’affaire : une question avec une réponse acceptée (acceptedAnswer), un auteur et une image sont suffisants dans le majorité des cas.

Astuce : Utilisez le champ « image » dans votre Schema. Compte tenu de la tendance de Google à mettre des images dans la Position 0, vos chances augmenteront si vous associez une image à chaque question.

Parmi d’autres champs qui peuvent parfois se révéler utiles, on trouve « about », « citation », « author »...

Voici un exemple simple (et pertinent) :

{
"@context": "http://schema.org",
"@type": "Question",
"text": "Qu'est ce que l'Optimisation pour Moteurs à Réponse ?",
"inLanguage" : "fr",
"acceptedAnswer": {
"@type": "Answer",
"text": "L'Optimisation pour Moteurs à Réponse est l'avenir de l'industrie du référencement naturel (SEO). Google et Bing se transforment déjà en moteurs à réponse, et les assistants vocaux tels que Amazon Echo, Apple Home Pod et Google Home prendront bientôt une place importante dans notre vie quotidienne... dans ce contexte, vous vous devez d'être en position #1 (ou plutôt #0).",
"author": {
"@type": "Person",
"name" : "Jason Barnard",
"url" : "https://jasonbarnard.com"
}
}
}

Schema ItemList pour Position 0

ItemList est utile pour les listes ul et ol. Puisque ces listes sont déjà structurées, cela peut sembler superflu. Avec les données structurées Schema, vous pouvez ajouter des informations très utiles (par exemple, le sujet de la liste). Dans l'exemple ci-dessous, il s'agit d'un album de musique avec plusieurs morceaux.

item-list-schema-markup.png

Pour info : ItemList offre beaucoup d’autres possibilités pour aider Google à se repérer : sameAs, additionalType, potentialAction, Image, etc.

Schema HowTo pour la Position 0

Comme cet article devient un peu long, et qu’il s’agit d’un cas assez spécifique, au lieu de l’expliquer, je vais vous donner un lien vers un très bon guide écrit par Nicolas Moinard de Mailjet.

Attention : Faites en sorte que votre balisage Schema reste simple. Un balisage incorrecte, mal conçu ou contradictoire aura un effet NÉGATIF. Un balisage simple et correct est préférable à un balisage complexe et incorrect.

Autorité de marque

Le balisage Schema et le HTML5 sémantique peuvent être implémentés rapidement et assez facilement. Ils vous donneront l’avantage jusqu’à ce que vos concurrents lisent cet article ;)

Mais le facteur qui vous fera gagner la Position 0 de manière régulière est l'autorité de marque. Entre plusieurs réponses de qualité, Google choisira celle proposée par la marque ayant le plus d'autorité à ses yeux.

Construire l’autorité de sa marque demande du temps et des ressources. Mais cela en vaut la peine : l’autorité de la marque est non seulement le moyen d'obtenir la Position 0, elle est également le pilier central de toute stratégie AEO.

Rappelez-vous que le balisage Schema et le HTML5 sémantique
ne sont pas des solutions miracles.

Ce sont deux techniques parmi d'autres qui peuvent vous aider à atteindre la Position 0. La combinaison gagnante varie en fonction des requêtes. Soyez vigilant : n’appliquez que les techniques qui sont appropriées et assurez-vous de les avoir implémentées correctement :)

Trop souvent oublié : "Autres questions posées"

La Position 0 vous donne plus de visibilité sur Google que la première. Google affiche les sujets des Featured Snippets associés dans «Autres questions posées ». Donc, si votre site s'affiche pour la Position 0, vous gagnerez beaucoup plus de visibilité !

serp-autres-questions-mailjet.png

Gagnez la Position 0 pour votre site web

Utilisez SEMrush pour vous positionner au sommet de la SERP

Please specify a valid domain, e.g., www.example.com

Almost 2 decades of experience: I started promoting my first website in the year Google was incorporated and built it up to become one of the top 10,000 most visited sites in the world (60 million visits in 2007).
Today I am a search marketing consultant, speaker and author on all things search / answer engine optimisation #SEOisAEO

My column will outline how we in the world of SEO can successfully segue into AEO – Answer Engine Optimization. I will develop the details of the three major concepts your AEO strategy should center on: relevance, communication and credibility. Within these concepts, luckily for us, most (white hat) SEO tactics we use today will remain. #SEOisAEO
Partager cet article
ou

Commentaires

2000
Olivier Perbet
Novice

Tout juste inscrit ou trop timide pour participer.

Bonjour et merci pour cet article, mais des précisions s'imposent.

Les deux parties de l'article sont des exemples très concrets et utiles sur deux sujets distincts, mais on ne peut pas laisser dire qu'il y a un lien entre Position 0 et Données Structurées. Démontrer l'inverse est par contre évident.

La Position 0 a ses guidelines d'optimisation propres et donne des résultats visuels et rapides ; le domaine des Données Structurées est important et complexe mais beaucoup moins vendeur sur du court terme. Mélanger les deux va créer de faux espoirs sur les Données Str., faire perdre du temps aux non-initiés et perpétuer un "mythe SEO" que beaucoup s'efforcent de rectifier.
chroniqueur
Olivier Perbet
Bonjour Olivier

Merci pour ce commentaire.
Ici je dis que les données structurées augmente la probabilité d'avoir des position 0. je ne dis pas que c'est nécessaire, ni que c'est un moyen de les avoir de maniere systematique.

Pour éviter justement ces fausses éspoirs dont vous parlez, je précise "Ce sont deux techniques parmi d'autres qui peuvent vous aider à atteindre la Position 0. La combinaison gagnante varie en fonction des requêtes. Soyez vigilant : n’appliquez que les techniques qui sont appropriées et assurez-vous de les avoir implémentées correctement :)"

J'utilise beaucoup HTML5 semantique et des données structurées

Pour gagner les position 0 pour mes clients, je mets en place les tactiques mentionnés en début d'article :

Adapter le contenu pour répondre explicitement aux requêtes des utilisateurs.
Adapter le contenu pour cibler les questions : comment, quand, que, qui...
Écrire les meilleures réponses possible (contenu de qualité).
Inclure des liens externes forts.
Avoir une bonne interaction sociale.
Structurer la page avec des combinaisons Heading / Paragraphe.
Faire des listes et des tableaux en HTML.
Inclure des images.

Ainsi que HTML5 sémantique et Schema.
chroniqueur
Olivier Perbet
Bonjour Olivier

Voici un article (en anglais) interessant sur les données structurés et Google Assistant
https://searchenginewatch.com/2018/01/11/ces-2018-google-ramps-up-assistant-with-smart-displays-native-podcasts-recipes-and-news/

A+

Jason
Agence web Marseille
Novice

Tout juste inscrit ou trop timide pour participer.

Jusqu'à présent je voyais pas trop la différence avec html5 et google semblait ne pas le prendre en compte, mais effectivement il faut un peu du backlink pour monter sur la position 0.

Bon je vais m'y repencher a nouveau du coup

Merci
chroniqueur
Agence web Marseille
Bonjour !

C'est en essayant de crawler le site d'un client pour y extraire le contenu approprié pour des positions 0 que je me suis rendu compte à quel point c'est difficile, même en connaissant bien son HTML !
Google a besoin de notre aide :)
Olivier Duffez
Assistant

Un membre expérimenté qui est toujours ravi d'aider les autres.

Merci Jason !
Que conseilles-tu de faire pour ajouter facilement ces "section" dans un article Wordpress, autrement qu'à la main ?

Et si j'ai bien compris ton idée, dans chaque section tu démarres les balises Hn à la H1 ? ça fait un peu bizarre non ? par exemple un article qui aurait 3 parties, habituellement on fait un H1 et 3 H2, toi tu ferais comment si tu déclares chaque partie en tant que section ?
chroniqueur
Olivier Duffez
Ajouter du HTML5 semantique dans Wordpress n'est pas chose facile - cela depend de votre theme et ses templates. Donc un travail à la mano à faire.

Chaque element HTML5 (header, aside, article, footer, section et meme nav) peut avoir un H1 - c'est le titre principale de cette partie de la page.
A partir du moment que vous avez des sections, chacun à son propre titre principale (à son niveau). Donc logique.
Les H2/H3 sont pour hierarchiser le "flow" d'un contenu. Avec des sections, ce flow est déjà structuré et hierarchisé, donc pas besoin de le faire avec les H2/H3.

Toutefois, cela reste un point de débat :)

Envoyer un feedback

Your feedback must contain at least 3 words (10 characters).

Nous n’utiliserons que cet email pour vous répondre concernant votre feedback. Politique de confidentialité

Thank you for your feedback!

Système de classement de la communauté

Le classement de notre communauté SEMrush reflète votre degré de reconnaissance professionnelle dans notre communauté. Nous apprécions les contributions de qualité, de sorte que les membres haut gradés bénéficieront d'offres intéressantes. Participez aux discussions, écrivez des messages et intervenez dans des webinaires, soyez chaleureux et serviable, et vous finirez par atteindre le sommet de l’échelle.

  • Novice
    Tout juste inscrit ou trop timide pour participer.
  • Amateur
    Participe sporadiquement aux conversations.
  • Assistant
    Un membre expérimenté qui est toujours ravi d'aider les autres.
  • Maître
    Un membre vétéran de la communauté.
  • Pro
    Pose d'excellentes questions et apporte des réponses brillantes.
  • Expert
    Apporte des informations précieuses et de la profondeur aux conversations.
  • Guru
    Un grand sage du marketing numérique.
  • Superstar
    Sait tout... enfin presque.
  • Légende
    Ce n'est pas simple d'arriver jusqu'ici !