Pagination et chargement progressif : bonnes pratiques SEO
Pagination, bouton Plus ou défilement infini : choisissez le bon modèle et rendez tout votre contenu explorable par Google.
Quand une catégorie, des résultats de recherche interne ou une liste d’avis comptent trop d’éléments pour tenir sur une seule page, l’afficher d’un bloc ralentit le chargement et dégrade l’expérience. Charger un sous-ensemble de résultats répond à ce besoin : on gagne en rapidité, on réduit le trafic réseau (un vrai atout sur mobile) et on allège les bases de données.
Le revers, côté SEO, est que Googlebot doit pouvoir atteindre l’intégralité du contenu. Le robot d’exploration suit les liens présents dans l’attribut href des balises a ; il ne clique pas sur les boutons et ne déclenche pas le JavaScript qui dépend d’une action de l’internaute. Mal implémenté, le chargement progressif peut donc rendre invisible une partie de vos produits.
Le piège du chargement progressif, je le rencontre sur quasiment chaque audit de site marchand un peu ambitieux : un scroll infini magnifique côté visiteur, et un Googlebot incapable d’atteindre la moitié des produits. Retenez la règle technique qui change tout : le robot suit les liens dans l’attribut href des balises a, il ne clique pas sur vos boutons et ne déclenche pas le JavaScript. Pas de vrai lien, pas d’exploration.
Trois modèles de chargement à connaître
Pour afficher une longue liste par morceaux, trois modèles d’expérience coexistent. La pagination répartit les résultats sur des pages numérotées que l’on parcourt avec des liens « Suivant », « Précédent » et des numéros de page. Le bouton « Plus » reste sur une seule page et étend la sélection à chaque clic. Le défilement infini charge davantage de contenu au fur et à mesure que l’internaute descend.
Aucun n’est universellement supérieur : le bon choix dépend du volume de résultats, de l’expérience visée et des surfaces où vos produits apparaissent. La pagination renseigne l’utilisateur sur l’ampleur de la liste et sa position, mais répartit le contenu sur plusieurs URL. Le bouton « Plus » et le défilement infini tiennent sur une page, au prix d’une moins bonne gestion des très grandes listes.
Choisir le modèle adapté à votre boutique
Pour de très grands catalogues, la pagination reste la valeur sûre : chaque page possède sa propre URL explorable, prolongement naturel d’une architecture de boutique bien pensée, ce qui aide Google à découvrir l’ensemble des produits. Le bouton « Plus » convient lorsque le nombre total de résultats reste raisonnable et que vous voulez tout regrouper sur une page unique.
Le défilement infini est intuitif mais peut lasser l’internaute, qui ne sait pas combien de résultats restent à parcourir, et il gère mal les listes massives. Quel que soit le modèle, prévoyez toujours un chemin d’exploration : un site interrogé via JavaScript doit s’appuyer sur des liens réels, un sitemap ou un flux Google Merchant Center pour que Google détecte tous les produits.
Lier les pages de manière séquentielle
Pour que Google saisisse la relation entre vos pages, reliez chaque page à la suivante avec une balise a href. Cette continuité aide Googlebot à reconstituer la séquence complète. Ajoutez aussi, sur toutes les pages d’une collection, un lien vers la première page : Google identifie ainsi le point de départ et juge plus facilement si cette première page est la plus pertinente comme page de destination.
En règle générale, on attribue des titres distincts aux pages. Les séquences paginées font exception : vous pouvez réutiliser les mêmes titres et descriptions sur toutes les pages de la suite, Google cherchant à reconnaître ces séquences pour les indexer en conséquence.
Utiliser les URL correctement
Chaque page de la séquence doit avoir une URL unique, par exemple via un paramètre de requête de type ?page=n, car Google traite ces URL comme des pages distinctes ; les principes pour structurer les URL produits s’appliquent ici aussi. N’utilisez pas la première page comme URL canonique de toute la série : chaque page doit s’auto-référencer avec sa propre balise canonique.
Évitez les identifiants de fragment (texte après le caractère dièse) pour numéroter les pages : Google les ignore et peut renoncer à suivre un lien qui ne diffère que par ce fragment. Pensez enfin au préchargement ou à la préconnexion pour accélérer le passage à la page suivante. Les anciennes balises link rel next et prev ne sont plus prises en compte par Google.
| Modèle | Avantages | Limites | Quand l'utiliser |
|---|---|---|---|
Pagination |
Indique l’ampleur des résultats et la position ; chaque page a son URL |
Navigation plus complexe ; contenu réparti sur plusieurs pages |
Très grands catalogues à faire explorer entièrement |
Bouton « Plus » |
Tout sur une seule page ; affiche le nombre total de résultats |
Inadapté à un très grand nombre de résultats |
Listes de taille modérée regroupées sur une page |
Défilement infini |
Tout sur une page ; geste intuitif |
L’internaute ignore ce qui reste ; gère mal les longues listes |
Flux courts où la rapidité prime |
Le robot d’exploration suit uniquement les liens présents dans l’attribut href des balises a. Il ne clique pas sur un bouton « Plus » et ne lance pas les fonctions JavaScript qui attendent une action de l’internaute. Si votre chargement progressif repose sur ces mécanismes sans liens explorables, une partie de vos produits restera introuvable. Appuyez-vous sur des liens réels, un sitemap ou un flux Merchant Center.
À faire
- relier chaque page à la suivante avec une balise a href
- donner une URL unique à chaque page paginée
- faire pointer un lien vers la première page de la collection
- bloquer l’indexation des variantes filtrées ou triées
À éviter
- utiliser la page 1 comme canonique de toute la série
- numéroter les pages avec un identifiant de fragment
- compter sur les boutons ou le JavaScript sans liens explorables
- laisser indexer les URL de tri comme ?order=price
Points clés à retenir
- Choisissez pagination, bouton "Plus" ou défilement infini selon le volume
- Reliez les pages en séquence avec de vraies balises a href
- Attribuez une URL unique et auto-canonique à chaque page
- Préférez un paramètre ?page=n aux identifiants de fragment
- Bloquez l'indexation des variantes filtrées ou triées d'une même liste
Un chargement progressif efficace reste entièrement explorable par Google.
Quiz : testez vos connaissances
Quiz : testez vos connaissances
-
Comment le robot d'exploration de Google parcourt-il une liste découpée en plusieurs écrans ?
- Il clique sur les boutons Plus pour charger la suite
- Il suit uniquement les liens présents dans l'attribut href des balises a
- Il fait défiler la page pour déclencher le chargement progressif
Googlebot suit seulement les liens placés dans l’attribut href des balises a. Il ne clique pas sur un bouton Plus et ne déclenche pas le JavaScript associé au défilement.
-
Quel modèle reste la valeur sûre pour un très grand catalogue ?
- Le défilement infini, qui charge tout sans intervention
- Le bouton Plus, qui garde tout sur une seule URL
- La pagination, car chaque page possède sa propre URL explorable
Pour de très grands catalogues, la pagination reste la valeur sûre, car chaque page a sa propre URL explorable. Cela aide Google à découvrir l’ensemble des produits.
-
Quelle URL faut-il donner à chaque page d'une série paginée ?
- Une adresse distinguée seulement par un identifiant de fragment
- La même URL que la première page, posée en canonique
- Une URL unique, par exemple via un paramètre de type ?page=n
Chaque page de la séquence doit avoir une URL unique, par exemple via un paramètre
?page=n, que Google traite comme une page distincte. N’utilisez pas la page 1 comme canonique de toute la série.
Besoin d'un accompagnement SEO ?
Vos pages paginées laissent-elles des produits hors de portée de Google ? Faisons le point sur votre chargement progressif.