Vous pouvez améliorer l’expérience des utilisateurs sur votre site en affichant un sous-ensemble de résultats pour améliorer les performances de la page, mais vous devrez peut-être prendre des mesures pour vous assurer 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 à un utilisateur utilisant la zone de recherche sur votre site e-commerce : l’ensemble complet des correspondances peut être trop volumineux pour être affiché sur une seule page Web ou prendre trop de temps à 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 newsletter qu’un site a publiés au fil du temps
- Les avis des utilisateurs sur une page produit
- Les commentaires sur un article de blog
Le fait que votre site charge le contenu de manière incrémentielle, en réponse aux actions de l’utilisateur, peut profiter à vos utilisateurs 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é à partir de bases de données ou similaires.
- Améliorant la fiabilité en évitant les listes excessivement longues qui peuvent atteindre les limites de ressources, entraînant des erreurs dans le navigateur et les systèmes backend.
Sélectionner 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: Où un utilisateur peut utiliser des liens tels que “suivant”, “précédent” et des numéros de page pour naviguer entre les pages qui affichent une page de résultats à la fois.
- Charger plus: Boutons sur lesquels un utilisateur peut cliquer pour étendre un ensemble initial de résultats affichés.
- Défilement infini: Où un utilisateur peut faire défiler jusqu’en bas de la page pour provoquer le chargement de plus de contenu. (En savoir plus sur
les recommandations de recherche pour le défilement infini.)
Consultez le tableau suivant lors du choix de 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ées à l’aide de 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 de
<a> éléments. Les robots d’exploration de Google ne “cliquent” pas sur les boutons et ne déclenchent généralement pas de fonctions JavaScript nécessitant des actions de l’utilisateur pour mettre à jour le contenu de la page actuelle.
Si votre site utilise JavaScript, suivez ces
meilleures pratiques SEO pour JavaScript. En plus des meilleures pratiques, comme s’assurer que les liens sur votre site sont explorables, envisagez d’utiliser un fichier
sitemap
ou un
flux Google Merchant Center
pour aider Google à trouver tous les produits sur votre site.
Meilleures pratiques lors de l’implémentation de la pagination
Pour vous assurer que Google puisse explorer et indexer votre contenu paginé, suivez ces meilleures pratiques :
- Lier les pages séquentiellement
- Utiliser les URL correctement
- Éviter d’indexer les URL avec des filtres ou des ordres de tri alternatifs
Lier les pages séquentiellement
Pour vous assurer que les moteurs de recherche comprennent la relation entre les pages de contenu paginé, incluez des liens de chaque page vers la page suivante en utilisant des balises <a href> . Cela peut aider 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 de la collection pour souligner le début de la collection à Google. Cela peut donner à Google une indication que la première page d’une collection pourrait être une meilleure page de destination que les autres pages de la collection.
Utiliser les URL correctement
- Donnez à chaque page une URL unique. Par exemple, incluez un
?page=nparamètre de requête, 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. Au lieu de cela, donnez à 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 se peut qu’il ne suive pas le lien, pensant avoir déjà récupéré la page. - Envisagez d’utiliser
preload, preconnect ou prefetch
pour optimiser les performances pour un utilisateur passant à la page suivante.
Évitez d’indexer les URL avec des filtres ou des ordres de tri alternatifs
Vous pouvez choisir de prendre en charge des filtres ou différents ordres de tri pour les longues listes de résultats sur votre site. Par exemple, vous pouvez prendre en charge ?order=price dans les URL pour renvoyer la même liste de résultats triée 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
noindex robots meta balise
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