{"id":956,"date":"2023-10-19T06:12:31","date_gmt":"2023-10-19T06:12:31","guid":{"rendered":"https:\/\/sitechecker.pro\/?page_id=956"},"modified":"2026-02-19T14:33:09","modified_gmt":"2026-02-19T14:33:09","slug":"pagination","status":"publish","type":"page","link":"https:\/\/sitechecker.pro\/fr\/pagination\/","title":{"rendered":"La pagination: qu\u2019est-ce que c\u2019est et comment l\u2019impl\u00e9menter correctement de 4 mani\u00e8res"},"content":{"rendered":"<p><\/p>\n<h2>Table des mati\u00e8res<\/h2>\n<p>&nbsp;<\/p>\n<ul>\n<li><a href=\"#whatisit\">En quoi consiste la pagination\u202f?<\/a><\/li>\n<li><a href=\"#solution1\">Solution 1. Supprimez la pagination de l\u2019indexation \u00e0 l\u2019aide de noindex<\/a><\/li>\n<li><a href=\"#solution2\">Solution 2. &#8220;View all&#8221; and rel=&#8221;canonical&#8221;<\/a><\/li>\n<li><a href=\"#solution3\">Solution 3. Rel=&#8221;prev&#8221;\/&#8221;next&#8221;<\/a><\/li>\n<li><a href=\"#solution4\">Solution 4. D\u00e9filement AJAX et Javascript<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2 id=\"whatisit\">Qu\u2019est-ce que la pagination\u202f?<\/h2>\n<p>&nbsp;<\/p>\n<p><strong>La pagination<\/strong> est la num\u00e9rotation ordinale des pages, que l\u2019on trouve d\u2019habitude en haut ou en bas des pages d\u2019un site.<\/p>\n<p>Dans la plupart des cas, elle est utilis\u00e9e pour les pages principales et les sous-parties. Elle ressemble parfois \u00e0 cela :<\/p>\n<p>&nbsp;<\/p>\n<div class=\"content__img-wrap\"><img src=\"https:\/\/sitechecker.pro\/wp-content\/uploads\/2017\/12\/prevnext-implementing-of-pagination-on-Ahrefs-blog.png\" alt=\"Pprevnext implementing of pagination on Ahrefs blog\" class=\"description-img description-img-zoom\" loading=\"lazy\" ><\/div>\n<p>&nbsp;<\/p>\n<p>Regardons quelques-uns des probl\u00e8mes susceptibles de survenir avec la pagination, si vous n\u2019\u00eates pas attentifs \u00e0 certains aspects :<\/p>\n<p>&nbsp;<\/p>\n<h3>Limitation des visites de moteurs de recherche de votre site<\/h3>\n<p>Lorsque les robots des moteurs de recherche parcourent votre site, la profondeur et le nombre de pages qu\u2019ils visiteront \u00e0 chaque fois va varier d\u2019apr\u00e8s la confiance qu\u2019ils accordent \u00e0 votre site, des mises \u00e0 jour de son contenu, etc. Si vous avez un tr\u00e8s grand nombre de pages pagin\u00e9es, la probabilit\u00e9 que le moteur de recherche parcoure la totalit\u00e9 de celles pagin\u00e9es et indexe la totalit\u00e9 de leurs liens est significativement r\u00e9duite. La limite sera consomm\u00e9e pour visiter des pages pagin\u00e9es en lieu de celles importantes de votre site Web.<\/p>\n<p>&nbsp;<\/p>\n<h3>Probl\u00e8mes avec les contenus dupliqu\u00e9s<\/h3>\n<p>Selon la structure de vos pages pagin\u00e9es, il est possible que certaines d\u2019entre elles contiennent des contenus similaires voire identiques. Il ne faut pas oublier que les balises <a href=\"https:\/\/sitechecker.pro\/fr\/meta-title\/\">de titre<\/a> et de <a href=\"https:\/\/sitechecker.pro\/fr\/meta-tag-description\/\">m\u00e9ta description<\/a> seront parfois identiques. Dans ce cas, les contenus dupliqu\u00e9s peuvent poser probl\u00e8me aux moteurs de recherche lorsqu\u2019ils d\u00e9terminent les pages les plus pertinentes pour une recherche.<\/p>\n<p>Les sp\u00e9cialistes du r\u00e9f\u00e9rencement ont d\u00e9j\u00e0 d\u00e9velopp\u00e9 4 mani\u00e8res de r\u00e9soudre ce probl\u00e8me.<\/p>\n<p>&nbsp;<\/p>\n<h2 id=\"solution1\">Solution 1. Supprimer la pagination de l\u2019indexation gr\u00e2ce \u00e0 \u00ab noindex \u00bb<\/h2>\n<p>&nbsp;<\/p>\n<p>Dans la plupart des cas, cette m\u00e9thode est une priorit\u00e9 qui peut \u00eatre impl\u00e9ment\u00e9e rapidement. Le principal objectif est l\u2019exclusion de toutes les pages pagin\u00e9es de l\u2019indexation, \u00e0 l\u2019exception de la premi\u00e8re.<\/p>\n<p>Elle s\u2019impl\u00e9mente de la mani\u00e8re suivante :<\/p>\n<p>La balise meta<\/p>\n<p>&nbsp;<\/p>\n<div class=\"code\"><code>&lt;meta name=\"robots\" content=\"noindex, follow\" \/&gt;<\/code><\/div>\n<p>&nbsp;<\/p>\n<p>est ajout\u00e9e \u00e0 la section HEAD sur toutes les pages sauf la premi\u00e8re. Nous excluons toutes les pages pagin\u00e9es de l\u2019indexation, sauf la premi\u00e8re tout en nous assurant que tous les pages ou produits appartenant \u00e0 ce catalogue seront index\u00e9s. Faites bien attention aux d\u00e9tails suivants :<\/p>\n<ul>\n<li>\u00a0Si vous ins\u00e9rez le texte de description de la page principale du catalogue, il est pr\u00e9f\u00e9rable de ne l\u2019ins\u00e9rer que sur celle premi\u00e8re.<\/li>\n<li>Vous devriez v\u00e9rifier que l\u2019URL de la premi\u00e8re ne soit pas dupliqu\u00e9e. Lorsque la pagination est impl\u00e9ment\u00e9e de la mani\u00e8re suivante :<\/li>\n<\/ul>\n<p><em>site.com\/catalogue?page=2<\/em><\/p>\n<p><em>site.com\/catalogue?page=3<\/em><\/p>\n<p><em>\u2026<\/em><\/p>\n<p><em>site.com\/catalogue?page=N<\/em><\/p>\n<p>vous devriez ajouter un lien vers la premi\u00e8re page, au cas o\u00f9 vous ne seriez pas l\u00e0<\/p>\n<p><em>site.com\/catalogue<\/em><\/p>\n<p>et \u00e0 partir de l\u00e0<\/p>\n<p>site.com\/catalogue?page=1<\/p>\n<p>une <a href=\"https:\/\/sitechecker.pro\/fr\/301-redirect\/\">redirection 301<\/a> vers site.com\/catalogue est \u00e0 \u00eatre configur\u00e9e.<\/p>\n<p>&nbsp;<\/p>\n<h3>Avantages<\/h3>\n<ul>\n<li>convient \u00e0 Yandex.<\/li>\n<li>solution la moins difficile.<\/li>\n<li>id\u00e9al pour exclure toutes les pages pagin\u00e9es de l\u2019indexation, s\u2019il n\u2019y a aucune raison de les inclure dans l\u2019indexation.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3>Inconv\u00e9nients<\/h3>\n<ul>\n<li>cela r\u00e9solve le probl\u00e8me \u00e9ventuel de pagination, mais nous excluons le contenu pagin\u00e9 de l\u2019indexation\u202f;<\/li>\n<li>s\u2019il y a de nombreux produits et que vous n\u2019utilisez pas de <a href=\"https:\/\/sitechecker.pro\/fr\/xml-sitemap\/\">sitemap XML<\/a>, les produits situ\u00e9s au fond du dossier seront index\u00e9s pour tr\u00e8s longtemps.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2 id=\"solution2\">Solution 2. \u201cView all\u201d et rel=\u201dcanonical\u201d<\/h2>\n<p>&nbsp;<\/p>\n<p>Cette m\u00e9thode n\u00e9cessite l\u2019utilisation de Google pour cr\u00e9er une page \u00ab Afficher tout \u00bb distincte, o\u00f9 tous les produits et pages du catalogue sont affich\u00e9s. Nous pla\u00e7ons sur toutes les pages pagin\u00e9es un attribut <a href=\"https:\/\/sitechecker.pro\/fr\/canonical-url\/\">rel=&#8221;canonical&#8221;<\/a>. Et nous mentionnons la rubrique \u00abAfficher tous\u00bb.<\/p>\n<p>Impl\u00e9mentation de cette m\u00e9thode\u202f: apr\u00e8s avoir cr\u00e9\u00e9 une page \u00ab Afficher tout \u00bb (par exemple, site.com\/catalogue\/afficher-tout.html), toutes les pages pagin\u00e9es devront contenir la balise suivante dans leur section HEAD:<\/p>\n<p>&nbsp;<\/p>\n<div class=\"code\"><code>&lt;link rel=\"canonical\" href=\"http:\/\/site.com\/catalog\/view-all.html\" \/&gt;<\/code><\/div>\n<p>&nbsp;<\/p>\n<p>Nous indiquons aux robots des moteurs de recherche que chaque page fait en quelque sorte partie de \u00ab Afficher tout \u00bb. Google indique que<\/p>\n<ul>\n<li>\u00a0c\u2019est la m\u00e9thode qu\u2019ils pr\u00e9f\u00e8rent.<\/li>\n<li>les utilisateurs ont tendance \u00e0 consulter la totalit\u00e9 d\u2019une cat\u00e9gorie sur une page d\u2019un seul coup (toutefois cet argument est controvers\u00e9 et d\u00e9pend de la situation).<\/li>\n<li><\/li>\n<\/ul>\n<h3>Nuances<\/h3>\n<p>\u00ab Afficher tout \u00bb devrait se charger relativement rapidement. De pr\u00e9f\u00e9rence en 1 \u00e0 3 secondes. Cette m\u00e9thode est id\u00e9ale pour une cat\u00e9gorie dont le nombre de pages pagin\u00e9es est comprise entre 5 et 20 et ne convient pas aux r\u00e9pertoires contenant des centaines de pages pagin\u00e9es.<\/p>\n<p>&nbsp;<\/p>\n<h3>Avantages<\/h3>\n<ul>\n<li>m\u00e9thode sugg\u00e9r\u00e9e par Google.<\/li>\n<li>tous les contenus de la pagination seront localis\u00e9s lors de l\u2019indexation de la page de recherche gr\u00e2ce \u00e0 la rubrique \u00ab Afficher tout \u00bb.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3>Inconv\u00e9nients<\/h3>\n<ul>\n<li>ne convient pas s\u2019il y a trop de pages ou beaucoup d\u2019images en haute d\u00e9finition sur les produits ou articles.<\/li>\n<li>une impl\u00e9mentation complexe sur la plupart des CMS les plus r\u00e9pandus.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2 id=\"solution3\">Solution 3. Rel=\u201dprev\u201d\/\u201dnext\u201d<\/h2>\n<p>&nbsp;<\/p>\n<p>Notre derni\u00e8re option pour r\u00e9soudre la probl\u00e9matique de pagination est la plus complexe, mais \u00e9galement la m\u00e9thode dont le cadre d\u2019utilisation est le plus large avec Google (Yandex ne prend pas en compte ces directives). \u00c9tant donn\u00e9 que l\u2019impl\u00e9mentation est compliqu\u00e9e, vous devrez vous montrer extr\u00eamement attentif lors de la mise en place de cette m\u00e9thode. Voici comment elle fonctionne.<\/p>\n<p>Par exemple, si vous avez 4 pages dans votre dossier. L\u2019utilisation de rel=\u201dprev\u201d\/\u201dnext\u201d vous permet de cr\u00e9er une cha\u00eene entre elles. Cette cha\u00eene commence sur la premi\u00e8re page, pour laquelle vous ajoutez la section HEAD ci-dessous :<\/p>\n<p>&nbsp;<\/p>\n<div class=\"code\"><code>&lt;link rel=\"next\" href=\"http:\/\/site.com\/page2.html\"&gt;<\/code><\/div>\n<p>&nbsp;<\/p>\n<p>Pour elle, c\u2019est le seul attribut. La deuxi\u00e8me page doit quant \u00e0 elle sp\u00e9cifier en m\u00eame temps la page pr\u00e9c\u00e9dente et celle suivante :<\/p>\n<p>&nbsp;<\/p>\n<div class=\"code\"><code>&lt;link rel=\"prev\" href=\"http:\/\/site.com\/page1.html\"&gt;<br \/>\n&lt;link rel=\"next\" href=\"http:\/\/site.com\/page3.html\"&gt;<\/code><\/div>\n<p>&nbsp;<\/p>\n<p>Il en va de m\u00eame pour la troisi\u00e8me page :<\/p>\n<p>&nbsp;<\/p>\n<div class=\"code\"><code>&lt;link rel=\"prev\" href=\"http:\/\/site.com\/page2.html\"&gt;<br \/>\n&lt;link rel=\"next\" href=\"http:\/\/site.com\/page4.html\"&gt;<\/code><\/div>\n<p>&nbsp;<\/p>\n<p>Enfin, sur la quatri\u00e8me et derni\u00e8re page, nous n\u2019avons besoin de mentionner que celle pr\u00e9c\u00e9dente de la cha\u00eene :<\/p>\n<p>&nbsp;<\/p>\n<div class=\"code\"><code>&lt;link rel=\"prev\" href=\"http:\/\/site.com\/page3.html\"&gt;<\/code><\/div>\n<p>&nbsp;<\/p>\n<p>Gr\u00e2ce \u00e0 l\u2019utilisation de ces attributs rel=\u201dprev\u201d\/\u201dnext\u201d, Google fusionne les donn\u00e9es des pages en un seul \u00e9l\u00e9ment de son index. Pour les utilisateurs, il s\u2019agira de la premi\u00e8re page puisqu\u2019elle est la plus pertinente.<\/p>\n<p>&nbsp;<\/p>\n<h3>Nuances<\/h3>\n<ul>\n<li>rel=\u201dprev\u201d et rel=\u201dnext\u201d sont des attributs secondaires pour Google et non des directives.<\/li>\n<li>les URL relatives et absolues peuvent toutes deux \u00eatre utilis\u00e9es comme valeurs (\u00e0 partir du moment o\u00f9 elles sont valables).<\/li>\n<li>si vous indiquez une r\u00e9f\u00e9rence dans le document, les chemins relatifs seront d\u00e9termin\u00e9s \u00e0 partir de l\u2019URL de base.<\/li>\n<li>si Google d\u00e9tecte des erreurs dans vos balises (par exemple, si la valeur de l\u2019attribut rel=\u201dprev\u201d ou rel=\u201dnext\u201d est absente), l\u2019indexation et la d\u00e9couverte des contenus sera r\u00e9alis\u00e9e prenant en compte l\u2019algorithme heuristique classique de Google.<\/li>\n<li>v\u00e9rifiez que l\u2019URL de la premi\u00e8re page n\u2019est pas dupliqu\u00e9e.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3>Avantages<\/h3>\n<ul>\n<li>cette m\u00e9thode vous permet de r\u00e9soudre la probl\u00e9matique de pagination sans utiliser \u00ab Afficher tout \u00bb\u202f;<\/li>\n<li>l\u2019impl\u00e9mentation n\u2019implique que quelques changements mineurs du code HTML.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3>Inconv\u00e9nients<\/h3>\n<ul>\n<li>ces attributs ne sont pas pris en compte par Yandex.<\/li>\n<li>l\u2019impl\u00e9mentation peut devenir complexe<\/li>\n<li>l\u2019insertion de liens pour cr\u00e9er des cha\u00eenes de pages doit \u00eatre effectu\u00e9e tr\u00e8s attentivement.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2 id=\"solution4\">Solution 4. D\u00e9filement AJAX and Javascript<\/h2>\n<p>&nbsp;<\/p>\n<p>Vous avez d\u00e9j\u00e0 rencontr\u00e9 des d\u00e9filements sans fin de produits sur des sites de commerce \u00e9lectronique, o\u00f9 des produits sont t\u00e9l\u00e9charg\u00e9s en continu lorsque vous d\u00e9filez vers le bas de l\u2019\u00e9cran. Il s\u2019agit d\u2019une excellente mani\u00e8re d\u2019am\u00e9liorer l\u2019ergonomie de votre site, mais vous devez utiliser cette m\u00e9thode consciencieusement. Il est pr\u00e9f\u00e9rable que les produits ne soient pas automatiquement charg\u00e9s lors du d\u00e9filement. Ajoutez plut\u00f4t un bouton \u00ab Afficher davantage de produits \u00bb sous les derniers produits. Wikimart.ru pr\u00e9sente une bonne impl\u00e9mentation de cette m\u00e9thode en bas des pages de recherche de produits.<\/p>\n<p>&nbsp;<\/p>\n<h3>Utilisation correcte des param\u00e8tres<\/h3>\n<p>Lorsque vous utilisez les attributs rel=\u201dprev\u201d\/\u201dnext\u201d, les pages pagin\u00e9es peuvent contenir des param\u00e8tres qui ne modifient pas le contenu :<\/p>\n<ul>\n<li>\u00a0variables de session\u202f;<\/li>\n<li>ordre de tri ;<\/li>\n<li>nombre d\u2019\u00e9l\u00e9ments par page.<\/li>\n<\/ul>\n<p>Dans ce cas de figure, le contenu est dupliqu\u00e9. Pour r\u00e9soudre ce probl\u00e8me, vous pouvez utiliser en m\u00eame temps rel=\u201dprev\u201d\/\u201dnext\u201d et rel=\u201dcanonical\u201d.<\/p>\n<p>Pour cela, vous devez tout d\u2019abord vous assurer que toutes les pages pagin\u00e9es contenant rel=\u201dprev\u201d\/\u201dnext\u201d utilisent le m\u00eame param\u00e8tre. Ensuite, pour chaque URL comportant un param\u00e8tre, il est n\u00e9cessaire de renseigner sa page canonique sans ce param\u00e8tre.<\/p>\n<p>&nbsp;<\/p>\n<h3>Utilisation correcte des filtres et de rel=\u201dprev\u201d\/\u201dnext\u201d<\/h3>\n<p>Regardons un exemple o\u00f9 nous utilisons les param\u00e8tres pour lesquels nous pouvons offrir des contenus uniques. Il est important pour nous que ces pages filtr\u00e9es figurent dans l\u2019indexation. Par exemple, nous avons une cat\u00e9gorie de baskets, et nous souhaitons cr\u00e9er des pages d\u2019atterrissage pour les recherches sur des marques diff\u00e9rentes, en utilisant les param\u00e8tres contenus dans l\u2019URL.<\/p>\n<p>&nbsp;<\/p>\n<h3>Dans ce cas<\/h3>\n<ul>\n<li>Vous n\u2019avez pas besoin d\u2019utiliser rel = \u201ccanonical\u201d sur la cat\u00e9gorie principale\u202f;<\/li>\n<li>cr\u00e9ez pour chaque marque une cha\u00eene unique bas\u00e9e sur l\u2019attribut rel=\u201dprev\u201d\/\u201dnext\u201d\u202f;<\/li>\n<li>pr\u00e9cisez un titre, une description et un texte uniques et adapt\u00e9s pour la description de la cat\u00e9gorie de chaque filtre<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2>Conclusion<\/h2>\n<p>Pour conclure voici nos recommendations pour r\u00e9soudre ce probl\u00e8me de la pagination :<\/p>\n<ul>\n<li>si vous avec la possibilit\u00e9 technique de cr\u00e9er une page \u00ab Afficher tout \u00bb (si elle se charge rapidement et n\u2019est pas trop lourde), vous pouvez utiliser cette option puisque Google la recommande et que Yandex comprend \u00e9galement la directive rel=\u201dcanonical\u201d;<\/li>\n<li>dans la plupart des cas, la meilleure solution reste d\u2019associer l\u2019utilisation de l\u2019attribut rel=\u201dnext page\/prev page\u201d (comprise par Google) \u00e0 la balise meta robots=\u201dnoindex, follow\u201d (comprise par Google et Yandex).<\/li>\n<\/ul>\n<p><\/p>","protected":false},"excerpt":{"rendered":"Table des mati\u00e8res &nbsp; En quoi consiste la pagination\u202f? Solution 1. Supprimez la pagination de l\u2019indexation \u00e0 l\u2019aide de noindex Solution 2. &#8220;View all&#8221; and rel=&#8221;canonical&#8221; Solution 3. Rel=&#8221;prev&#8221;\/&#8221;next&#8221; Solution 4. D\u00e9filement AJAX et Javascript &nbsp; Qu\u2019est-ce que la pagination\u202f? &nbsp; La pagination est la num\u00e9rotation ordinale des pages, que l\u2019on trouve d\u2019habitude en haut&#8230;","protected":false},"author":11474150,"featured_media":3354,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"pages-templates\/pages-v2.php","meta":[],"categories":[28],"tags":[],"_links":{"self":[{"href":"https:\/\/sitechecker.pro\/fr\/wp-json\/wp\/v2\/pages\/956"}],"collection":[{"href":"https:\/\/sitechecker.pro\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sitechecker.pro\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sitechecker.pro\/fr\/wp-json\/wp\/v2\/users\/11474150"}],"replies":[{"embeddable":true,"href":"https:\/\/sitechecker.pro\/fr\/wp-json\/wp\/v2\/comments?post=956"}],"version-history":[{"count":68,"href":"https:\/\/sitechecker.pro\/fr\/wp-json\/wp\/v2\/pages\/956\/revisions"}],"predecessor-version":[{"id":39352,"href":"https:\/\/sitechecker.pro\/fr\/wp-json\/wp\/v2\/pages\/956\/revisions\/39352"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sitechecker.pro\/fr\/wp-json\/wp\/v2\/media\/3354"}],"wp:attachment":[{"href":"https:\/\/sitechecker.pro\/fr\/wp-json\/wp\/v2\/media?parent=956"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sitechecker.pro\/fr\/wp-json\/wp\/v2\/categories?post=956"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sitechecker.pro\/fr\/wp-json\/wp\/v2\/tags?post=956"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}