Suchmaschinenfreundliche Empfehlungen für Unendlich-Scrollen (Infinite Scroll)

Donnerstag, 13. Februar 2014

Der News-Feed oder das Pinboard Ihrer Website verwendet möglicherweise
Infinite Scroll—sehr zur Freude Ihrer Nutzer! Wenn es jedoch darum geht, den Googlebot zu erfreuen, kann das eine ganz andere Geschichte sein. Bei Infinite Scroll können Crawler manuelles Nutzerverhalten nicht immer emulieren – wie das Scrollen oder Klicken auf eine Schaltfläche zum Laden weiterer Elemente –, sodass sie nicht immer auf alle einzelnen Elemente im Feed oder in der Galerie zugreifen können. Wenn Crawler nicht auf Ihre Inhalte zugreifen können, tauchen diese wahrscheinlich auch nicht in den Suchergebnissen auf.

Um sicherzustellen, dass Suchmaschinen einzelne Elemente crawlen können, die von einer Infinite-Scroll-Seite aus verlinkt sind, stellen Sie sicher, dass Sie oder Ihr Content-Management-System eine paginierte Serie (Komponentenseiten) passend zu Ihrem Infinite Scroll bereitstellt.

Sie können diese Art von Verhalten in Aktion sehen in der
Infinite-Scroll-Demo mit Paginierung
erstellt vom Webmaster Trends Analyst,
John Mueller. Die Demo veranschaulicht einige wichtige suchmaschinenfreundliche Punkte:

• Abdeckung: Alle einzelnen Elemente sind zugänglich. Beim herkömmlichen Infinite Scroll sind einzelne Elemente, die nach dem initialen Laden der Seite angezeigt werden, für Crawler nicht auffindbar.
• Keine Überschneidung: Jedes Element wird in der paginierten Serie nur einmal aufgelistet (z. B. keine Duplizierung von Elementen).

Suchmaschinenfreundliche Empfehlungen für Infinite Scroll

1. Bevor Sie beginnen

1. Teilen Sie den Inhalt Ihrer Infinite-Scroll-Seite in Komponentenseiten auf, auf die zugegriffen werden kann, wenn JavaScript deaktiviert ist.
2. Legen Sie fest, wie viel Inhalt auf jeder Seite enthalten sein soll.
   1. Stellen Sie sicher, dass ein Suchender, wenn er direkt auf diese Seite käme, genau den gewünschten Artikel leicht finden könnte (z. B. ohne langes Scrollen vor dem Auffinden des gewünschten Inhalts).
   2. Sorgen Sie für eine angemessene Ladezeit der Seite.

3. Unterteilen Sie den Inhalt so, dass es keine Überschneidungen zwischen den Komponentenseiten der Serie gibt (mit Ausnahme von Pufferung).

   

2. Strukturieren Sie URLs für die Suchmaschinenverarbeitung von Infinite Scroll

1. Jede Komponentenseite enthält eine vollständige URL. Wir empfehlen in dieser Situation vollständige URLs, um das Risiko von Konfigurationsfehlern zu minimieren.

   • Gut:
     example.com/category?name=fun-items&page=1
   • Gut:
     example.com/fun-items?lastid=567
   • Weniger optimal:
     example.com/fun-items#1
2. Testen Sie, ob jede Komponentenseite (die URL) funktioniert, um jeden direkt zum Inhalt zu bringen, und ob sie in einem Browser ohne dieselben Cookies oder denselben Browserverlauf zugänglich und referenzierbar ist.

3. Alle Schlüssel- und Wert-URL-Parameter sollten diesen Empfehlungen folgen:

   • Stellen Sie sicher, dass die URL in zwei Wochen konzeptionell denselben Inhalt anzeigt. Vermeiden Sie auf relativer Zeit basierende URL-Parameter:
     example.com/category/page.php?name=fun-items&days-ago=3
   • Erstellen Sie Parameter, die Suchenden wertvolle Inhalte liefern können. Vermeiden Sie für die Suche nicht wertvolle Parameter als primäre Methode für den Zugriff auf Inhalte:
     example.com/fun-places?radius=5&lat=40.71&long=-73.40

3. Implementieren Sie replaceState und pushState

Implementieren Sie
replaceState und pushState
auf der Infinite-Scroll-Seite. Die Entscheidung, das eine oder beide zu verwenden, liegt bei Ihnen und dem Nutzerverhalten Ihrer Website. Wir empfehlen jedoch, das pushState
(allein oder in Verbindung mit replaceState) für die folgenden Fälle einzuschließen:

• Jede Nutzeraktion, die einem Klick oder dem aktiven Blättern in einer Seite gleicht.
• Um Nutzern die Möglichkeit zu geben, seriell durch die zuletzt paginierten Inhalte zurückzunavigieren.

4. Testen

1. Überprüfen Sie, ob sich die Seitenwerte anpassen, während der Nutzer nach oben oder unten scrollt.
2. Überprüfen Sie, ob Seiten, die außerhalb des gültigen Bereichs der Serie liegen, eine 404 Antwort zurückgeben (z. B. sollte example.com/category?name=fun-items&page=999 eine
   404 Antwort zurückgeben, wenn es nur 998 Inhaltsseiten gibt).
3. Untersuchen Sie mögliche
   Nutzerfreundlichkeitsauswirkungen, die durch Ihre Infinite-Scroll-Implementierung eingeführt werden.

Verfasst, überprüft oder programmiert von
John Mueller,
Maile Ohye, und
Joachim Kupke