Pagination avec rel="next" et rel="prev"

Jeudi 15 septembre 2011

Tout comme l'attribut rel="canonical" indique fortement la présence de contenus en double, vous pouvez désormais utiliser les éléments link HTML rel="next" et rel="prev" pour identifier la relation entre les URL des pages qui constituent une séquence paginée. Sur le Web, une séquence de contenus paginés peut prendre plusieurs formes : article réparti sur plusieurs pages individuelles, catégorie de produits dont les articles sont affichés sur plusieurs pages ou fil de discussion sur un forum divisé en séquence d'URL. Désormais, si vous choisissez d'inclure les balises rel="next" et rel="prev" sur les pages d'une séquence, vous nous indiquez que vous souhaitez que nous prenions les mesures suivantes :

  • Regrouper les propriétés d'indexation, telles que les liens, entre les pages/URL individuelles de la séquence (c'est-à-dire que les liens ne doivent pas être dispersés entre page-1.html, page-2.html, etc., mais doivent être regroupés avec la séquence)
  • Rediriger les utilisateurs vers la page ou l'URL la plus pertinente (généralement la première page de la séquence)
Pages adaptées aux annotations rel=prev et rel=next
La relation entre les URL individuelles d'une séquence peut désormais être indiquée à Google via rel="next" et rel="prev".

Il existe une exception à la mise en œuvre de rel="prev" et rel="next" : si, en plus de votre séquence de contenus, vous proposez également aux internautes une page regroupant l'ensemble du contenu de la séquence ou si vous envisagez d'utiliser une monopage, consultez notre article Pages affichant toute une séquence de contenus dans les résultats de recherche pour en savoir plus. Comme les internautes préfèrent généralement les pages rassemblant tout le contenu de la séquence, nous nous efforçons de faire apparaître cette version dans les résultats de recherche plutôt que les pages individuelles, lesquelles sont plus susceptibles d'apparaître avec rel="next" et rel="prev".

Si vous ne disposez pas de page présentant toute la séquence de contenus ou si vous souhaitez empêcher Google d'afficher ce type de page, vous pouvez utiliser rel="next" et rel="prev" comme décrit dans cet article.

Exemples de pages comportant une version monopage
Pour en savoir plus sur les configurations paginées qui incluent une page affichant toute la séquence, consultez notre article Pages affichant toute une séquence de contenus dans les résultats de recherche.

Description de vos options

Vous avez le choix entre trois options pour une séquence :

  1. Laissez tout tel quel. Le contenu paginé existe sur le Web, et nous continuerons à faire en sorte que les internautes bénéficient du meilleur résultat possible, que le balisage HTML rel="next"/rel="prev" soit présent ou non sur la page.
  2. Si vous disposez d'une monopage ou si vous envisagez d'en utiliser une, consultez notre article Pages affichant toute une séquence de contenus dans les résultats de recherche.
  3. Indiquez à Google la relation entre les URL individuelles de la séquence avec rel="next" et rel="prev". Cette approche nous permettra d'indexer plus précisément votre contenu et de proposer aux internautes la page la plus pertinente (généralement la première page). Vous trouverez des détails de mise en œuvre ci-dessous.

Si vous préférez l'option 3 (ci-dessus) pour votre site, procédez comme suit. Supposons que les URL suivantes renferment du contenu paginé : 

https://www.example.com/article?story=abc&page=1
https://www.example.com/article?story=abc&page=2
https://www.example.com/article?story=abc&page=3
https://www.example.com/article?story=abc&page=4

Sur la première page, https://www.example.com/article?story=abc&page=1, vous devez inclure l'élément suivant dans la section <head> : 

<link rel="next" href="https://www.example.com/article?story=abc&page=2" />

Sur la deuxième page, https://www.example.com/article?story=abc&page=2 : 

<link rel="prev" href="https://www.example.com/article?story=abc&page=1" />
<link rel="next" href="https://www.example.com/article?story=abc&page=3" />

Sur la troisième page, https://www.example.com/article?story=abc&page=3 : 

<link rel="prev" href="https://www.example.com/article?story=abc&page=2" />
<link rel="next" href="https://www.example.com/article?story=abc&page=4" />

Et sur la dernière page, https://www.example.com/article?story=abc&page=4 : 

<link rel="prev" href="https://www.example.com/article?story=abc&page=3" />

Quelques points à mentionner :

  • La première page ne contient que rel="next", mais aucun balisage rel="prev".
  • Toutes les pages, à part la première et la dernière, doivent renvoyer à la page précédente et à la page suivante avec les balises rel="next" et rel="prev".
  • La dernière page contient uniquement le balisage rel="prev", et non rel="next".
  • Les valeurs rel="next" et rel="prev" peuvent être des URL relatives ou absolues (selon ce que permet la balise <link />). De plus, si vous incluez un lien <base/> dans votre document, les chemins d'accès relatifs seront résolus en fonction de l'URL de base.
  • rel="next" et rel="prev" ne doivent être déclarés que dans la section <head>, et non dans le document <body>.
  • Nous autorisons rel="previous" en tant que variante syntaxique des liens rel="prev".
  • rel="next" et rel="previous" représentent un concept indépendant de rel="canonical". Ces déclarations peuvent toutes être incluses sur la même page. Par exemple, https://www.example.com/article?story=abc&page=2&sessionid=123 peut contenir les éléments suivants : 
    <link rel="canonical" href="https://www.example.com/article?story=abc&page=2" />
<link rel="prev" href="https://www.example.com/article?story=abc&page=1&sessionid=123" />
<link rel="next" href="https://www.example.com/article?story=abc&page=3&sessionid=123" />
  • rel="prev" et rel="next" fournissent des indications à Google, et non des commandes absolues.
  • Lorsqu'elles ne sont pas correctement intégrées, par exemple lorsque la désignation rel="prev" ou rel="next" attendue dans la séquence est omise, nous continuons d'indexer les pages et de nous appuyer sur notre propre heuristique pour comprendre votre contenu.

Pour en savoir plus, consultez notre Centre d'aide ou joignez-vous à la conversation sur notre Forum d'aide pour les webmasters.

Rédigé par Benjia Li et Joachim Kupke, ingénieurs logiciels, équipe d'indexation