Le nombre d'éléments sur la page de pagination. Optimisation des moteurs de recherche de la navigation des pages. Exclure la pagination de l'indexation

Les sites Web contiennent généralement plusieurs pages. Ils peuvent contenir 3 à 5 pages, par exemple sur une page de destination, ou peut-être plus, bien plus.

Tout bon site Web doit contenir une navigation qui permettra à l'utilisateur de naviguer et de se déplacer correctement entre les pages du site. Vous pouvez créer une telle pagination en utilisant JavaScript. Dans cet article, nous expliquerons comment créer une telle navigation.

Encore une chose, en plus du JavaScript classique, l'exemple utilise Bootstrap 4. Son composant de pagination bootstrap est combiné avec la bibliothèque JQuery, à savoir le plugin spécial Buzina Pagination. Il permet de diviser toutes les informations en plusieurs pages avec navigation entre elles.

Connecter les cadres nécessaires

Pour travailler avec Bootstrap et JQuery, vous devez les connecter. Cela peut être fait dans votre document HTML en utilisant . Créez 3 balises appariées ;. Nous connecterons Ajax.js, bootstrap 4 et le plugin JQuery lui-même.

Pour connecter correctement bootstrap, vous devez également utiliser la balise ; dans son attribut href nous indiquons un lien vers notre framework. Il contiendra un lien vers les styles contenus dans le plugin.

Nous avons donc connecté tout le nécessaire au travail. Il ne reste plus qu'à connecter le plugin de création de pagination - Buzina Pagination. Pour le créer, nous créons également des tags. Dans les attributs "href" et "src", nous entrons le même lien.

Les plugins Buzina Pagination et Bootstrap, en plus des scripts, contiennent également les styles nécessaires. Nous les connectons via le tag ;. N'oubliez pas que même si vous avez une bonne compréhension du CSS, nous ne vous recommandons pas d'entrer et de modifier les paramètres du plugin. Juste pour vous amuser, vous pouvez les ouvrir dans un éditeur de code et les visualiser, mais assurez-vous d'abord de sauvegarder la version originale du code.

Votre document HTML doit contenir le code suivant :

XHTML

Pagination du site utilisant jQuery : Bootstrap 4 .container ( margin : 150px auto; )

Pagination du site avec jQuery : Bootstrap 4 Conteneur (marge : 150px auto ;)

Mise en page. HTML

Dans tous nos articles, nous avons examiné la création d'une page HTML. Dans cet exemple, nous allons en créer plusieurs à la fois, via un seul document. En même temps, nous ne les placerons pas sur des liens différents, ils seront accessibles en cliquant sur le bouton. Nous allons créer un bloc séparé pour chaque page.

Dans notre exemple, nous créons un total de 5 pages. Créez un div distinct pour chacun d'eux. Vous pouvez écrire du texte à l’intérieur pour un affichage visuel. Si vous le souhaitez, vous pouvez créer 10, 20 et 30 pages.

Vous n'avez pas besoin de classes ou d'identifiants pour travailler avec eux. L'essentiel est que toutes ces pages soient situées à l'intérieur du bloc principal avec la classe exemple.

Fonctions JQuery

Vous devez connecter plusieurs fonctions :

Conclusion

Nous avons fini de créer la pagination. Au final, qu’a-t-on obtenu ? Nous disposons d’une navigation bien conçue qui conviendra parfaitement à votre site Web. Ajoutez quelques éléments et vous pourrez l’adapter aux pages dont vous disposez.

Vous pouvez modifier les scripts à votre guise, mais seulement si vous maîtrisez bien JavaScript. L'essentiel est de ne pas modifier les valeurs des scripts et des styles de plugins.

Cette pagination présente un énorme avantage : la facilité d'utilisation. L'utilisateur n'aura pas besoin de charger des liens supplémentaires pour naviguer entre les pages.

De plus, en raison du petit nombre de scripts utilisés, l'optimisation ne sera pas grandement réduite.

Mots clés:

Nous avons publié un nouveau livre, Social Media Content Marketing : Comment entrer dans la tête de vos abonnés et les faire tomber amoureux de votre marque.

La pagination sur un site Web est un bloc de liens de navigation qui permet aux utilisateurs de naviguer et d'afficher plus facilement les éléments de produits, les pages de catalogue, les publications, etc.

.

Plus de vidéos sur notre chaîne - apprenez le marketing Internet avec SEMANTICA

La pagination est une limitation d'affichage utilisée pour diviser de grandes quantités de données en pages Web distinctes.

Pour comprendre ce qu'est la pagination, regardons une simple analogie. Lorsque nous utilisons des ouvrages de référence ou un catalogue imprimé, nous constatons que les informations qu'il contient sont présentées de manière ordonnée. Les produits ou les informations professionnelles ne sont pas présentés sous forme de liste exhaustive. Cela facilite l'utilisation de la publication et permet de trouver rapidement ce dont vous avez besoin. La pagination résout des problèmes similaires : simplifier la visualisation des produits et la rendre plus pratique.

Il existe aujourd'hui plusieurs types de pagination :

• Numérotation directe (« 1 », « 2 », « 3 »...).
• Ligne directe indiquant les positions dans la liste (« 1-10 », « 10-20 »...).
• Inversion avec positions (« 40-30 », « 30-20 », « 20-10 »...).

Pourquoi la pagination est-elle nécessaire ?

Aujourd'hui, les principales boutiques en ligne utilisent la pagination. Cela simplifie grandement l’utilisation du site. Imaginez que l'ensemble de l'assortiment, soit plusieurs milliers de produits, soit affiché sur une seule page. Cela est tout à fait possible, car une page Internet est illimitée, ce qui n'est pas le cas d'une page papier. Mais il ne faut pas oublier que la vitesse de connexion est donc limitée : plus il y a de produits sur la page, plus le chargement est long.

Ainsi, la navigation dans les pages est utilisée pour améliorer la convivialité du site Web et augmenter la vitesse de chargement des pages.

Comment faire la pagination

Voyons comment effectuer une pagination dans le langage de script PHP, car il est aujourd'hui le plus souvent utilisé pour développer des applications Web.

Nous avons donc beaucoup de contenu (liste des produits, notes diverses, etc.). Nous devons l'organiser pour une présentation pratique sur les pages du site, c'est-à-dire le diviser.

Tout d'abord, nous déterminons combien de pages nous aurons, combien d'entre elles seront affichées en pagination et quelle est la page actuelle. Prenons 45 pages, prenons celle en cours avec $_GET" (si elle n'est pas là, elle est égale à 1). Le nombre de pages affichées dans la pagination est laissé flexible afin d'ajuster le nombre de liens à droite et à gauche de l'actuel.

Nous avons enregistré les données elles-mêmes, commençons à développer la pagination. Il est implémenté à l'aide d'une fonction spéciale - makePage, qui est spécifiée par 4 paramètres : $iCurr (page actuelle), $iLastPage (dernière page), $iLeftLimit (limite gauche), $iRightLimit (limite droite).

Écrivons le code :

Le résultat peut ressembler à ceci :

Regardons le code écrit. L'option la plus simple possible est lorsque nous sommes au centre (par exemple, à la page 8), avec des pages librement affichées à droite et à gauche.

Si nous sommes au début, nous utilisons un code différent :

Dans ce cas, $iSlice est le nombre d'éléments qui ne sont pas affichés sur le côté gauche, ils doivent être ajoutés sur le côté droit.
Et la dernière option. Imaginons que nous soyons en fin de pagination. Écrivons un autre code :

C'est tout.

Problèmes de pagination SEO

Comme vous l'avez découvert, pour la convivialité d'une ressource, la pagination est toujours un gros plus. Mais pour une promotion SEO réussie, la pagination peut devenir un obstacle. Une pagination correcte est nécessaire, sinon la ressource risque de perdre des positions dans les résultats des moteurs de recherche :

• Les moteurs de recherche peuvent imposer des pénalités en cas de répétition du contenu.
• Les articles de produits prennent beaucoup de temps à être indexés et sont difficiles, voire impossibles, à trouver via la recherche.

Le robot du moteur de recherche est présent sur le site pour une durée limitée. Imaginons que le bot entre dans une boutique de vêtements pour hommes en ligne, où chaque page contient 30 à 40 positions, la différence entre les positions réside uniquement dans les noms des marques. Le robot peut tout simplement ne pas atteindre la position souhaitée car il se trouve au niveau inférieur. Or, le propriétaire d'une ressource Internet a besoin du contraire pour que les pages soient indexées.

Si nous parlons de contenu répétitif, la position des moteurs de recherche à son égard est nettement négative. L'explication est simple : chaque page doit avoir un contenu pertinent. Si le contenu est similaire, par exemple la liste des produits + les descriptions des groupes sont identiques ou similaires, il est difficile pour le moteur de recherche de déterminer la page pertinente parmi celles présentées. La signification des pages est dispersée et perdue, le la page principale ne se démarque plus des autres. Par conséquent, le site perd sa position dans les résultats des moteurs de recherche.

SEO et pagination

Notre tâche est de créer une pagination de telle sorte que, dans le pire des cas, elle ne nuise pas au référencement et, dans le meilleur des cas, qu'elle améliore la position du site dans les résultats des moteurs de recherche. Il y a plusieurs moyens de le faire.

Fermer la pagination pour l'indexation

Beaucoup de gens se demandent comment bloquer l'indexation des pages de pagination. Il existe plusieurs solutions pour cela.

• Utilisez la balise méta NOINDEX.

Ici, dans la section « en-tête » de chaque page, sauf la première, on insère la ligne : . Ainsi, nous ne permettons pas au robot d'indexer cette page, mais nous lui permettons de suivre ses liens.

Ici, il est important d'élaborer la carte des ressources XML. Si les pages de ressources sont dynamiques, c'est-à-dire que des filtres peuvent être utilisés, le lien de la première page web devrait ressembler à ceci : nom de domaine/catalogue. A partir des pages « nom de domaine/catalogue?page=1 » nous effectuons une redirection 301 vers la page web « nom de domaine/catalogue ».

Il est important de considérer un certain nombre de nuances. La balise NOINDEX est acceptée par l'index, mais Google ne la lit pas. Si le site comporte un nombre impressionnant de pages dynamiques, vous devez enregistrer NOINDEX pour chacune d'elles. Tout le contenu est exclu de la pagination, à l'exception du contenu de la première page.

• Utilisez le fichier robots.txt.

Les pages de pagination ont un certain type « type http://nom de domaine/catégorie/page/n », dans lequel n est le nombre de pages. Il est nécessaire d'enregistrer robots.txt et de lui attribuer une commande spécifique : « Disallow: /category/page ». Cette méthode est universelle et adaptée à tous les moteurs de recherche. Une mise en garde demeure cependant : tout le contenu des pages de pagination, à l'exception du contenu de la première, sera exclu.

Utilisez la page « Tout voir » et la balise CANONICAL

Le fait est le suivant : une page Web est créée où tous les produits disponibles seront affichés. Pour les moteurs de recherche, cette page est indiquée comme canonique via la balise CANONICAL.

Il y a aussi quelques nuances ici : s'il y a beaucoup de produits, une telle page prendra beaucoup de temps à charger. Mais la balise est reconnue par tous les moteurs de recherche (Google la considère comme une priorité) et le contenu sera entièrement indexé.

Il y a aussi des inconvénients : il y a des limitations sur le volume et la qualité du contenu, et avec un grand nombre de positions de produits et de filtres, il est nécessaire d'enregistrer CANONICAL pour chaque page dynamique.

Dans cet article, j'ai expliqué comment obtenir un ensemble de données à partir d'une table de base de données correspondant à la page sélectionnée par l'utilisateur. Dans le même article, nous analyserons le résultat de Pagination en PHP. La pagination est une liste des pages elles-mêmes. Il existe différentes options sur Internet, mais elles souffrent toutes d'une chose : une énorme quantité de code pour créer un nombre infini d'options. Mais avez-vous vraiment besoin de l’infini ? Vous n’avez besoin que d’une seule option, qui sera sur le site. Dans cet article, nous allons créer une pagination relativement complexe, mais il n'y aura pas beaucoup de code du tout.

Pour créer une Pagination en PHP, nous avons besoin de plusieurs paramètres en entrée :

• count_pages - nombre de pages.
• actif - page active actuelle.
• count_show_pages - nombre de pages à afficher. Par exemple, s’il y a 1 000 pages, les afficher toutes sera très problématique. Par conséquent, seule la quantité spécifiée sera affichée dans ce paramètre.
• url - l'adresse de la page pour laquelle la pagination est créée.
• url_page - adresse de la page avec le paramètre page sans valeur à la fin. Par exemple, "/abc.php?func=create&page= ".

Maintenant nous pouvons créer la Pagination, voici à quoi cela ressemble en PHP :

Pages :