Home SEO Qu’est-ce que la pagination et comment l’implémenter correctement en utilisant 4 façons

Qu’est-ce que la pagination et comment l’implémenter correctement en utilisant 4 façons

by saber


Qu’elle est la définition de pagination ?

Pagination est une numérotation ordinale des pages, qui se situe généralement en haut ou en bas des pages du site.
Dans la plupart des cas, il est utilisé pour les pages principales et les partitions. Cela ressemble souvent à ceci :

Pprevnext implémente la pagination sur le blog Ahrefs

La pagination rend la vie des utilisateurs plus facile et plus confortable lorsqu’il s’agit de distribuer des produits sur le site Web de manière mesurée. Imaginez un site Web de commerce électronique avec un catalogue composé de plusieurs centaines de produits de différentes catégories placés sur une seule page. Cela va-t-il dérouter l’utilisateur ? Définitivement. Alors, qu’est-ce que la pagination dans le développement Web en pratique ?

Examinons quelques-uns des problèmes potentiels qui surviennent lorsque vous utilisez la pagination, sans prêter attention à certains problèmes :

Signification de la pagination pour le SEO : quels problèmes peuvent apparaître

Les problèmes de pagination apparaissent souvent sur les sites Web de commerce électronique, les blogs et les forums en raison du grand nombre de pages Web. Les problèmes les plus courants sont liés à l’expérience utilisateur (UX) et à l’indexation des moteurs de recherche.

Limitez les visites des moteurs de recherche sur votre site

Lorsque les moteurs de recherche explorent votre site, la profondeur et le nombre de pages qu’ils visitent à la fois varient en fonction de la fiabilité du site, du taux de rafraîchissement du contenu, etc. Et, si vous avez un grand nombre de pages avec pagination, la probabilité que les moteurs de recherche parcourent toutes les pages de pagination et indexent toutes les pages finales (marchandises/articles) est considérablement réduite. De plus, la limite sera dépensée pour visiter les pages de pagination et non pour visiter les pages vraiment importantes du site.

Mais attention, puisque Google ne supporte pas rel=”prev”/”next”, il y a un risque que cela casse l’indexation des pages paginées importantes.

problème de doublons

Selon la structure de vos pages avec pagination, il est fort probable que certaines pages aient un contenu similaire ou identique. En plus de cela, vous constaterez souvent que vous avez les mêmes balises de titre SEO et de méta description sur votre site. Dans ce cas, le contenu dupliqué sur le site Web peut entraîner des difficultés pour les moteurs de recherche lorsqu’il est temps de déterminer les pages les plus pertinentes pour une requête de recherche particulière.

Vérifiez le site Web pour le contenu en double

Lancez un audit pour détecter quelles pages ont du contenu en double et nuisent aux performances SEO de votre site Web

Les spécialistes du référencement ont déjà développé 4 façons de résoudre ce problème. Explorons chacun d’eux.

Solution 1. Supprimer la pagination de la page d’index à l’aide de noindex

Dans la plupart des cas, cette méthode est prioritaire et peut être mise en œuvre rapidement. Le point principal est l’exclusion de toutes les pages de pagination de l’index, à l’exception de la première.

Il est implémenté comme suit :
La balise méta

<meta name="robots" content="noindex, follow" />

est ajouté à la TÊTE section sur toutes les pages sauf la première. Ainsi, nous excluons toutes les pages de pagination de l’index, à l’exception de la page principale du catalogue et assurons en même temps l’indexation de tous les produits/pages qui appartiennent à ce catalogue. Faites attention à ces nuances:

  • Si vous mettez le texte de description sur la page principale du catalogue, il est toujours souhaitable de le mettre uniquement sur la première page.
  • Vous devez vérifier que l’URL de la première page n’est pas dupliquée. Par exemple, lorsque la pagination est implémentée comme ceci :

site.com/catalog?page=2
site.com/catalog?page=3

site.com/catalog?page=N

vous devez ajouter un lien vers la première page, au cas où il ne se trouve pas sur la première page

site.com/catalogue

et depuis cette page

site.com/catalog?page=1

Les redirections 301 vers site.com/catalog doivent être configurées.

avantage

  • adapté à Yandex ;
  • la moins difficile de toutes les solutions ;
  • un excellent moyen d’exclure toutes les pages de pagination de l’index, s’il n’y a aucune raison logique de les inclure dans l’index.

Les inconvénients

  • bien que cela résolve le problème potentiel de pagination, en même temps, nous excluons le contenu paginé de l’index ;
  • s’il y a beaucoup de produits, alors si vous n’utilisez pas le sitemap XML, les produits situés au plus profond du répertoire seront indexés pendant longtemps.

Solution 2. “Tout voir” et rel=”canonical”

Cette méthode nécessite l’utilisation de Google pour créer une page “Tout afficher” séparée, où tous les produits/pages de ce catalogue sont affichés, et sur toutes les pages de la pagination nous mettons rel=”canonical” sur la page “Tout afficher” .

Mise en oeuvre de cette méthode : Après avoir créé la page “Tout voir” (par exemple, il s’agit de site.com/catalog/view-all.html), alors dans toutes les pages de la pagination il faut mettre ce qui suit dans le TÊTE section:

<link rel="canonical" href="http://site.com/catalog/view-all.html" />

Nous montrons donc aux moteurs de recherche que chaque page de pagination fait partie de la page “Tout afficher”, pour ainsi dire. Google affirme que

  • c’est la méthode la plus préférable pour eux;
  • les utilisateurs ont tendance à voir toute la catégorie sur une page à la fois (bien que ce point soit assez controversé et dépende de la situation).

nuances

La page “Afficher tout” devrait se charger assez rapidement, de préférence en 1 à 3 secondes. Par conséquent, cette méthode est idéale pour une catégorie qui a un nombre de pages paginées de 5 à 20 et n’est pas adaptée aux annuaires avec des centaines de pages paginées.

avantage

  • méthode de priorité pour Google ;
  • tout le contenu de pagination sera placé dans l’index de la page de recherche via la page “Tout afficher”.

Les inconvénients

  • ne convient pas s’il y a de nombreuses pages ou de nombreuses images de qualité pour les produits/articles ;
  • plutôt une implémentation complexe dans la plupart des CMS standard.

Solution 3. Rel=”précédent”/”suivant”

UPD : Attention! SelonBlog Google Webmaster Centralrel = “prev” et rel = “next” n’est plus un jeton d’index.

Notre dernière option pour résoudre le problème de pagination est peut-être la plus déroutante, mais c’est peut-être la méthode la plus universelle pour Google (Yandex ne tient pas compte de ces directives). Étant donné que la mise en œuvre est assez compliquée, vous devez être très prudent lors de l’application de cette méthode. Voyons comment cela fonctionne.

Par exemple, vous avez 4 pages dans le répertoire. L’utilisation de rel=”prev”/”next” crée essentiellement une chaîne entre toutes les pages de ce répertoire. Cette chaîne commence à partir de la première page : pour cela vous ajoutez à la TÊTE section:

<link rel="next" href="http://site.com/page2.html">

Pour la première page, c’est le seul attribut. Pour la deuxième page, vous devez spécifier à la fois la page précédente et la page suivante :

<link rel="prev" href="http://site.com/page1.html">
<link rel="next" href="http://site.com/page3.html">

Pour la troisième page on fait comme pour la deuxième

<link rel="prev" href="http://site.com/page2.html">
<link rel="next" href="http://site.com/page4.html">

Lorsque nous sommes sur la dernière page (dans ce cas la quatrième), nous devons spécifier uniquement la page précédente dans la chaîne :

<link rel="prev" href="http://site.com/page3.html">

En utilisant ces attributs rel=”prev”/”next”, Google fusionne les données de la page en un seul élément dans l’index. Pour les utilisateurs, il s’agira généralement de la première page, car il s’agit généralement de la page la plus pertinente.

nuances

  • rel=”prev” et rel=”next” sont pour les attributs d’assistance Google, pas les directives ;
  • les URL relatives et absolues peuvent être utilisées comme valeurs (selon les valeurs valides de la balise) ;
  • si vous spécifiez une référence dans le document, les chemins relatifs seront déterminés en fonction de l’URL de base ;
  • si Google détecte des erreurs dans votre balisage (par exemple, manque la valeur attendue de l’attribut rel=”prev” ou rel=”next”), une indexation supplémentaire de la page et la reconnaissance du contenu seront effectuées sur la base de l’algorithme heuristique de Google ;
  • il faut vérifier que l’URL de la première page n’est pas dupliquée.

avantage

  • cette méthode vous permet de résoudre le problème de pagination sans utiliser “Afficher tout” ;
  • la mise en œuvre ne se produit qu’avec des modifications HTML mineures.

Les inconvénients

  • Yandex ne tient pas compte de ces attributs ;
  • la mise en œuvre peut être assez complexe ;
  • l’insertion de liens dans la chaîne de pages doit être faite avec beaucoup de soin.

Mais si Google arrête d’indexer les pages paginées avec rel=”next” et rel=”prev”, comment gérera-t-il la pagination maintenant ?

Alors que le dernier Hangout Google Webmaster Office-hours s’est tenu le 22 mars 2019, John Muller a annoncé que les pages paginées sont traitées comme les autres pages régulières de son site Web dans l’index Google.

Nous ne traitons pas la pagination différemment. Nous les traitons comme des pages normales.

John Muller, analyste principal des tendances pour les webmasters chez Google
Hangout pendant les heures de bureau pour les webmasters Google

Solution 4. Défilement AJAX et Javascript

Vous avez probablement rencontré des défilements de produits sans fin sur des sites de commerce électronique, où les produits sont constamment téléchargés lorsque vous faites défiler vers le bas de l’écran. Bien qu’il s’agisse d’une excellente occasion d’améliorer la convivialité, cette méthode doit être utilisée correctement. Il est souhaitable que les produits ne se chargent pas automatiquement lors du défilement. Au lieu de cela, ajoutez un bouton Afficher plus d’articles sur les derniers produits. Vous pouvez voir une bonne implémentation de cette méthode sur wikimart.ru dans les dernières branches du répertoire.

Utilisation correcte des paramètres.

Lorsque vous utilisez les attributs rel=”prev”/”next”, les pages avec pagination peuvent contenir des paramètres qui ne changent pas le contenu :

  • variables de session ;
  • l’obtention du diplôme;
  • modifier le nombre d’éléments par page.

Dans ce cas, nous obtenons un contenu dupliqué. Pour résoudre le problème, vous pouvez utiliser la combinaison rel=”prev”/”next” et rel=”canonical”.
Pour ce faire, vous devez d’abord vous assurer que toutes les pages de pagination avec rel=”prev”/”next” utilisent le même paramètre. Deuxièmement, pour chaque URL avec un paramètre, il est nécessaire d’enregistrer sa page canonique sans ce paramètre.

Utilisation correcte des filtres et rel=”prev”/”next”

Voyons maintenant un exemple où nous utilisons les paramètres par lesquels nous pouvons/voulons donner un contenu unique, et il est important pour nous de conserver ces pages filtrées dans l’index. Par exemple, nous avons une catégorie avec des baskets et nous voulons créer des pages de destination pour rechercher des livraisons avec différentes marques, en utilisant des paramètres dans l’URL.

Dans ce cas

  • Vous n’avez pas besoin d’utiliser rel=”canonical” sur la catégorie principale puisque le contenu est unique ;
  • créer pour chaque marque ses chaînes uniques basées sur l’attribut rel=”prev”/”next” ;
  • écrire un titre, une description et un texte uniques et pertinents pour la description de la catégorie pour chaque filtre

conclusion

Pour conclure, voici nos recommandations pour résoudre le problème de pagination :

  • si vous avez la capacité technique de créer une page “Afficher tout” (ces pages se chargent rapidement et ne sont pas très grandes, vérifiez la taille de la page Web avant et après le déploiement), alors vous pouvez utiliser cette option comme Google le recommandera, et Yandex comprend la directive rel=”canonical” ;
  • mais probablement dans la plupart des cas, la meilleure option est d’associer l’utilisation de l’attribut rel = “page suivante/page précédente” (Google comprend cela) ainsi que la balise méta robots = “noindex, follow” (les métadonnées du site Web que Google comme Yandex comprend). ).

En outre, vous pouvez vous familiariser avec un rapport d’Adam Gent lors de la conférence BrightonSEO.





Cet article a été traduit par sitechecker

Related Posts

Leave a Comment