1. SEO – Votre priorité 2018
optimiser les performances de votre site Web
Actualités SEO, Content marketing et E-commerce, Google Shopping, Crawl…
1
@s4sight
Petit Déjeuner SEOSEA
Matinée Conférences
10h05 > Bien gérer les contenus paginés en 2019
Intervenant : Maxime Grimaud – Consultant – Search
Foresight
2. Définition
Sur le web, la pagination est un système permettant de découper un grand listing en
plusieurs pages (chacune avec son URL) définissant une séquence.
L’internaute peut la parcourir en cliquant sur des liens de pagination.
2Mont Saint Michel
4. La pagination classique…
Accessible via des boutons pour atteindre les pages suivantes
Découpage d’une grande liste en plusieurs pages
Chacune accessible à une URL précise,
/page1
/page2
Etc.
Cette méthode est disponible sur la plupart des
CMS et est la plus simple à mettre en place.
4Mont Saint Michel
5. Scroll infini
Tendance actuelle sur les sites web
Difficulté supplémentaire qui consiste à ne changer d'URL que
lorsque l'état de la page est au moins 90% différent de la page
précédente
La méthode recommandée est le Pushstate (javascript)
Cette méthode délivre des éléments uniques pour chaque
page (Title, meta description)
Vous pouvez y intégrer des link rel=next/prev
Site de démo Search Foresight : https://pushstate.search-
foresight.com/infinite.php
5Mont Saint Michel
6. Syntaxe HTML – dans la balise <head>
6Mont Saint Michel
Voici ce qu’il faudrait mettre dans le code HTML de la page 1 :
<link rel="canonical" href="https://pushstate.search-foresight.com/infinite.php?page=1" />
<link rel="next" href="infinite.php?page=2" />
dans la page 2 :
<link rel="canonical" href="https://pushstate.search-foresight.com/infinite.php?page=2" />
<link rel="prev" href="infinite.php?page=1" />
<link rel="next" href="infinite.php?page=3" />
dans la page 3 :
<link rel="canonical" href="https://pushstate.search-foresight.com/infinite.php?page=3" />
<link rel="prev" href="infinite.php?page=2" />
<link rel="next" href="infinite.php?page=4" />
7. Pagination et balise canonique
Une seul information a retenir :
7Mont Saint Michel
Toutes vos pages de pagination doivent comporter une « self canonical » (vers elles-mêmes)
Exemple pour reprendre notre exemple, la page 2 de votre pagination devra comporter la balise canonique
suivante : <link rel="canonical" href="https://pushstate.search-foresight.com/infinite.php?page=2" />
8. Pagination ce qu’il ne faut pas faire !
8Mont Saint Michel
Pour les canoniques : ne pas renseigner en URL canonique sur les pages 2, 3, 4, 5, 6 etc. l’URL de
la page 1
Bloquer la pagination dans le robots.txt et mettre une balise meta robots nofollow sur les pages 2+
En faisant cela, vous interdisez aux robots d’aller voir les pages de pagination 2 et +
Création d’URL orphelines (non rattachées au maillage interne)
Ne pas décaler la pagination > l’URL de la page de pagination 0 n’est pas renvoyée vers une page
1 que vous avez définie comme page 0
La pagination ne doit pas utiliser d’attribut rel=next/prev dans des balises <a href=>
Uniquement dans <link>
9. Pagination ce qu’il ne faut pas faire !
9
Pour les canoniques : ne pas renseigner en URL canonique sur les pages 2, 3, 4, 5,
6 etc. l’URL de la page 1
Mettre une balise no index OU mettre une balise meta robots nofollow sur les pages
2 et + car les pages de pagination sont parfois le seul moyen pour les moteurs de
découvrir votre contenu
Bloquer la pagination dans le robots.txt et mettre une balise meta robots nofollow
sur les pages 2 et +
Ne pas décaler la pagination > l’URL de la page de pagination 0 ne soit pas
renvoyer vers une page 1 que vous avez défini comme page 0
La pagination ne doit pas utiliser d’attribut rel=next/prev dans des balises <a href=>
Uniquement dans <link>
Ne pas déclarer plusieurs URL différentes en tant que next ou en tant que prev.
10. Conseil Search Foresight
10Mont Saint Michel
Si vous le pouvez, passez-vous de pagination > Moins complexe a gérer d’un point
de vu Dev et Crawl
1
Pour la pagination en continu > Privilégiez l’ajout d’un bouton « voir plus »2
La page 1 doit être travaillée en tant que catégorie, avec du contenu éditorial à forte
valeur ajoutée (texte inédit), une excellente UX et seulement après le listing. A
l’inverse, les pages 2 et + ne doivent contenir que le listing.
3
11. Merci !
Des questions ?
Restons en contact !
Maxime GRIMAUD-DELATTRE
@maximegrimaudd
- 11 -
Consultant
SEO