Aider les moteurs de recherche à gérer la pagination

La pagination se retrouve partout sur le Web. Cependant, aussi pratique soit-il, cela peut parfois causer des problèmes aux moteurs de recherche. Dans cet article, vous apprendrez à résoudre ces problèmes via des éléments de liens HTML..


Pourquoi les sites Web utilisent la pagination

Même si certains visiteurs sont irrités par la pagination, cela peut souvent s'avérer très utile. Il peut s'agir d'un outil permettant de naviguer sur un site Web et de rechercher plus facilement les informations recherchées par l'utilisateur..

La pagination se retrouve partout sur le Web et plus souvent que vous ne le pensez. Les moteurs de recherche, par exemple, divisent leurs résultats de recherche en plusieurs pages (comprenant généralement dix résultats par page, mais parfois sept seulement). Les forums utilisent la pagination pour diviser les discussions en morceaux plus petits. Les sites Web de révision de produits, tels que TechRadar, l'utilisent pour permettre aux lecteurs d'accéder rapidement à une partie de leurs articles..

Ces exemples sont utilisés pour améliorer l'expérience utilisateur. Au lieu de servir une longue page de résultats, ils présentent plusieurs éléments plus petits (et sans doute les plus pertinents en premier) qui sont plus faciles à consommer. Un autre avantage est que les pages plus courtes se chargent plus rapidement.


Table simple, pagination simple Dribbbled par Pete Orme

Mais il existe une autre raison pour laquelle les sites Web utilisent la pagination: pages vues. En coupant un article en deux ou trois pages, ils peuvent doubler ou tripler le nombre de pages vues. Pourquoi? Parce que cela leur permet d'afficher des publicités supplémentaires et de maximiser leurs revenus.


Le problème de la pagination

Il n’ya pas que des arcs-en-ciel et des papillons dans le monde de la pagination. Cela peut parfois causer des problèmes de référencement.

Un de ces problèmes est le contenu en double. Lorsque la pagination est mise en œuvre de manière incorrecte, cela peut entraîner des problèmes de contenu en double (après avoir déjà parlé de contenu en double dans cette session de référencement, nous n'entrerons pas dans les détails).

La pagination peut également diluer vos efforts de référencement, car vous divisez votre contenu de liens entre plusieurs pages au lieu d'une seule entité. Pour cette raison, il est également possible que la mauvaise page soit classée. Si une page non pertinente obtient suffisamment de liens, elle peut devenir une page de destination et «voler» le trafic organique de la page principale..


La solution

Heureusement, même pour ce problème, il existe une solution. Depuis 2011, Google reconnaît les liens HTML. rel = "next" et rel = "prev"; nous pouvons utiliser ces éléments pour spécifier une relation entre plusieurs URL. Cela vous permet de relier plusieurs pages ensemble et de les identifier comme faisant partie d'un ensemble plus volumineux. Google traitera alors ces pages comme une seule.

Illustrons ceci avec un exemple. Nous avons un long article qui est séparé en trois pages séparées avec les URL suivantes:

  • http://website.com/long-article-part-1
  • http://website.com/long-article-part-2
  • http://website.com/long-article-part-3

Si nous voulons dire à Google et aux autres moteurs de recherche que ces trois pages vont ensemble, nous pouvons utiliser le rel = "next" et rel = "prev" les attributs. Nous ajoutons le code suivant au section de la première page (long-article-part-1):

Si les moteurs de recherche explorent la première page, ils voient que l'URL spécifiée dans l'élément link est en fait liée à cette page. Sur la deuxième page nous devons aussi ajouter le rel = "prev" attribut:

 

Sur la troisième page il suffit de créer un lien vers l'avant-dernière URL:

Comme il s’agit de la dernière page de la série, il n’est pas nécessaire d’ajouter le rel = "next" étiquette.

Remarque: certains navigateurs préchargent automatiquement la page “suivante”. L'ajout de cet élément de lien peut parfois réduire le temps de chargement perçu.


Solution alternative

Outre l'attribut rel = next / prev, nous pouvons utiliser une solution alternative pour résoudre les problèmes de pagination:

rel = canonique

Vous vous souvenez probablement du rel = canonique balise de notre article de contenu en double. Pour ceux qui l'ont manqué, voici une courte explication:

le rel = canonique La balise indique aux moteurs de recherche que la page en cours est une copie d'une autre page. Via cette balise, tout le jus de lien sera transféré à la page d'origine.

Alors, comment pouvons-nous utiliser cette balise pour aider les moteurs de recherche avec la pagination? Simple: nous créons une vue sur toutes les pages, c’est-à-dire une page avec tout le contenu combiné. Nous pouvons alors utiliser le rel = canonique balise pour lier les pages séparées à cette page.

Si vous avez déjà une vue de toutes les pages, Google l’a peut-être fait automatiquement:

Lorsque nous détectons qu'une série paginée contient également une version tout afficher, nous nous efforçons désormais de renvoyer la page tout afficher dans les résultats de la recherche, le cas échéant. - Benjia Li (ingénieur d'indexation chez Google)

Donc, il y a de fortes chances que vous n'ayez même pas à vous soucier de cela. Mais si vous voulez vraiment vous assurer que cela est fait correctement, ajoutez le rel = canonique lien.

N'oubliez pas que l'utilisation du rel = canonique balise indique aux moteurs de recherche d'indexer uniquement le contenu à partir de l'URL canonique (dans ce cas, la vue de toutes les pages). Donc, n'utilisez pas l'élément canonique pour lier les pages 2, 3, 4… à la première page.


Conclusion

La pagination peut entraîner des problèmes de contenu en double et provoquer l'affichage de pages non pertinentes dans les résultats de la recherche. Nous pouvons utiliser l'élément rel = next / prev pour résoudre ces problèmes. Ils informent les moteurs de recherche que les pages paginées font partie d'une entité plus grande. Alternativement, nous pourrions créer une page view-all et utiliser la balise rel = canonical pour créer un lien vers cette page..