SEO et défilement infini : comment arrêter de cacher des pages à Google
Par Toy Wen Da, Cofondateur · Mis à jour le · 6 min de lecture
Traduit de l'original en anglais. Lire en anglais
Le SEO du défilement infini consiste à vous assurer que Googlebot peut trouver, explorer et indexer chaque produit, article ou annonce qui ne se charge qu'au fil du défilement du visiteur, et pas seulement le premier lot affiché à l'ouverture de la page. La solution : donner à chaque lot chargé par le défilement sa propre URL explorable, via une pagination ou un lien « charger plus », et faire pointer directement vos liens internes vers ces URL.
Ce que recouvre le SEO du défilement infini
Pourquoi Google a du mal avec le contenu qui défile
Google exécute bien le JavaScript, mais il ne fait pas défiler la page. Googlebot charge une page, attend que le contenu se stabilise et en prend un instantané ; il ne fait jamais tourner la molette d'une souris pour déclencher votre lot de produits suivant. Si les articles 21 à 40 n'apparaissent qu'après qu'un événement de défilement a déclenché une requête, le robot de Google risque de ne jamais les voir, et ce qu'il ne voit jamais ne peut pas être indexé.
Les propriétaires de sites reviennent sans cesse sur le sujet dans la communauté d'aide de Google Search Console, où ceux qui gèrent des blogs et des catalogues à défilement infini se demandent si le problème a disparu avec les progrès des technologies d'exploration. Sur le fond, non. Les recommandations de Google Search Central sur le contenu chargé en différé et inséré dynamiquement donnent toujours la même réponse : donnez à chaque bloc une véritable URL, accessible par un lien, et mettez à jour la barre d'adresse au fil du défilement grâce à l'History API du navigateur, afin que l'URL corresponde toujours à ce qui est affiché à l'écran (Google Search Central).
Où intervient le vérificateur gratuit de balises meta
Avant de toucher au moindre code, passez la page dans le vérificateur gratuit de balises meta de SearchBlueprint. Il extrait la balise title, la meta description, la balise canonical et les directives robots directement du HTML de la page, ce qui suffit à écarter les explications simples : une balise noindex oubliée (Google Search Central), une URL canonique qui pointe ailleurs, ou un titre manquant.
En revanche, il ne vous dira pas si le contenu situé sous la ligne de flottaison existe seulement dans ce HTML. Imaginons que les produits à partir du 21e ne figurent pas dans le code source de la page tant qu'un événement de défilement ne s'est pas déclenché. Le vérificateur ne signalera rien, alors que Google ne peut toujours pas voir ces produits : utilisez-le comme première étape et attendez-vous à devoir poursuivre l'analyse ensuite.
La solution : rendre le contenu qui défile explorable
Étape 1 : ajoutez des URL paginées derrière le défilement
La solution la plus fiable consiste à conserver le défilement pour les visiteurs humains et à construire en dessous une version paginée, avec par exemple /products?page=2 et /products?page=3. Chaque URL doit charger son lot de contenu de façon autonome, sans JavaScript, pour que Googlebot puisse la demander directement. La plupart des plateformes d'e-commerce et de blog génèrent déjà ce type de pagination pour les pages de catégories et d'archives ; le problème, c'est généralement que personne n'a relié la version à défilement à cette pagination. Consultez les réglages de votre CMS avant de développer quoi que ce soit de sur mesure. Les guides SEO par CMS vous montrent où se trouvent les réglages de pagination et d'archives sur chaque grande plateforme, dans l'ordre où vous devriez les vérifier.
Étape 2 : pointez vers de vraies URL, pas seulement vers des déclencheurs de défilement
Ajoutez des liens <a href> visibles vers ces pages paginées, sous la forme d'une pagination numérotée ou d'un bouton « charger plus » qui est aussi un vrai lien. Un <div onclick="loadMore()"> sans href est invisible pour un robot d'exploration. Sur Duda, les modèles de blog ont leurs propres particularités dans la façon dont les articles paginés sont publiés et découverts, et le guide SEO du blog Duda détaille les réglages propres à cette plateforme.
Étape 3 : vérifiez la correction après sa mise en ligne
Une fois la pagination en place, ouvrez directement une URL paginée et vérifiez que le contenu se charge sans JavaScript. Confirmez ensuite que chaque page a son propre titre unique et n'est pas canonisée vers la page 1 par erreur. Si les pages 2 et 3 ont toutes deux la page 1 pour URL canonique, vous avez reconstruit le même problème avec des étapes en plus.
Quand les outils de votre site suffisent, et quand ils ne suffisent pas
| Situation | Vos propres outils suffisent-ils ? | Pourquoi |
|---|---|---|
| Une seule page produit absente de Google | Souvent oui | Vérifiez le HTML de cette URL, corrigez le lien ou l'URL canonique, puis soumettez-la à nouveau |
| Un bug de défilement isolé après une mise à jour du thème | Souvent oui | Changement isolé, correction isolée, testez le gabarit concerné |
| Le gabarit entier de catégorie ou de blog n'est jamais indexé au-delà de la première page | Généralement non | C'est un problème structurel de pagination sur toutes les pages de liste, pas sur une seule URL |
| Les nouveaux produits échouent à l'indexation de façon récurrente | Généralement non | Cela signale un problème de gabarit ou de budget d'exploration qui se reproduit sans cesse |
Une page manquante isolée peut se traquer avec des outils gratuits et un éditeur de texte. Un schéma qui touche tout le gabarit, ou le même problème qui revient chaque fois que vous ajoutez des produits, mérite un véritable audit plutôt qu'un énième correctif ponctuel.
Erreurs courantes de SEO avec le défilement infini
- Compter sur le défilement seul, sans pagination en dessous. Il fonctionne pour les visiteurs et reste invisible pour Googlebot.
- Câbler le bouton « charger plus » uniquement en JavaScript, sans
href, car un robot d'exploration ne peut pas cliquer. - Oublier de mettre à jour l'URL au fil du chargement du contenu. Sans l'History API, tous les produits chargés par le défilement partagent une seule URL qui ne correspond pas à ce qui est affiché à l'écran.
- Canoniser chaque page paginée vers la page 1, ce qui indique à Google d'ignorer entièrement les pages 2 et suivantes.
- Ne vérifier que les balises meta en supposant que cela valide la page. Cela règle les problèmes de titre, de description et d'URL canonique, mais ne dit rien du contenu manquant.
Questions fréquentes
Le défilement infini nuit-il au SEO par défaut ?
Pas automatiquement, mais il peut le faire si le contenu situé sous la ligne de flottaison n'a aucun autre moyen d'être exploré. Le défilement en lui-même n'est pas le problème. Ce sont les URL explorables manquantes derrière lui.
Puis-je conserver le défilement infini tout en étant pleinement indexable ?
Oui. Associez le défilement à des URL paginées en arrière-plan, et utilisez l'History API pour garder la barre d'adresse synchronisée à mesure que la page se met à jour.
Comment savoir si Google a déjà indexé mon contenu chargé par le défilement ?
Recherchez site:yourdomain.com suivi de quelques mots qui n'apparaissent que dans les éléments chargés plus tard. Si rien ne s'affiche, ce contenu n'est probablement pas encore dans l'index.
Le SEO du défilement infini est-il différent pour les listes de produits et pour les archives de blog ?
La solution de fond est la même : des URL paginées et de vrais liens. Les listes de produits présentent généralement un risque de perte de revenus plus direct quand des articles sortent de l'index ; vérifiez-les donc en premier.
Un sitemap suffit-il à lui seul à résoudre un problème de défilement infini ?
Non. Un sitemap indique à Google qu'une URL existe, mais il ne rend pas explorable une page accessible uniquement par défilement. Il vous faut quand même les URL paginées et de vrais liens pour que les entrées du sitemap aient un sens.
Vérifiez la page, puis corrigez le gabarit
Commencez par le vérificateur gratuit de balises meta pour écarter les explications simples. Examinez ensuite si votre problème de SEO lié au défilement infini concerne une seule page ou tout le gabarit de liste, car c'est ce qui détermine si la suite sera une correction rapide ou une correction structurelle. Si le problème est structurel, ou si vous préférez qu'on vous confirme le diagnostic plutôt que de chercher seul, parlez à l'équipe. Nous passerons en revue un exemple de rapport SEO pour que vous voyiez ce que nous vérifierions sur votre site.
Ressources / Références
À propos de l'auteur
SearchBlueprint a recherché, rédigé et noté cet article avec la chaîne de production de contenu que nos clients utilisent sur leurs propres sites. La note affichée dans la signature est celle que notre moteur de contenu a attribuée à cette page avant sa publication. Rien ici n'est relu à la main, et c'est tout l'intérêt : c'est le résultat du produit, publié là où chacun peut le vérifier.