Ecommerce

Paginierung, inkrementelles Laden von Seiten und deren Auswirkungen auf die Google Suche

Sie können die Nutzererfahrung auf Ihrer Website verbessern, indem Sie eine Teilmenge der Ergebnisse anzeigen, um die Seitenleistung zu optimieren. Möglicherweise müssen Sie jedoch Maßnahmen ergreifen, um sicherzustellen, dass der Google-Crawler alle Ihre Website-Inhalte finden kann.

Sie können beispielsweise eine Teilmenge der verfügbaren Produkte als Reaktion auf einen Nutzer anzeigen, der das Suchfeld auf Ihrer E-Commerce-Website verwendet – die vollständige Liste der Übereinstimmungen ist möglicherweise zu groß, um sie auf einer einzigen Webseite anzuzeigen, oder das Abrufen dauert zu lange.

Über die Suchergebnisse hinaus können Sie auf Ihrer E-Commerce-Website Teilergebnisse laden für:

  • Kategorieseiten, auf denen alle Produkte einer Kategorie angezeigt werden
  • Blogbeiträge oder Newsletter-Titel, die eine Website im Laufe der Zeit veröffentlicht hat
  • Nutzerbewertungen auf einer Produktseite
  • Kommentare zu einem Blogbeitrag

Dass Ihre Website Inhalte als Reaktion auf Nutzeraktionen inkrementell lädt, kann Ihren Nutzern durch Folgendes zugutekommen:

  • Verbesserung der Nutzererfahrung, da das anfängliche Laden der Seite schneller ist als das gleichzeitige Laden aller Ergebnisse.
  • Reduzierung des Netzwerkverkehrs, was besonders für mobile Geräte wichtig ist.
  • Verbesserung der Backend-Leistung durch Reduzierung des Datenvolumens, das aus Datenbanken oder Ähnlichem abgerufen wird.
  • Verbesserung der Zuverlässigkeit durch Vermeidung übermäßig langer Listen, die zu Ressourcenbeschränkungen führen und Fehler im Browser und in Backend-Systemen verursachen können.

Auswahl des besten UX-Musters für Ihre Website

Um eine Teilmenge einer größeren Liste anzuzeigen, können Sie zwischen verschiedenen UX-Mustern wählen:

  • Paginierung: Hier kann ein Nutzer Links wie “weiter”, “zurück” und Seitenzahlen verwenden, um zwischen Seiten zu navigieren, die jeweils eine Seite mit Ergebnissen anzeigen.
  • Mehr laden: Schaltflächen, auf die ein Nutzer klicken kann, um eine anfängliche Menge angezeigter Ergebnisse zu erweitern.
  • Unendliches Scrollen: Hier kann ein Nutzer bis zum Ende der Seite scrollen, um das Laden weiterer Inhalte zu bewirken. (Erfahren Sie mehr über
    suchfreundliche Empfehlungen für unendliches Scrollen.)

Typical pagination, load more, and infinite scroll patterns for mobile devices

Berücksichtigen Sie die folgende Tabelle bei der Auswahl der am besten geeigneten Nutzererfahrung für Ihre Website.

UX-Muster
Paginierung

Vorteile:

  • Gibt Nutzern Einblick in die Ergebnisgröße und die aktuelle Position

Nachteile:

  • Komplexere Steuerelemente für Nutzer, um durch Ergebnisse zu navigieren
  • Inhalte sind auf mehrere Seiten verteilt, anstatt eine einzige fortlaufende Liste zu sein
  • Das Anzeigen von mehr erfordert neue Seitenladevorgänge
Mehr laden

Vorteile:

  • Verwendet eine einzige Seite für alle Inhalte
  • Kann den Nutzer über die Gesamtgröße der Ergebnisse informieren (auf oder in der Nähe der Schaltfläche)

Nachteile:

  • Kann nicht mit sehr großen Ergebnismengen umgehen, da alle Ergebnisse auf einer einzigen Webseite enthalten sind
Unendliches Scrollen

Vorteile:

  • Verwendet eine einzige Seite für alle Inhalte
  • Intuitiv – der Nutzer scrollt einfach weiter, um mehr Inhalte anzuzeigen

Nachteile:

  • Kann aufgrund unklarer Ergebnisgröße zu “Scroll-Müdigkeit” führen
  • Kann nicht mit sehr großen Ergebnismengen umgehen

Wie Google die verschiedenen Strategien indexiert

Sobald Sie die am besten geeignete UX-Strategie für Ihre Website und SEO ausgewählt haben, stellen Sie sicher, dass der Google-Crawler alle Ihre Inhalte finden kann.

Sie können beispielsweise Paginierung implementieren, indem Sie Links zu neuen Seiten auf Ihrer E-Commerce-Website verwenden oder JavaScript verwenden, um die aktuelle Seite zu aktualisieren. “Mehr laden”-Funktionen und unendliches Scrollen werden im Allgemeinen mit JavaScript implementiert. Beim Crawlen einer Website, um Seiten für die Indexierung zu finden, crawlt Google im Allgemeinen URLs, die im href Attribut von
<a> Elementen gefunden werden. Google-Crawler “klicken” nicht auf Schaltflächen und lösen im Allgemeinen keine JavaScript-Funktionen aus, die Nutzeraktionen erfordern, um den aktuellen Seiteninhalt zu aktualisieren.

Wenn Ihre Website JavaScript verwendet, befolgen Sie diese
JavaScript SEO Best Practices. Berücksichtigen Sie zusätzlich zu den Best Practices, wie z. B. sicherzustellen, dass Links auf Ihrer Website crawlbar sind, die Verwendung einer
Sitemap
Datei oder eines
Google Merchant Center Feeds
, um Google dabei zu helfen, alle Produkte auf Ihrer Website zu finden.

Best Practices bei der Implementierung von Paginierung

Um sicherzustellen, dass Google Ihre paginierten Inhalte crawlen und indexieren kann, befolgen Sie diese Best Practices:

Seiten sequenziell verlinken

Um sicherzustellen, dass Suchmaschinen die Beziehung zwischen Seiten paginierter Inhalte verstehen, fügen Sie Links von jeder Seite zur folgenden Seite mit <a href> Tags hinzu. Dies kann Googlebot (dem Google-Webcrawler) helfen, nachfolgende Seiten zu finden.

Example of paginated search results

Erwägen Sie außerdem, von allen einzelnen Seiten einer Sammlung zurück zur ersten Seite der Sammlung zu verlinken, um Google den Anfang der Sammlung hervorzuheben. Dies kann Google einen Hinweis darauf geben, dass die erste Seite einer Sammlung eine bessere Landingpage sein könnte als andere Seiten in der Sammlung.

URLs korrekt verwenden

  • Geben Sie jeder Seite eine eindeutige URL. Fügen Sie beispielsweise einen ?page=n Abfrageparameter hinzu, da URLs in einer paginierten Sequenz von Google als separate Seiten behandelt werden.
  • Verwenden Sie nicht die erste Seite einer paginierten Sequenz als kanonische Seite. Geben Sie stattdessen jeder Seite ihre eigene
    kanonische URL.
  • . Verwenden Sie keine URL-Fragment-Identifikatoren (den Text nach einem # in einer URL) für Seitenzahlen in einer Sammlung. Google ignoriert Fragment-Identifikatoren. Wenn Googlebot eine URL zur nächsten Seite sieht, die sich nur durch den Text nach dem #, folgt es dem Link möglicherweise nicht, da es davon ausgeht, die Seite bereits abgerufen zu haben.
  • Erwägen Sie die Verwendung von
    preload, preconnect oder prefetch

    , um die Leistung für einen Benutzer zu optimieren, der zur nächsten Seite wechselt.

Vermeiden Sie die Indizierung von URLs mit Filtern oder alternativen Sortierreihenfolgen

Sie können sich dafür entscheiden, Filter oder verschiedene Sortierreihenfolgen für lange Ergebnislisten auf Ihrer Website zu unterstützen. Sie können beispielsweise ?order=price in URLs unterstützen, um dieselbe Ergebnisliste, sortiert nach Preis, zurückzugeben.

Um die Indizierung von Variationen derselben Ergebnisliste zu vermeiden, blockieren Sie unerwünschte URLs von der Indizierung mit dem
noindex robots meta Schlagwort
oder verhindern Sie das Crawlen bestimmter
URL-Muster mit einer robots.txt-Datei.

Alien Road

So setzen wir das um

Infinite scroll and load-more patterns are the most common reason a client’s product pages are missing from the index. We test how each pagination pattern renders without JavaScript before approving it for a catalogue.

Verwandte Leistungen

Teilen