Blog

Paginierung vs. Infinite Scroll bei PrestaShop: Die Abwägung zwischen SEO und UX

Das PrestaShopAddons-Team 8 Minuten Lesezeit
Paginierung vs. unendliches Scrollen in PrestaShop – Vergleich der Kompromisse zwischen SEO und UX

Jede PrestaShop-Filiale mit einem umfangreichen Sortiment steht irgendwann vor derselben Frage: klassische Paginierung (/category/page-2) oder unendliches Scrollen, bei dem weitere Artikel geladen werden, während die Kunden stöbern? Die Antwort ist wichtiger, als den meisten Shop-Betreibern bewusst ist – sie wirkt sich auf organische Rankings, die Konversionsrate auf Mobilgeräten, die Erinnerung der Kunden an das Gesehene und das Verhalten beim Klicken auf die Zurück-Schaltfläche aus.

Kurzfassung: Beides kann funktionieren, allerdings nur, wenn es korrekt umgesetzt wird.. Hier finden Sie den direkten Vergleich, die Aufklärung des SEO-Mythos und die Entscheidungshilfe für PrestaShop-Shops im Jahr 2026.

Wie die einzelnen Funktionen tatsächlich funktionieren

Klassische Paginierung

  1. Dem Nutzer werden 24–36 Produkte angezeigt, unten befindet sich der Link “Nächste Seite”
  2. Klicken Sie auf → „Seite neu laden“, um ?page=2
  3. Neue Produktansichten, Seite wird an den Anfang zurückgesetzt
  4. Änderungen an der URL → kann als Lesezeichen gespeichert und geteilt werden, die Zurück-Schaltfläche funktioniert

Vorhersehbar, Google-freundlich, aber jedes Neuladen der Seite stellt eine Unterbrechung der Benutzererfahrung dar.

Unendliches Scrollen

  1. Der Benutzer scrollt zum Ende der sichtbaren Produkte
  2. JavaScript erkennt das Ende und löst eine AJAX-Anfrage für den nächsten Stapel aus
  3. Produkte werden an das Ende der Seite angehängt; kein Neuladen, kein Zurücksetzen des Bildlaufs
  4. (Bei korrekter Implementierung) URL-Aktualisierungen über die History-API: /category#page-2 oder /category?page=2

Eine flüssigere Benutzererfahrung, aber jede Abkürzung hat ihre Vor- und Nachteile – darauf gehen wir weiter unten ein.

Schaltfläche „Mehr laden“ (die Hybridvariante)

Eine dritte Option, die schon frühzeitig erwähnenswert ist: eine sichtbare Schaltfläche “Mehr laden”, auf die der Nutzer explizit klickt, um den nächsten Datensatz abzurufen. Technisch gesehen handelt es sich um eine AJAX-ähnliche Endlos-Scroll-Funktion, die jedoch vom Nutzer ausgelöst wird. Sie löst die meisten Probleme des automatischen Scrollens und bewahrt gleichzeitig den Vorteil, dass keine vollständige Neuladung erforderlich ist. Einen vollständigen Vergleich finden Sie in „Mehr laden“ vs. „Automatisches Laden“.

Ein direkter Vergleich in 6 entscheidenden Bereichen

1. SEO (Kategorienranking)

Hier halten sich die größten Mythen. Die Realität:

  • Paginierung: Standardmäßig SEO-konform. Googlebot folgt paginierten URLs und indexiert jede Seite, sofern sie crawlbar ist. Verwenden Sie <link rel="canonical"> Von Seite 2+ auf Seite 1 verweisen oder jede paginierte Seite selbst kanonisieren lassen (beide Ansätze funktionieren im Jahr 2026).
  • Unendliches Scrollen: SEO-konform nur wenn Aktualisierte URLs (über die History-API) und paginierte Varianten sind crawlbar. Ohne diese Funktion sieht Googlebot nur Seite 1 und gelangt nie zu den darüber hinausgehenden Produkten – eine Katastrophe für umfangreiche Kataloge.
  • Schaltfläche „Mehr laden“: Beides ist möglich. Wenn man auf „URL aktualisieren“ klickt (/category?page=2), ist dies SEO-konform. Wenn Produkte lediglich ohne Änderung der URL an das DOM angehängt werden, sind sie für den Googlebot nach dem ersten Laden praktisch unsichtbar.

Die entscheidende Frage: Kann Googlebot allein über eine URL auf Produkte auf Seite 2, 3 und 4 zugreifen? Wenn ja, ist alles in Ordnung. Wenn nein, ist Ihr „Long Tail“ an Produkten für die Suche unsichtbar.

2. Benutzererfahrung (Ablauf + Erinnerung)

Eine Studie der Nielsen Norman Group (die nach wie vor weithin als die maßgebliche Studie zum Thema „Infinite Scroll“ zitiert wird):

  • „Infinite Scroll“ gewinnt zum explorativen Stöbern (Inhalte im Feed-Stil, bei denen die Nutzer kein konkretes Ziel vor Augen haben)
  • Die Paginierung gewinnt wenn Nutzer verschiedene Optionen vergleichen oder sich einen Überblick darüber verschaffen möchten, “wie viel es gibt”
  • Nutzer können sich die Paginierung besser merken — die Seitenzahl dient als Gedächtnisanker (“das Produkt war auf Seite 3”)

Speziell im E-Commerce befinden sich die meisten Käufer in Suchmodus anstatt Zuführmodus. Sie wollen die Auswahl eingrenzen und nicht endlos stöbern. Das relativiert die Annahme, dass “unendliches Scrollen = bessere Benutzererfahrung” gilt.

3. Mobile Nutzung

Hier hat das unendliche Scrollen einen klaren Vorteil. Mobile Nutzer scrollen ganz natürlich; ein “Nächste Seite”-Link am unteren Rand erfordert präzises Antippen und führt zu einem störenden Neuladen der Seite. Bei langsamer 4G-Verbindung bedeutet ein Neuladen 2 bis 4 Sekunden leeren Bildschirm.

Die Schaltfläche „Mehr laden“ bietet einen Mittelweg – kein Neuladen der Seite, aber eine explizite Benutzeraktion.

4. Leistung (Seitengröße + Core Web Vitals)

Ein Ergebnis, das der Intuition widerspricht: Infinite Scroll kann sich negativ auf die Core Web Vitals auswirken wenn dies nicht sorgfältig umgesetzt wird.

  • Die Anfangsmenge ist identisch (beide beginnen mit 24–36 Produkten)
  • Während beim „Infinite Scroll“ weitere Inhalte geladen werden, wächst die Seite – schließlich auf Tausende von DOM-Knoten
  • Der Speicherverbrauch steigt, die Layout-Berechnungen werden langsamer und das Scrollen läuft auf Mittelklasse-Smartphones ruckelig.
  • Die Metrik “Interaction to Next Paint” (INP), die im Jahr 2024 den FID abgelöst hat, reagiert besonders empfindlich auf ein überladenes DOM.

Lösungen: Windowing/Virtualisierung (nur 50–100 Produkte im DOM behalten und beim Wegscrollen des Nutzers austauschen) oder Reinigung pro Charge (Bilder, die weit über den Sichtbereich hinausragen, entfernen).

Die Schaltfläche „Mehr laden“ wird elegant gestoppt – der Benutzer muss immer wieder darauf klicken, sodass das Wachstum des DOM vom Benutzer gesteuert wird.

5. Barrierefreiheit

Das “Infinite Scroll”-Verfahren ist standardmäßig für Nutzer von Tastaturen und Screenreadern ungeeignet. Wenn beim Scrollen neue Produkte geladen werden, bleibt der Fokus an der bisherigen Position, und es erfolgt keine Ansage, dass sich der Inhalt geändert hat. Nutzer von Screenreadern erreichen möglicherweise nie den Auslöser „Mehr laden“.

Die Paginierung ist standardmäßig barrierefrei – Standard-Link, Standard-Fokusverhalten.

Gute Implementierungen des Infinite-Scroll-Effekts bieten aria-live="polite" Bereiche, in denen die Meldung “20 weitere Produkte geladen” angezeigt wird und die Links zum Überspringen zur Navigation enthalten. Schlechte Module (die meisten Standard-PrestaShop-Module) tun dies nicht.

6. Analytik (Erfassung dessen, was Nutzer sehen)

Die Paginierung erzeugt saubere Seitenaufrufe pro Seite. Ihre Trichteranalyse in Google Analytics 4 berücksichtigt ?page=2 als eigenständigen Seitenaufruf.

Für das “Infinite Scroll” ist eine explizite Nachverfolgung erforderlich – jedes Mal, wenn ein Batch geladen wird, muss ein benutzerdefiniertes Ereignis ausgelöst werden. Standardmäßige PrestaShop-Module für „Infinite Scroll“ lassen dies oft außer Acht, sodass in den Analysedaten alle Besucher als „nur Seite 1 aufrufend“ angezeigt werden, obwohl die meisten tatsächlich bis Seite 5–6 gescrollt haben.

Die Schaltfläche „Mehr laden“ lässt sich am einfachsten nachverfolgen – Klick auf die Schaltfläche = Ereignis.

Der SEO-Mythos – “Infinite Scroll ruiniert die Platzierungen”

Diese Überzeugung hält sich hartnäckig, weil mangelhaft umgesetzt Infinite Scroll beeinträchtigt tatsächlich das Ranking. Insbesondere solche Implementierungen, die:

  • Ändere die URL nicht
  • Geben Sie keine paginierten Fallback-URLs an
  • Verwende nicht pushState damit jede “Seite” als Lesezeichen gespeichert werden kann
  • Nicht hinzufügen rel="next"/"prev" oder gleichwertige strukturierte Hinweise

Gut umgesetztes „Infinite Scroll“ – zum Beispiel eines, das die URL nahtlos aktualisiert auf ?page=N während der Nutzer scrollt und gleichzeitig eine übersichtliche, paginierte Version an Googlebot übermittelt – ist genauso SEO-konform wie die klassische Paginierung. Dies geht aus den Leitlinien von Google selbst hervor, die dies bereits seit 2019 und erneut im Jahr 2023 bestätigen (John Mueller hat dies mehrfach in Videos auf Google Search Central erwähnt).

Die Infinite Scroll-Modul Auf dieser Website wird der SEO-konforme Ansatz verfolgt: Die ursprüngliche Paginierung von PrestaShop bleibt im HTML-Code erhalten (für Nutzer per CSS ausgeblendet), sodass Googlebot die Seite crawlen kann ?page=2, ?page=3 URLs direkt, bietet aber auch einen per Schaltfläche auslösbaren Modus als Alternative zum automatischen Scrollen.

Wenn die Paginierung überzeugt

  • Kataloge mit weniger als 200 Produkten (bei dieser Größenordnung wirkt die Paginierung natürlich)
  • Kategorien, in denen häufig verglichen wird (Nutzer möchten “alle sichtbar” haben, nicht “im Stream”)
  • Das veraltete PrestaShop-Theme lässt sich nicht sicher anpassen
  • Sehr einfache Shops mit minimalen Entwicklungskapazitäten

Wenn das unendliche Scrollen gewinnt

  • Umfangreiche Kataloge (mehr als 500 Produkte pro Kategorie)
  • Mobilgeräte-dominanter Datenverkehr (70%+ an Geschäften im Jahr 2026)
  • Visuelle Kategorien (Mode, Wohnkultur, Design), in denen der Käufer schnell viele Optionen sehen möchte
  • Sie verfügen über die technischen Fähigkeiten, dies ordnungsgemäß umzusetzen (URL-Aktualisierungen, Fallback, Analysen)

Wenn „Load-More“ gewinnt

  • Du möchtest das Beste aus beiden Welten
  • Analytik und SEO haben hohe Priorität
  • Barrierefreiheit ist wichtig (Einhaltung der A11y-Richtlinien, öffentlicher Sektor, Unternehmenskunden)
  • Sie haben einen Katalog mit unterschiedlichen Größen und möchten eine Lösung, die überall funktioniert

Implementierungsoptionen in PrestaShop

Option 1: Standard-Paginierung (keine Änderung)

Funktioniert, SEO-konform, mittelmäßige Benutzererfahrung. Akzeptabler Ausgangspunkt. Es muss nichts installiert oder konfiguriert werden.

Option 2: AJAX-Paginierung auf Theme-Ebene

Passen Sie Ihr Theme so an, dass Klicks auf “Nächste Seite” abgefangen und per AJAX abgerufen werden. Funktioniert, ist jedoch bei Theme-Updates anfällig. Erfordert PHP- und JS-Kenntnisse.

Option 3: Spezielles Modul für unendliches Scrollen

Installieren Sie ein Modul, das das Laden per AJAX und optional eine durch eine Schaltfläche ausgelöste Variante unterstützt. Das Infinite Scroll-Modul ist genau dafür ausgelegt – SEO-konform (behält crawlbare Paginierungs-HTML-Code als Fallback bei), konfigurierbarer Auto-Scroll- oder Schaltflächenmodus, kompatibel mit PrestaShop 1.7 und 8.x, schlankes Frontend.

Häufig gestellte Fragen

Crawlt Google wirklich Inhalte, die über JavaScript geladen werden?

Ja – seit 2019 rendert Googlebot Seiten vor der Indizierung mit einer aktuellen Chromium-Engine. Aber Es scrollt nicht und löst auch keine Ereignisse automatisch aus.. Daher werden Inhalte, die erst beim Scrollen geladen werden (ohne dass eine URL darauf verweist), möglicherweise nie indexiert. Die Lösung lautet immer: “URLs bereitstellen” (oder die weniger zuverlässige Variante: “ein vom Server gerendertes Fallback für Crawler bereitstellen”).

Sollte ich auf paginierten Seiten die Attribute ”rel=”next”” und „rel=“prev““ verwenden?

Google hat bereits 2019 erklärt, dass diese Faktoren nicht mehr für das Ranking herangezogen werden. Sie schaden jedoch nicht, da einige andere Suchmaschinen sie möglicherweise nutzen und sie bestimmten SEO-Tools dabei helfen, paginierte Seiten korrekt zu gruppieren. Es ist unbedenklich, sie beizubehalten; sie speziell für das Google-Ranking hinzuzufügen, ist jedoch nicht notwendig.

Wie wirkt sich das unendliche Scrollen auf Warenkorbabbrüche aus?

Indirekt. Durch das „Infinite Scrolling“ verweilen Nutzer länger auf der Kategorieseite, was den Besuch der Produktseite verzögern kann. Andererseits erleichtert es die Entdeckung weiterer Produkte, was zu mehr Warenkorb-Hinzufügungen führt. Die Nettoauswirkung ist in der Regel positiv, wenn Ihr „In den Warenkorb“-Prozess schnelle Hinzufügungen gut bewältigt – siehe PrestaShop-Leitfaden zum Thema Warenkorbabbrüche.

Wie sieht es mit Google Discover und den Kategorieseiten aus?

Kategorieseiten tauchen selten in Google Discover auf (das einzelne Inhalte bevorzugt). Wenn Sie jedoch Kategoriebeschreibungen als redaktionelle Inhalte veröffentlichen (Geschenkideen, saisonale Übersichten), können diese hybriden Seiten in Discover an Sichtbarkeit gewinnen.

Woher weiß ich, ob mein derzeitiges „Infinite Scroll“-Feature der Suchmaschinenoptimierung schadet?

Drei kurze Überprüfungen:

  1. Rufen Sie die URL Ihrer Kategorie im Inkognito-Modus auf: Ändert sich die URL, wenn Sie über Seite 1 hinausscrollen? Falls nein, ist dies SEO-unfreundlich.
  2. Versuche es ?page=2 Manuell: Wird die Seite korrekt mit den richtigen Produkten geladen? Falls nicht, ist sie SEO-unfreundlich.
  3. Überprüfen Sie in der Google Search Console den Bericht “Erfassung” für Ihre Kategorie. Wenn URLs ab Seite 2 nicht als indiziert aufgeführt sind, werden Sie von Google nicht erfasst.

Fazit

Für die meisten PrestaShop-Filialen im Jahr 2026 lautet die empfohlene Vorgehensweise:

  • Kleiner Katalog (weniger als 200 Produkte pro Kategorie): Standard-Paginierung beibehalten
  • Mittlerer Katalog (200–1000 Produkte pro Kategorie): „Mehr laden“-Schaltfläche mit URL-Aktualisierungen
  • Umfangreicher Katalog (über 1.000 Produkte pro Kategorie): SEO-freundliches Infinite Scrolling (History-API) oder Hybrid

Alle drei können mit hervorragender Suchmaschinenoptimierung (SEO) einhergehen – erst die Umsetzung entscheidet darüber, ob sie “helfen” oder “schaden”. Der vollständige Kontext zur Optimierung von Kategorieseiten im Leitfaden zur Optimierung der Kategorieseite „PrestaShop“.