Vous pouvez améliorer l’expérience utilisateur sur votre site en affichant un sous-ensemble de résultats pour optimiser les performances des pages, mais vous devrez peut-être agir pour garantir que le robot d’exploration de Google puisse trouver tout le contenu de votre site.
Par exemple, vous pouvez afficher un sous-ensemble de produits disponibles en réponse à une recherche effectuée par un utilisateur sur votre site e-commerce ; l’ensemble complet des résultats peut être trop volumineux pour être affiché sur une seule page web ou trop long à récupérer.
Au-delà des résultats de recherche, vous pouvez charger des résultats partiels sur votre site e-commerce pour :
- Les pages de catégorie où tous les produits d’une catégorie sont affichés
- Les articles de blog ou les titres de newsletters publiés au fil du temps
- Les avis des utilisateurs sur une page produit
- Les commentaires sur un article de blog
Le chargement incrémentiel du contenu en réponse aux actions des utilisateurs peut bénéficier à vos visiteurs en :
- Améliorant l’expérience utilisateur, car le chargement initial de la page est plus rapide que le chargement de tous les résultats à la fois.
- Réduisant le trafic réseau, ce qui est particulièrement important pour les appareils mobiles.
- Améliorant les performances du backend en réduisant le volume de contenu récupéré depuis les bases de données ou systèmes similaires.
- Améliorant la fiabilité en évitant les listes excessivement longues qui pourraient atteindre les limites de ressources et provoquer des erreurs dans le navigateur et les systèmes backend.
Choisir le meilleur modèle d’UX pour votre site
Pour afficher un sous-ensemble d’une liste plus large, vous pouvez choisir entre différents modèles d’UX :
- Pagination : L’utilisateur utilise des liens tels que “suivant”, “précédent” et des numéros de page pour naviguer entre des pages affichant un lot de résultats à la fois.
- Charger plus : Boutons sur lesquels l’utilisateur peut cliquer pour étendre l’ensemble initial de résultats affichés.
- Défilement infini :
L’utilisateur peut faire défiler jusqu’en bas de la page pour charger davantage de contenu.
(En savoir plus sur les
recommandations pour un défilement infini compatible avec la recherche.)
Consultez le tableau suivant pour choisir l’expérience utilisateur la plus adaptée à votre site.
| Modèle d’UX | |||
|---|---|---|---|
| Pagination |
| ||
| Charger plus |
| ||
| Défilement infini |
| ||
Comment Google indexe les différentes stratégies
Une fois que vous avez sélectionné la stratégie d’UX la plus appropriée pour votre site et votre SEO, assurez-vous que le robot d’exploration de Google puisse trouver tout votre contenu.
Par exemple, vous pouvez implémenter la pagination en utilisant des liens vers de nouvelles pages sur votre site e-commerce, ou en utilisant JavaScript pour mettre à jour la page actuelle. Les fonctionnalités “Charger plus” et le défilement infini sont généralement implémentés via JavaScript. Lors de l’exploration d’un site pour trouver des pages à indexer, Google explore généralement les URL trouvées dans l’attribut href des éléments <a>. Les robots de Google ne “cliquent” pas sur les boutons et ne déclenchent généralement pas les fonctions JavaScript nécessitant une action de l’utilisateur pour mettre à jour le contenu de la page.
Si votre site utilise JavaScript, suivez ces
bonnes pratiques SEO pour JavaScript.
En plus de ces pratiques, comme s’assurer que les liens de votre site sont explorables, envisagez d’utiliser un fichier
sitemap
ou un
flux Google Merchant Center
pour aider Google à trouver tous les produits de votre site.
Bonnes pratiques lors de l’implémentation de la pagination
Pour vous assurer que Google puisse explorer et indexer votre contenu paginé, suivez ces bonnes pratiques :
- Lier les pages séquentiellement
- Utiliser les URL correctement
- Éviter l’indexation des URL avec filtres ou tris alternatifs
Lier les pages séquentiellement
Pour que les moteurs de recherche comprennent la relation entre les pages d’un contenu paginé, incluez des liens de chaque page vers la page suivante en utilisant des balises <a href>. Cela aide Googlebot (le robot d’exploration web de Google) à trouver les pages suivantes.
De plus, envisagez de créer des liens depuis toutes les pages individuelles d’une collection vers la première page pour souligner le début de la collection auprès de Google. Cela peut indiquer à Google que la première page d’une collection pourrait être une meilleure page de destination que les autres pages de la série.
Utiliser les URL correctement
- Donnez à chaque page une URL unique.
Par exemple, incluez 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 comme page canonique.
Donnez plutôt à chaque page sa propre
URL canonique. - N’utilisez pas d’identifiants de fragment d’URL (le texte après un
#dans une URL) pour les numéros de page dans une collection.
Google ignore les identifiants de fragment. Si Googlebot voit une URL vers la page suivante qui ne diffère que par le texte après le#, il risque de ne pas suivre le lien, pensant avoir déjà récupéré la page. - Envisagez d’utiliser
preload, preconnect ou prefetch
pour optimiser les performances lorsqu’un utilisateur passe à la page suivante.
Éviter l’indexation des URL avec filtres ou tris alternatifs
Vous pouvez choisir de prendre en charge des filtres ou des ordres de tri différents pour les longues listes de résultats sur votre site. Par exemple, vous pouvez prendre en charge ?order=price sur les URL pour renvoyer la même liste de résultats triée par prix.
Pour éviter d’indexer des variantes de la même liste de résultats, bloquez l’indexation des URL indésirables avec la
balise meta noindex pour les robots
ou découragez l’exploration de certains
modèles d’URL avec un fichier robots.txt.
Comment nous l'appliquons
Infinite scroll and load-more patterns are the most common reason a client’s product pages are missing from the index. We test how each pagination pattern renders without JavaScript before approving it for a catalogue.
Services associés