Die Anzahl der Elemente auf der Paginierungsseite. Suchmaschinenoptimierung der Seitennavigation. Paginierung von der Indexierung ausschließen

Websites bestehen in der Regel aus mehreren Seiten. Sie können 3–5 Seiten umfassen, zum Beispiel auf einer Landingpage, oder vielleicht auch mehr, viel mehr.

Jede gute Website sollte über eine Navigation verfügen, die es dem Benutzer ermöglicht, korrekt zu navigieren und zwischen den Seiten der Website zu wechseln. Sie können eine solche Paginierung mit JavaScript erstellen. In diesem Artikel werden wir darüber sprechen, wie man eine solche Navigation erstellt.

Eine weitere Sache: Zusätzlich zu regulärem JavaScript verwendet das Beispiel Bootstrap 4. Seine Bootstrap-Paginierungskomponente wird mit der JQuery-Bibliothek kombiniert, nämlich dem speziellen Buzina Pagination-Plugin. Es ermöglicht Ihnen, alle Informationen auf mehrere Seiten aufzuteilen und zwischen ihnen zu navigieren.

Anbindung der notwendigen Frameworks

Um mit Bootstrap und JQuery arbeiten zu können, müssen Sie diese verbinden. Dies kann in Ihrem HTML-Dokument mit erfolgen. Erstellen Sie 3 gepaarte Tags ;. Wir werden Ajax.js, Bootstrap 4 und das JQuery-Plugin selbst verbinden.

Um Bootstrap korrekt zu verbinden, müssen Sie auch das Tag verwenden; in seinem href-Attribut geben wir einen Link zu unserem Framework an. Es enthält einen Link zu den Stilen, die das Plugin enthält.

Wir haben also alles Notwendige für die Arbeit angeschlossen. Es bleibt nur noch die Anbindung des Plugins zum Erstellen der Paginierung – Buzina Pagination. Um es zu erstellen, erstellen wir auch Tags. In den Attributen „href“ und „src“ tragen wir den gleichen Link ein.

Die Plugins Buzina Pagination und Bootstrap enthalten neben Skripten auch die notwendigen Stile. Wir verbinden sie über das Tag ;. Denken Sie daran: Selbst wenn Sie über gute CSS-Kenntnisse verfügen, empfehlen wir Ihnen nicht, die Plugin-Einstellungen zu ändern. Nur zum Spaß können Sie sie in einem Code-Editor öffnen und anzeigen, aber achten Sie darauf, zuerst die Originalversion des Codes zu speichern.

Ihr HTML-Dokument sollte den folgenden Code enthalten:

XHTML

Paginierung für die Site mit jQuery: Bootstrap 4 .container ( margin: 150px auto; )

Paginierung für die Site mit jQuery: Bootstrap 4 Container (Rand: 150px automatisch;)

Seitenlayout. HTML

In all unseren Artikeln haben wir uns mit der Erstellung einer HTML-Seite befasst. In diesem Beispiel erstellen wir mehrere auf einmal in einem Dokument. Eine Platzierung auf anderen Links erfolgt jedoch nicht, der Zugriff erfolgt erst durch Anklicken des Buttons. Wir werden für jede Seite einen separaten Block erstellen.

In unserem Beispiel erstellen wir insgesamt 5 Seiten. Erstellen Sie für jeden von ihnen ein separates Div. Sie können zur visuellen Anzeige Text hineinschreiben. Wenn Sie möchten, können Sie 10, 20 und 30 Seiten erstellen.

Sie benötigen keine Klassen oder Bezeichner, um mit ihnen zu arbeiten. Die Hauptsache ist, dass sich alle diese Seiten innerhalb des Hauptblocks mit der Beispielklasse befinden.

JQuery-Funktionen

Sie müssen mehrere Funktionen verbinden:

Abschluss

Wir haben die Paginierung fertig erstellt. Was haben wir am Ende bekommen? Wir haben eine gut gestaltete Navigation, die perfekt zu Ihrer Website passt. Fügen Sie ein paar Elemente hinzu und Sie können es an Ihre Seiten anpassen.

Sie können die Skripte nach Belieben ändern, allerdings nur, wenn Sie sich gut mit JavaScript auskennen. Die Hauptsache ist, die Werte von Skripten und Plugin-Stilen nicht zu ändern.

Diese Paginierung hat einen großen Vorteil – die Benutzerfreundlichkeit. Der Benutzer muss keine zusätzlichen Links laden, um zwischen den Seiten zu navigieren.

Darüber hinaus wird die Optimierung aufgrund der geringen Anzahl verwendeter Skripte nicht wesentlich beeinträchtigt.

Stichworte:

Wir haben ein neues Buch veröffentlicht: Social Media Content Marketing: Wie Sie in die Köpfe Ihrer Follower gelangen und sie dazu bringen, sich in Ihre Marke zu verlieben.

Bei der Paginierung auf einer Website handelt es sich um einen Navigationslinkblock, der Benutzern die Navigation und Anzeige von Produktartikeln, Katalogseiten, Veröffentlichungen usw. erleichtert.

.

Weitere Videos auf unserem Kanal – Internetmarketing lernen mit SEMANTICA

Paginierung ist eine Anzeigebeschränkung, die dazu dient, große Datenmengen in separate Webseiten aufzuteilen.

Um zu verstehen, was Paginierung ist, schauen wir uns eine einfache Analogie an. Wenn wir Nachschlagewerke oder einen gedruckten Katalog verwenden, achten wir darauf, dass die darin enthaltenen Informationen in geordneter Weise präsentiert werden. Produktartikel oder Fachinformationen werden nicht als umfassende Liste dargestellt. Dadurch ist es einfacher, die Publikation zu nutzen und schnell zu finden, was Sie brauchen. Paginierung löst ähnliche Probleme: die Anzeige von Produkten zu vereinfachen und bequemer zu machen.

Heutzutage gibt es verschiedene Arten der Paginierung:

• Direkte Nummerierung („1“, „2“, „3“...).
• Direkte Linie, die Positionen in der Liste angibt („1-10“, „10-20“ ...).
• Umkehren mit Positionen („40-30“, „30-20“, „20-10“ ...).

Warum ist eine Paginierung erforderlich?

Heutzutage verwenden führende Online-Shops Paginierung. Es vereinfacht die Nutzung der Website erheblich. Stellen Sie sich vor, dass das gesamte Sortiment, mehrere tausend Produkte, auf einer Seite angezeigt wird. Dies ist auf jeden Fall möglich, da eine Internetseite grenzenlos ist, was man von einer Papierseite nicht behaupten kann. Wir dürfen jedoch nicht vergessen, dass die Verbindungsgeschwindigkeit begrenzt ist. Daher gilt: Je mehr Produktelemente auf der Seite vorhanden sind, desto länger dauert das Laden.

Daher wird die Seitennavigation verwendet, um die Benutzerfreundlichkeit der Website zu verbessern und die Seitenladegeschwindigkeit zu erhöhen.

So führen Sie eine Paginierung durch

Schauen wir uns an, wie man eine Paginierung in der Skriptsprache PHP durchführt, da diese heutzutage am häufigsten für die Entwicklung von Webanwendungen verwendet wird.

Wir haben also viele Inhalte (Liste der Produktartikel, verschiedene Notizen usw.). Wir müssen es für eine bequeme Präsentation auf den Seiten der Website organisieren, das heißt, es aufteilen.

Zuerst legen wir fest, wie viele Seiten wir haben werden, wie viele davon in der Paginierung angezeigt werden und welche die aktuelle ist. Nehmen wir 45 Seiten, nehmen wir die aktuelle mit $_GET“ (ist sie nicht vorhanden, ist sie gleich 1). Die Anzahl der in der Paginierung angezeigten Seiten bleibt flexibel, um die Anzahl der Links rechts und links anzupassen links vom aktuellen.

Wir haben die Daten selbst registriert, beginnen wir mit der Entwicklung der Paginierung. Es wird mithilfe einer speziellen Funktion implementiert – makePage, die durch 4 Parameter angegeben wird: $iCurr (aktuelle Seite), $iLastPage (letzte Seite), $iLeftLimit (linke Grenze), $iRightLimit (rechte Grenze).

Schreiben wir den Code:

Die Ausgabe könnte so aussehen:

Schauen wir uns den geschriebenen Code an. Am einfachsten ist es, wenn wir uns in der Mitte befinden (z. B. auf Seite 8) und die Seiten rechts und links frei angezeigt werden.

Wenn wir am Anfang stehen, verwenden wir anderen Code:

In diesem Fall ist $iSlice die Anzahl der Elemente, die nicht auf der linken Seite angezeigt werden, sondern auf der rechten Seite hinzugefügt werden müssen.
Und die letzte Option. Stellen wir uns vor, wir sind am Ende der Paginierung angelangt. Schreiben wir einen weiteren Code:

Das ist alles.

Probleme mit der SEO-Paginierung

Wie Sie herausgefunden haben, ist die Paginierung für die Benutzerfreundlichkeit einer Ressource immer ein großes Plus. Doch für eine erfolgreiche SEO-Werbung kann die Paginierung zum Hindernis werden. Eine korrekte Paginierung ist erforderlich, da die Ressource sonst Gefahr läuft, Positionen in den Suchmaschinenergebnissen zu verlieren:

• Suchmaschinen können Strafen für die Wiederholung von Inhalten verhängen.
• Die Indexierung von Produktelementen dauert lange und ist über die Suche nur schwer oder gar nicht zu finden.

Der Suchmaschinenroboter ist für eine begrenzte Zeit auf der Website verfügbar. Stellen wir uns vor, der Bot betritt einen Online-Shop für Herrenbekleidung, in dem jede Seite 30 bis 40 Positionen enthält. Der Unterschied zwischen den Positionen besteht nur in den Namen der Marken. Möglicherweise erreicht der Roboter einfach nicht die gewünschte Position, weil er sich auf der unteren Ebene befindet. Der Besitzer einer Internetressource benötigt jedoch das Gegenteil, damit die Seiten indiziert werden.

Wenn wir über sich wiederholende Inhalte sprechen, ist die Haltung der Suchmaschinen dazu stark negativ. Die Erklärung ist einfach: Jede Seite muss relevanten Inhalt haben. Wenn der Inhalt ähnlich ist, beispielsweise die Produktliste + Beschreibungen von Gruppen gleich oder ähnlich sind, ist es für die Suchmaschine schwierig, aus den angezeigten Seiten die relevante Seite zu ermitteln. Die Bedeutung der Seiten ist verstreut und geht verloren Die Hauptseite hebt sich nicht mehr vom Rest ab. Infolgedessen verliert die Website an Position in den Suchmaschinenergebnissen.

SEO und Paginierung

Unsere Aufgabe ist es, die Paginierung so zu gestalten, dass sie im schlimmsten Fall der Suchmaschinenoptimierung keinen Schaden zufügt und im besten Fall die Position der Website in den Suchmaschinenergebnissen verbessert. Dafür gibt es mehrere Möglichkeiten.

Schließen Sie die Paginierung zur Indexierung

Viele Leute fragen sich, wie man die Indexierung von Paginierungsseiten blockieren kann. Hierfür gibt es mehrere Lösungen.

• Verwenden Sie das NOINDEX-Meta-Tag.

Hier fügen wir im „Kopf“-Abschnitt jeder Seite, außer der ersten, die Zeile ein: . Daher erlauben wir dem Roboter nicht, diese Seite zu indizieren, erlauben ihm jedoch, ihren Links zu folgen.

Hier ist es wichtig, die XML-Ressourcenkarte zu erarbeiten. Wenn die Ressourcenseiten dynamisch sind, also Filter verwendet werden können, sollte der Link der ersten Webseite so aussehen: Domainname/Katalog. Von den Seiten „Domainname/Katalog?page=1“ führen wir eine 301-Weiterleitung zur Webseite „Domainname/Katalog“ durch.

Es ist wichtig, eine Reihe von Nuancen zu berücksichtigen. Der NOINDEX-Tag wird vom Index akzeptiert, aber von Google nicht gelesen. Wenn die Site über eine beeindruckende Anzahl dynamischer Seiten verfügt, müssen Sie für jede davon NOINDEX registrieren. Alle Inhalte sind von der Paginierung ausgeschlossen, mit Ausnahme des Inhalts der ersten Seite.

• Verwenden Sie die robots.txt-Datei.

Paginierungsseiten haben einen bestimmten Typ „Typ http://Domänenname/Kategorie/Seite/n“, wobei n die Anzahl der Seiten ist. Es ist notwendig, robots.txt zu registrieren und ihm einen bestimmten Befehl zuzuweisen: „Disallow: /category/page“. Diese Methode ist universell und für alle Suchmaschinen geeignet. Der Vorbehalt bleibt jedoch bestehen: Alle Inhalte der Paginierungsseiten, mit Ausnahme des Inhalts der ersten Seite, werden ausgeschlossen.

Verwenden Sie die Seite „Alle anzeigen“ und das CANONICAL-Tag

Der Punkt ist folgender: Es wird eine Webseite erstellt, auf der alle verfügbaren Produkte angezeigt werden. Für Suchmaschinen wird diese Seite durch das CANONICAL-Tag als kanonisch gekennzeichnet.

Auch hier gibt es einige Nuancen: Bei vielen Produkten dauert das Laden einer solchen Seite lange. Der Tag wird jedoch von allen Suchmaschinen erkannt (Google betrachtet ihn als Priorität) und der Inhalt wird vollständig indiziert.

Es gibt auch Nachteile: Es gibt Einschränkungen hinsichtlich der Menge und Qualität der Inhalte und bei einer großen Anzahl von Produktpositionen und Filtern ist es notwendig, CANONICAL für jede dynamische Seite zu registrieren.

In diesem Artikel habe ich darüber gesprochen, wie man einen Datensatz aus einer Datenbanktabelle erhält, der der vom Benutzer ausgewählten Seite entspricht. Im selben Artikel analysieren wir die Ausgabe der Paginierung in PHP. Die Paginierung ist eine Liste der Seiten selbst. Es gibt verschiedene Optionen im Internet, aber eines haben sie alle: eine riesige Menge Code, um unendlich viele Optionen zu erstellen. Aber braucht man wirklich Unendlichkeit? Sie benötigen nur eine Option, die auf der Website verfügbar sein wird. In diesem Artikel werden wir eine relativ komplexe Paginierung erstellen, aber es wird überhaupt nicht viel Code geben.

Um eine Paginierung in PHP zu erstellen, benötigen wir mehrere Parameter als Eingabe:

• count_pages – Anzahl der Seiten.
• aktiv – aktuell aktive Seite.
• count_show_pages – Anzahl der anzuzeigenden Seiten. Wenn es beispielsweise 1000 Seiten gibt, wird es sehr problematisch sein, sie alle anzuzeigen. Daher wird in diesem Parameter nur die angegebene Menge angezeigt.
• URL – die Adresse der Seite, für die die Paginierung erstellt wird.
• url_page – Adresse der Seite mit dem Seitenparameter ohne Wert am Ende. Beispiel: „/abc.php?func=create&page=“.

Jetzt können wir eine Paginierung erstellen. So sieht sie in PHP aus:

Seiten: