Les carrousels AMP de Google : de la multiplication de 2017 à aujourd’hui

En 2017, je vous disais que les carrousels AMP se multipliaient dans les résultats mobiles de Google. Voici la suite de l’histoire, ce qu’il en reste et comment construire un carrousel AMP aujourd’hui.

De quel carrousel parle-t-on ?

L’expression « carrousel AMP » désigne en fait deux choses différentes, et les confondre est courant :

Ma version de 2017 portait sur le premier sens. Le tutoriel de GeeksforGeeks, qui m’a inspiré cette mise à jour, porte sur le second.

Ce qui se passait en 2017

Dans une chronique reprise par Search Engine Land et Marketing Land en janvier 2017, Barb Palser expliquait que Google avait lancé un nouveau type de carrousel AMP en « cartes riches » dans les résultats de recherche mobiles, en plus du carrousel « Top stories » que l’on connaissait. Ces carrousels affichaient des articles liés d’un même éditeur dans la liste principale des résultats. Ils avaient commencé à apparaître à la fin de 2016, sans annonce de la part de Google. C’est cet article que j’avais traduit à l’époque.

Ils apparaissaient surtout pour des requêtes populaires, en particulier des sujets d’actualité, et Google semblait les déclencher lorsqu’un éditeur avait plusieurs résultats AMP très pertinents pour la recherche. Aucune garantie d’en obtenir un, même avec beaucoup de contenu pertinent. L’avantage, comparé à « Top stories » où les éditeurs se disputent les premières places, c’est que le carrousel entier et l’expérience de navigation qui suit appartenaient à un seul éditeur.

Une autre analyse de Barb Palser dans Search Engine Land nuançait l’enthousiasme : sur un téléphone, seules les deux premières cartes sont visibles (trois en mode paysage), et les utilisateurs semblaient peu défiler ou cliquer au-delà. Les carrousels, disait l’auteure, ont plutôt mauvaise réputation comme interface, car ils ont tendance à cacher du contenu.

Ce qui a changé depuis

Sources : Fortune, Search Engine Land, Search Engine Journal, blog Google Search Central (avril 2021), GeeksforGeeks, documentation Google Search Central.

Deux points méritent d’être soulignés. D’abord, selon l’article de 2017, Google avait déclaré que le contenu AMP ne serait pas explicitement favorisé dans le classement. Ensuite, l’avantage réel des carrousels AMP venait de la visibilité, pas du classement. Quand l’exigence a sauté en 2021, l’incitation principale pour la plupart des sites a disparu.

Et les carrousels d’aujourd’hui ?

Les carrousels n’ont pas disparu. Google propose toujours des carrousels d’un même site (des « host carousels »), mais ils fonctionnent avec des données structurées plutôt qu’avec l’AMP. Pour y être admissible, on ajoute un balisage ItemList avec l’un des types de contenu pris en charge : liste de cours, film, recette ou restaurant. La page de Google qui décrit ce balisage ne mentionne pas l’AMP parmi ses conditions.

Google précise aussi que d’autres fonctions ressemblant à des carrousels, comme « Top stories », affichent des résultats de sites différents et qu’on ne peut pas les contrôler avec le balisage de carrousel. Comme toujours avec les données structurées, un balisage valide n’est pas une garantie d’affichage.

Si vous voulez quand même construire un carrousel AMP

Le composant amp-carousel reste documenté sur amp.dev. Il faut d’abord charger son script, puis choisir un type d’affichage.

<script async custom-element="amp-carousel"
  src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>

<amp-carousel type="slides" width="450" height="300"
  layout="responsive" controls loop autoplay delay="3000"
  role="region" aria-label="Galerie de la page">
  <amp-img src="image1.jpg" width="450" height="300" alt="Description 1"></amp-img>
  <amp-img src="image2.jpg" width="450" height="300" alt="Description 2"></amp-img>
  <amp-img src="image3.jpg" width="450" height="300" alt="Description 3"></amp-img>
</amp-carousel>

Extrait adapté de la documentation d’amp.dev. Une page AMP complète doit respecter la spécification AMP HTML pour être valide, ce que cet extrait ne montre pas.

Le tutoriel de GeeksforGeeks nomme deux attributs « control » et « slide ». D’après amp.dev, le nom exact est controls, et la valeur de type est slides.

Un détail d’accessibilité : les exemples d’amp.dev ajoutent role="region" et un aria-label au carrousel, ainsi qu’un texte alt aux images. Les libellés des boutons précédent et suivant peuvent aussi se personnaliser.

Faut-il encore faire de l’AMP ?

Ma réponse, à partir des sources ci-dessus : pas pour les carrousels de Google. Depuis 2021, l’AMP n’est plus une condition pour « Top stories », l’icône a disparu et Google traite toutes les pages selon la même norme. Ce qui compte, ce sont les Core Web Vitals, mesurés sur les visites réelles : un LCP de 2,5 secondes ou moins, un INP de 200 millisecondes ou moins et un CLS de 0,1 ou moins, selon web.dev.

Si votre site utilise déjà l’AMP, rien n’oblige à le retirer du jour au lendemain : Google indexe toujours ces pages, et elles peuvent aussi apparaître comme rich results ou comme Web Stories. Si vous construisez un nouveau site, une page standard rapide vous donne les mêmes leviers sans maintenir une deuxième version. C’est mon avis, pas une règle de Google.

En résumé, ce qu’il reste à retenir

Les formats passent.
Les pages rapides et utiles restent.