Pagination, chargement incrémentiel des pages et impact sur la recherche Google

Pour améliorer l'expérience des utilisateurs sur votre site, vous pouvez afficher un sous-ensemble de résultats et améliorer ainsi les performances de vos pages. Toutefois, vous devrez peut-être prendre des mesures spécifiques pour permettre au robot d'exploration Google de trouver tout votre contenu.

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 obtenu 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

Pour choisir l'expérience utilisateur la plus adaptée à votre site, tenez compte du tableau suivant.

Modèle d'expérience utilisateur
Pagination

Avantages :

  • Donne aux utilisateurs des informations sur l'ampleur des résultats et la position actuelle.

Inconvénients :

  • Les commandes permettant aux utilisateurs de parcourir les résultats sont plus complexes.
  • Le contenu est réparti sur plusieurs pages au lieu d'être représenté sous forme de liste continue.
  • L'affichage d'éléments supplémentaires nécessite le chargement d'autres pages.
Bouton "Plus"

Avantages :

  • Cette option ne nécessite qu'une seule page pour tous les contenus.
  • Elle indique à l'utilisateur le nombre total de résultats (sur le bouton lui-même ou à proximité).

Inconvénients :

  • Cette option ne permet pas de traiter un très grand nombre de résultats, car ils sont tous inclus sur une même page Web.
Défilement infini

Avantages :

  • Cette option ne nécessite qu'une seule page pour tous les contenus.
  • Elle est également intuitive : il suffit à l'utilisateur de faire défiler la page pour afficher plus de contenu.

Inconvénients :

  • Les utilisateurs peuvent se lasser de faire défiler la page sans savoir s'il reste beaucoup de résultats à parcourir ou non.
  • Cette option ne permet pas de gérer un très grand nombre de résultats.

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

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

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.