Infinite Scrolling ist nicht nur einfacher als Klicken, es sieht auch schöner aus. Man denke nur mal an die Anordnung der Beiträge bei Pinterest. Und auch wir haben unsere Blog-Übersichtsseite in diesem Stil angelegt.
Was ist das Besondere daran?
Die SEO-Spezialisten raufen sich wahrscheinlich bereits die Haare. Denn im Normalfall ist diese Technik alles andere als vorteilhaft für Suchmaschinenoptimierung. Die Crawler von den Suchmaschinen tun sich nämlich manchmal sehr schwer Inhalte auszulesen die per JavaScript erst eingeblendet werden.
Sie sollten deshalb unbedingt eine paginierte Version Ihrer Website anlegen, damit Google sie indexieren kann. Wichtig ist auch, dass alle Inhalte auf Ihrer Seite einzeln verlinkt werden können (Deep Linking). Denken Sie auch an die Nutzerfreundlichkeit. Ein statischer Header hilft dem User ungemein sich nicht auf der Seite zu verlieren.
.webp?width=1196&height=843&name=google_scroll%20(2).webp)
So optimieren Sie Ihre Website trotz Infinite Scrolling
Die SEO-Spezialisten raufen sich wahrscheinlich bereits die Haare. Denn im Normalfall ist diese Technik alles andere als vorteilhaft für Suchmaschinenoptimierung. Die Crawler von den Suchmaschinen tun sich nämlich manchmal sehr schwer Inhalte auszulesen die per JavaScript erst eingeblendet werden.
Sie sollten deshalb unbedingt eine paginierte Version Ihrer Website anlegen, damit Google sie indexieren kann. Wichtig ist auch, dass alle Inhalte auf Ihrer Seite einzeln verlinkt werden können (Deep Linking). Denken Sie auch an die Nutzerfreundlichkeit. Ein statischer Header hilft dem User ungemein sich nicht auf der Seite zu verlieren.
- Verteilen Sie alle Elemente der Webseite auf Unterseiten die erreicht werden können, wenn JavaScript ausgeschaltet ist.
- Stellen Sie sicher, dass ein normaler Besucher jedes Element einfach finden kann. Wichtig ist hier vor allem die Anzahl der gelisteten Elemente pro Unterseite.
- Sorgen Sie dafür, dass die Unterseiten eine überschaubare Ladezeit haben.
- Sorgen Sie dafür, dass Folgeseiten keine überlappenden Inhalte haben.
- Jede Unterseite sollte eine individuelle URL haben.
- Nutzen Sie „rel=next“ und „rel=prev“ im Head-Tag Ihrer Webseiten.
- Testen Sie final, ob sich die Seiten entsprechend dieser Vorgaben verhalten und beim Scrollen eines Nutzers anpassen.
- Implementieren Sie „pushState “ auf Ihrer Website.
- Testen Sie final, ob sich die Seiten entsprechend dieser Vorgaben verhalten und beim Scrollen eines Nutzers anpassen.
