Suchen Sie nach einer Möglichkeit, Ihre WordPress-Website mehr wie einen Facebook-Feed zu gestalten? Genau das können Sie tun, indem Sie Ihrer Website Infinite Scroll hinzufügen.
Wenn Sie Ihrer Website ein neues Gesicht verpassen und es den Leuten ermöglichen, kontinuierlich durch alle Ihre Inhalte zu scrollen, ohne die Webseite verlassen zu müssen, ist das eine großartige Möglichkeit, Ihr gesamtes Angebot leicht zugänglich zu machen.
Darüber hinaus müssen Ihre Site-Besucher nicht jedes Mal auf „Weiter“ oder „Mehr laden“ klicken, wenn sie zu nicht ganz so aktuellen Blog-Beiträgen gelangen möchten.
Natürlich sollte nicht jeder eine Infinite-Scroll-Funktion auf seiner Website implementieren (Wir kommen gleich darauf).
Aber wenn es für Sie Sinn macht, lesen Sie weiter, um es herauszufinden So fügen Sie Ihrer WordPress-Website ein unendliches Scrollen hinzu mit einem einfachen (und frei!) WordPress-Plugin.
Was ist Infinite Scroll?
Website-Design-Trends kommen und gehen, aber Infinite Scroll ist eines der Dinge, die nie ganz verschwunden sind (Wortspiel beabsichtigt!).
Infinite Scroll ist eine Webdesign-Technik, die AJAX Page Load nutzt, um den Inhalt Ihrer Site kontinuierlich zu laden, während der Benutzer auf der Seite nach unten scrollt. Mit anderen Worten: Diese Technik macht die Paginierung auf Ihrem Blog oder Ihrer E-Commerce-Site überflüssig.
Dieser endlose Stream bietet Site-Besuchern die Möglichkeit, alle Ihre Inhalte in einem großen Feed anzuzeigen, ähnlich wie wenn Sie durch Ihren Facebook-Feed scrollen.
Und bei Websites mit großen Inhaltsmengen gibt es keinen eindeutigen Endpunkt, wenn Sie Ihrer WordPress-Website Infinite Scroll hinzufügen. Stattdessen gibt es für die Besucher der Website nur endlose Möglichkeiten, sich anzusehen, was Sie zu bieten haben.
Sollten Sie Ihrer WordPress-Website Infinite Scroll hinzufügen?
Endlose Scroll-Funktionalität dürfen einen positiven Einfluss auf die Benutzerinteraktion und das Surferlebnis haben. Aber die Wahrheit ist, Infinite Scroll ist nicht jedermanns Sache.
Werfen wir einen kurzen Blick auf die Vor- und Nachteile des Infinite Scrolling, um Ihnen die Entscheidung zu erleichtern, ob Sie diese Technik ausprobieren möchten oder nicht.
Vorteile des Infinite Scroll
- Steigern Sie das Engagement Ihrer Benutzer – Infinite Scroll hilft dabei, die Besucher länger auf Ihrer Website zu halten und Mai Verbessern Sie Ihr Suchranking.
- Leichteres Lesen – Mit Infinite Scroll können Benutzer leichter Inhalte auf Ihrer Site entdecken, von denen sie gar nicht wussten, dass sie vorhanden sind, da sie ältere Inhalte schnell und einfach laden können.
- Besseres mobiles Erlebnis – Benutzer, die auf kleinen Geräten durch die Inhalte Ihrer Site scrollen können, bleiben eher auf der Site. Ganz zu schweigen davon, dass Site-Besucher auf mobilen Geräten mittlerweile eine unbegrenzte Scroll-Funktion erwarten.
- Ideal für visuelle Websites – Websites mit vielen visuellen Inhalten profitieren am meisten vom Infinite Scroll. Denn während geschriebener Text beim Laden für manche überwältigend sein kann, ist dies bei visuellen Inhalten nicht der Fall.
- Verbesserte Site-Navigation – Anstatt durch Seiten zu klicken, vereinfacht das Infinite Scrolling das Durchsuchen Ihrer Site – Sie müssen nur nach unten scrollen.
Nachteile des Infinite Scroll
- Fehlender Fußzeilenbereich – Bei Infinite Scroll wird Ihrer Site wahrscheinlich ein Footer-Bereich fehlen, der wertvolles Platzangebot ist. Allerdings Ein Sticky Footer löst dieses Problem.
- Umfangreiche Navigation kann verwirrend sein – Während unendliches Scrollen das anfängliche Seherlebnis verbessern soll, kann das Navigieren innerhalb von Links verwirrend sein.
- Schwer zu verfolgende Kennzahlen – Da unendliches Scrollen eine Tortur für eine Seite ist, kann die Verfolgung der Site-Metriken schwierig werden.
- Mögliche SEO-Probleme – SEO-Probleme können auftreten, weil Ihre Site nur eine einzige große, lange (obwohl dynamisch) Website.
- Site-Sperre und -Abstürze – Beim Endlos-Scrollen kommt es häufig vor, dass die Seite, auf der sich die Benutzer befinden, abstürzt.
Nachdem Sie nun einige der Vor- und Nachteile von Infinite Scroll kennen, schauen wir uns an, wie Sie Infinite Scroll auf Ihrer WordPress-Website mithilfe von Catch Infinite Scroll-Plugin.
So fügen Sie Ihrer WordPress-Website Infinite Scroll hinzu
Bevor Sie Infinite Scroll zu Ihrer WordPress-Website hinzufügen, sollten Sie zunächst das Plugin Catch Infinite Scroll auf Ihrer Website installieren und aktivieren. Dieses ist kostenlos und im WordPress-Repository zu finden.
Natürlich können Sie auch andere kostenlose Infinite-Scroll-Plugins verwenden, etwa Ajax Load More, WordPress Infinite Scroll und YITH Infinite Scrolling.
Sogar das umfangreiche Jetpack-Plugin bietet Ihnen die Möglichkeit, unendliches Scrollen zu aktivieren. Für dieses Tutorial verwenden wir jedoch Catch Infinite Scroll.
Schritt 1: Installieren und aktivieren Sie Catch Infinite Scroll
Um Catch Infinite Scroll auf Ihrer WordPress-Website zu installieren und zu aktivieren, gehen Sie zu Plugins > Neue hinzufügen in Ihrem WordPress-Dashboard.
Suchen Sie nach „Catch Infinite Scroll“ und klicken Sie auf Jetzt installieren.
Dann klick aktivieren Sie damit das Plugin einsatzbereit ist.
Schritt 2: Konfigurieren Sie die Einstellungen des Catch Infinite Scroll-Plugins
Sobald Sie es auf Ihrer Website aktiviert haben, ist es an der Zeit, die Einstellungen von Catch Infinite Scroll zu konfigurieren. Klicken Sie dazu auf das Fange die unendliche Schriftrolle Menüelement, das zu Ihrem WordPress-Dashboard hinzugefügt wurde.
Wenn Sie dies tun, werden drei Registerkarten angezeigt:
- Armaturenbrett
- Merkmale
- Tabelle vergleichen
Das Einzige, worüber Sie sich Gedanken machen müssen, ist die Armaturenbrett Tab.
Um das unendliche Scrollen auf Ihrer Website zu aktivieren, wählen Sie zunächst Scrollen von dem Laden Ein (Trigger Ein) Dropdown-Menü.
Als Nächstes sehen Sie den Navigationsselektor, den nächsten Selektor, den Inhaltsselektor und den Elementselektor. Sie können diese unverändert lassen, da die Standardeinstellungen einwandfrei funktionieren.
Sie werden dort auch eine Option zum Hochladen eines benutzerdefinierten Inhaltsladersymbols bemerken. Standardmäßig verwendet Catch Infinite Scroll das Loader-GIF-Bild:
Wenn Sie möchten, können Sie dies in ein benutzerdefiniertes Inhaltssymbol ändern, das Sie hochladen.
Schließlich kann der Zieltext beliebig angepasst werden. Diese Meldung wird den Site-Besuchern angezeigt, wenn sie das Ende Ihres unendlichen Scrollens erreichen und nichts anderes mehr angezeigt wird.
Standardmäßig lautet der Text „Keine weiteren Elemente zum Anzeigen.“ Sie können dies problemlos ändern oder ergänzen.
Wenn Sie mit der Konfiguration der Einstellungen fertig sind, klicken Sie auf Änderungen speichern.
Und das war’s! Sie haben Ihrer WordPress-Website erfolgreich Infinite Scroll hinzugefügt. Sehen Sie sich an, wie der Entwickler des Catch Infinite Scroll-Plugins es auf seiner eigenen Website verwendet, um eine gute Vorstellung davon zu bekommen, wie Infinite Scroll funktioniert:
Abschließende Gedanken
Beim unendlichen Scrollen auf Ihrer WordPress-Website geht es darum, die Benutzerinteraktion zu steigern und das allgemeine Benutzererlebnis für jeden zu verbessern, der auf Ihrem Blog oder Ihrer E-Commerce-Site landet.
Darüber hinaus können Sie dadurch eine längere durchschnittliche Verweildauer auf Seitenzahlen erzielen und in den Suchergebnissen höher eingestuft werden, was jeder erreichen möchte.
Wenn Sie also bereit sind, die Dinge zu ändern und den Menschen einen einfachen Zugang zu ermöglichen, den gesamten Inhalt Ihrer Website ohne etwas anderes tun zu müssen, als auf der Seite nach unten zu scrollen, verwenden Sie Catch Infinite Scroll, um noch heute Infinite Scroll zu Ihrer WordPress-Website hinzuzufügen.