Pagination, chargement incrémentiel des pages et impact sur la recherche Google
Vous pouvez améliorer l'expérience des utilisateurs sur votre site en affichant un sous-ensemble de résultats afin d'améliorer les performances de vos pages. Toutefois, vous devrez peut-être prendre des mesures pour vous assurer que le robot d'exploration Google pourra trouver tout le contenu de votre site.
Par exemple, si un utilisateur saisit une requête dans le champ de recherche de votre site d'e-commerce et que le nombre de correspondances est trop élevé pour n'apparaître que sur une seule page Web ou pour se charger suffisamment rapidement, vous pouvez afficher un sous-ensemble de produits disponibles.
Au-delà des résultats de recherche, vous pouvez charger des résultats partiels sur votre site d'e-commerce pour les types de contenus suivants :
- Pages de catégorie sur lesquelles tous les produits spécifiques à une catégorie sont affichés
- Articles de blog ou titres de newsletters qu'un site a publiés au fil du temps
- Avis des utilisateurs sur une page produit
- Commentaires laissés sur un article de blog
Le chargement incrémentiel de votre site en réponse aux actions des internautes présente les avantages suivants :
- Amélioration de l'expérience utilisateur grâce au gain de temps offert par le chargement des pages initiales par rapport au chargement de tous les résultats en une seule fois
- Diminution du trafic réseau, ce qui est un avantage non négligeable pour les appareils mobiles
- Amélioration des performances des backends grâce à la réduction du volume de contenu récupéré depuis les bases de données ou des ressources similaires
- Amélioration de la fiabilité grâce à l'élimination des listes trop longues susceptibles de surcharger les ressources et d'entraîner ainsi des erreurs dans les navigateurs et les systèmes de backend
Choisir le modèle d'expérience utilisateur le plus efficace pour votre site
Pour afficher un sous-ensemble d'une longue liste, vous avez le choix entre différents modèles d'expérience utilisateur :
- Pagination : utilisez des liens comme "Suivant", "Précédent" et des numéros de page pour afficher une seule page de résultats à la fois et passer de l'une à l'autre selon les besoins
- Option "Plus" : bouton sur lequel les internautes peuvent cliquer pour étendre la sélection de résultats affichés
- Défilement infini : permet à l'utilisateur de faire défiler la page jusqu'à la fin pour charger plus de contenu (en savoir plus sur les recommandations relatives au défilement infini pour améliorer la recherche)
![Modèles de pagination, d'utilisation du bouton "Plus" et de défilement infini pour les appareils mobiles](https://developers.google.cn/static/search/docs/images/ecom-pagination-load-more-infinite-scroll.png?authuser=5&hl=fr)
Pour choisir l'expérience utilisateur la plus adaptée à votre site, tenez compte du tableau suivant.
Modèle d'expérience utilisateur | |||
---|---|---|---|
Pagination |
|
||
Bouton "Plus" |
|
||
Défilement infini |
|
Fonctionnement de l'indexation Google en fonction des différentes stratégies
Une fois que vous avez sélectionné la stratégie de SEO et d'expérience utilisateur la plus adaptée à votre site, assurez-vous que le robot d'exploration Google est en mesure de détecter l'intégralité de votre contenu.
Par exemple, vous pouvez implémenter la pagination à l'aide de liens vers de nouvelles pages de votre site d'e-commerce ou en utilisant JavaScript pour mettre à jour la page actuelle. Le bouton "Plus" et le défilement infini sont généralement mis en œuvre à l'aide de JavaScript. Lorsque Google explore un site pour identifier les pages à indexer, seuls les liens balisés en HTML avec des balises <a href>
sont suivis. Le robot d'exploration Google ne suit pas les boutons (sauf s'ils sont balisés avec <a href>
) et ne déclenche pas JavaScript pour mettre à jour le contenu actuel de la page.
Si votre site utilise JavaScript, suivez ces bonnes pratiques en matière de SEO pour JavaScript. Outre ces bonnes pratiques (pour vous assurer que les liens de votre site peuvent être explorés, par exemple), vous pouvez aussi utiliser un fichier sitemap ou un flux Google Merchant Center pour aider Google à détecter tous les produits de votre site.
Bonnes pratiques pour l'implémentation de la pagination
Pour vous assurer que Google peut explorer et indexer le contenu paginé, suivez ces bonnes pratiques :
- Lier les pages de manière séquentielle
- Utiliser les URL correctement
- Éviter l'indexation des URL avec des filtres ou d'autres ordres de tri
Lier les pages de manière séquentielle
Pour vous assurer que les moteurs de recherche comprennent la relation entre les pages de contenu paginé, incluez des liens pour chaque page vers la page suivante à l'aide de balises <a href>
. Cette pratique peut aider Googlebot (le robot d'exploration Google) à trouver la séquence de pages.
![Exemple de résultats de recherche paginés](https://developers.google.cn/static/search/docs/images/ecom-paginated-results.png?authuser=5&hl=fr)
Envisagez également de créer un lien vers la première page sur toutes les pages d'une collection afin d'indiquer explicitement où celle-ci commence. Google détermine ainsi plus facilement si la première page de la collection est une page de destination plus pertinente que les autres.
Utiliser les URL correctement
-
Attribuez une URL unique à chaque page.
Par exemple, ajoutez un paramètre de requête
?page=n
, car les URL d'une séquence paginée sont traitées comme des pages distinctes par Google. - N'utilisez pas la première page d'une séquence paginée en tant que page canonique. Attribuez plutôt à chaque page sa propre URL canonique.
-
N'utilisez pas d'identifiants de fragment d'URL (texte après
#
dans une URL) pour les numéros de page d'une collection. Google ignore les identifiants de fragment. Si Googlebot détecte une URL qui renvoie vers une page suivante et qui ne diffère que par le texte situé après le caractère#
, il se peut qu'il ne suive pas ce lien en pensant que la page a déjà été explorée. - Utilisez le préchargement ou la préconnexion afin d'optimiser les performances pour un utilisateur qui passe à la page suivante.
Éviter l'indexation des URL avec des filtres ou d'autres ordres de tri
Vous pouvez choisir d'accepter les filtres ou différents ordres de tri pour les longues listes de résultats sur votre site. Par exemple, vous pouvez utiliser la balise ?order=price
au niveau des URL pour afficher la même liste de résultats classés par prix.
Pour éviter l'indexation de variantes de la même liste de résultats, bloquez l'indexation des URL indésirables avec la balise meta
noindex
robots ou découragez l'exploration de formats d'URL spécifiques à l'aide d'un fichier robots.txt.