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 :
-
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.
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.
Mê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 :
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 :
Un 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 :
Super ! 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 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) :
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.
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é !