4 Dinge, die Sie beachten sollten, bevor Sie eine WordPress-Website mit langem Scrollen starten

Veröffentlicht: 2021-03-27

Mit dem Aufkommen sozialer Netzwerke sind Long-Scroll-Websites (manchmal auch „Infinite Scrolls“ genannt) ins Rampenlicht gerückt. Ihre Funktionsweise ist Ihnen wahrscheinlich bekannt – einfach gesagt, Sie können eine ganze Weile scrollen, ohne jemals das Ende (die Fußzeile) zu erreichen. Offensichtlich ist dies eine sehr spezifische Art von Webdesign, daher sollte es nicht auf jede beliebige Website angewendet werden, auf die Sie stoßen.

Es versteht sich von selbst, dass Sie zunächst genügend Inhalte haben müssen, um von dieser Art von Design zu profitieren, damit der Einsatz dieses Designs gerechtfertigt ist. Aus diesem Grund haben sich Giganten wie Facebook oder Pinterest für diese Richtlinie entschieden.

Scrollende Webseite

Und das geschieht auch nicht aus einer Laune heraus. Dieses Design hat ganz erhebliche Vorteile. Erstens hält es den Benutzer länger beschäftigt. Wenn Benutzer beim Durchsuchen des Inhalts nichts anklicken müssen, ist es weniger wahrscheinlich, dass sie die Website vollständig verlassen. Darüber hinaus laden Long-Scroll-Websites mit der richtigen Codierung nahtlos eine neue Seite, wenn Sie zu den neuesten Inhalten kommen, was die Anzahl ihrer Aufrufe und damit den Verkehr und die Einnahmen erhöht.

Es hat sich jedoch gezeigt, dass diese Art von Design Dingen wie E-Commerce-Websites abträglich ist. Die Leute wissen einfach, was sie kaufen möchten, und möchten direkt darauf zugreifen, sodass es kontraproduktiv ist, sie durch Ihr gesamtes Inventar scrollen zu lassen. Darüber hinaus kann diese Art von Design den Benutzer psychologisch negativ beeinflussen, da er sich möglicherweise von der schieren Menge an Inhalten überwältigt fühlt, die er durchlaufen muss.

Vier einfache Möglichkeiten, das Design einer Long-Scroll-Website zu verbessern

Die Frage, die gestellt werden muss, lautet: Wie können Sie das Design Ihrer Website verbessern, wenn Sie eine Long-Scroll-Website haben? Hier sind ein paar hilfreiche Tipps.

1. Fügen Sie ein Sticky-Menü hinzu

Hassen Sie es nicht, wenn Sie viel Zeit damit verbringen, den Inhalt einer Seite durchzugehen und dann ganz nach oben scrollen müssen, nur um von der Seite wegzunavigieren und vielleicht einen anderen Artikel zu finden, der sich mit demselben Thema befasst? dieselbe Website oder surfen Sie einfach weiter auf der Website? Ja, das kann nerven.

Dies kann leicht behoben werden, wenn Sie Ihrer Benutzeroberfläche ein Sticky-Menü hinzufügen. Was ist ein Sticky-Menü, fragen Sie? Nun, es ist ein Menü, das bei Ihnen bleibt, egal wie viel Sie scrollen. Sie müssen also nicht den ganzen Weg zurückgehen, um sie erneut aufzurufen, sondern können sofort fortfahren, nachdem Sie mit einer Seite fertig sind. Dies löst viele Probleme, die Long-Scroll-Websites haben, insbesondere solche psychologischer Natur.

Es sollte beachtet werden, dass jedes Element einer Seite klebrig gemacht werden kann. Kopfzeilen, Fußzeilen, Seitenleisten, sogar Videos. Auf diese Weise stehen einem Benutzer immer alle Optionen sofort zur Verfügung. Aber um dies umzusetzen, müssen Sie die richtigen Werkzeuge dafür haben.

Tools wie zum Beispiel WP Sticky; ein hervorragendes Plugin für alle WordPress-Sites. Alles, was Sie tun müssen, ist es zu installieren, und Sie können in weniger als einer Minute ein Sticky-Menü erstellen. Buchstäblich! Es ist absolut keine Codierung erforderlich, Sie klicken im Wesentlichen nur auf das Seitenelement, das Sie klebrig machen möchten, und das war es auch schon. Einfach richtig?

Sie haben auch viele Anpassungsoptionen zur Verfügung, sodass Sie sicherstellen können, dass sich das klebrige Element nahtlos in das Gesamtdesign Ihrer Website einfügt, oder Sie können es hervorheben, wenn Sie glauben, dass dies Ihren Besuchern gefallen würde. Und das ist nur die Spitze des Eisbergs. WP Sticky ist ein hervorragendes Produkt, daran besteht kein Zweifel.

2. Positionieren Sie Ihre Call-to-Action-Buttons richtig

Da Ihnen viel Platz zur Verfügung steht, ist es wichtig, diesen gut zu nutzen. Nur weil es viel Platz für die Gestaltung Ihrer Webseite gibt, heißt das nicht, dass das Design weniger wichtig ist. Ganz im Gegenteil – da Sie davon ausgehen, dass ein Besucher lange auf Ihrer Seite verweilt, müssen Sie ihm den Aufenthalt so angenehm wie möglich gestalten.

Aus diesem Grund ist die richtige Positionierung Ihrer Handlungsaufforderungen (CTAs) äußerst wichtig. Sie möchten Ihre Besucher nicht so sehr damit bombardieren, dass sie Ihre Seite einfach verlassen, aber Sie möchten auch nicht zu wenig davon verwenden. Der beste Weg, dies zu betrachten, besteht darin, CTAs als etwas zu betrachten, das die Monotonie der Inhalte durchbricht, die die Leute durchgehen (wie zum Beispiel ein großes Stück Text), und sie als Werkzeuge zu verwenden, um die Aufmerksamkeit und Investition Ihrer Besucher zu erhalten. Etwas, das Sie auch mit Ihren Unterüberschriften machen können.

Eine weitere gute Möglichkeit, Ihre CTAs zu platzieren, besteht darin, sie zum Scrollen zu bringen, damit sie Ihrem Besucher folgen. Mit anderen Worten, Sie können sie auch klebrig machen, genau wie die Elemente, die wir im vorherigen Punkt dieses Artikels besprochen haben. Es sollte beachtet werden, dass Studien gezeigt haben, dass die Platzierung Ihrer CTAs auf der rechten Seite des Bildschirms für Sie tendenziell vorteilhafter ist, aber dies gilt hauptsächlich für harte CTA-Schaltflächen, die direkter sind als ihre weichen Gegenstücke.

Natürlich sollten Sie nie vergessen, diese Schaltflächen für mobile Geräte anzupassen, da heutzutage so viel Verkehr von ihnen stammt.

3. Tun Sie, was Sie können, um die Ladezeit zu verkürzen

Es macht nicht wirklich viel Sinn, ein Long-Scroll-Design zu implementieren, wenn das, was beim Scrollen des Benutzers geladen werden muss, langsam oder gar nicht geladen wird. Menschen, die im Internet surfen, haben in der Regel sehr wenig Geduld für solche Dinge, sodass Verzögerungen bei der Ladezeit Sie teuer zu stehen kommen können. Und wir reden hier von Sekunden, höchstens zwei.

Also, was kannst du machen? Nun, Sie können sehen, welches WordPress-Theme gut codiert ist und daher schnell geladen wird. Sie können auch Hotlinking, Trackbacks und Pingbacks deaktivieren, ein Content Delivery Network verwenden und so weiter.

Einer der wichtigsten Schritte besteht darin, sicherzustellen, dass alle Bilder, die Sie verwenden, richtig formatiert und möglichst nicht zu groß sind. Dies ist besonders wichtig, wenn Sie viele Fotos zu Ihren Inhalten verwenden, da diese mit der Zeit sehr zahlreich werden und Ihre Website ziemlich verzögern können.

Darüber hinaus sollten Sie darauf achten, dass auch der Meta-Content optimiert ist. Auch zu viele Meta-Tags sind beispielsweise nicht gut für die Performance Ihrer Website. Kurz gesagt, versuchen Sie, die Dinge so effizient und so ordentlich wie möglich zu halten. Oh, und stellen Sie sicher, dass Ihr Hosting-Service auch der Aufgabe gewachsen ist.

4. Alles für Mobilgeräte optimieren

Wir haben die Bedeutung mobiler Geräte bereits in diesem Artikel erwähnt, aber dies ist ein absolut lebenswichtiges Thema, daher müssen wir allein diesem Thema einen Teil des Textes widmen.

Angesichts der Tatsache, dass mehr als die Hälfte der Internetsuchen heute über mobile Geräte durchgeführt werden, können Sie keine gute Leistung erzielen, wenn Ihre Website diese Benutzer nicht unterstützt. Nichtmal annähernd. Also, was kannst du machen?

Nun, die Hauptsache ist, sich auf die Elemente zu konzentrieren, die für Ihre Website am wichtigsten sind. Sie möchten, dass alles einfach zu bedienen und kristallklar ist, was bedeuten kann, dass einige der in der Desktop-Version vorhandenen Aspekte entfernt werden. Scheuen Sie sich nicht, diesen Schnitt zu machen. Hier müssen Sie nicht um den heißen Brei herumreden – seien Sie so direkt wie möglich.

Wenn Sie ein Online-Geschäft betreiben, empfiehlt es sich außerdem, Ihr Produkt in eine Galerie zu verschieben, durch die Ihre potenziellen Kunden blättern können. Besonders beliebt ist dabei das horizontale Scrollen. Auf diese Weise muss kein Besucher durch die Galerie gehen, aber er kann dies problemlos tun, wenn er möchte.

Fazit

Und da haben Sie es, dies sind einige der besten, einfach anwendbaren Strategien, die Sie implementieren können, wenn es darum geht, Ihre Long-Scroll-Website-Seiten zu verbessern. Es läuft alles auf Intuitivität und Effizienz hinaus, außerdem sollten Sie Ihre Besucher immer im Auge behalten. Einfach ausgedrückt, Sie möchten ihnen die bestmögliche Benutzererfahrung bieten.

Der beste Weg, dies zu tun, ist die Verwendung von Sticky-Elementen, da sie Ihnen bei der Gestaltung Ihrer Website so viel Freiheit geben und die Zeit, die ein Benutzer benötigt, um von einer Seite zur anderen zu gelangen, drastisch verkürzen können. Es erleichtert einfach die Orientierung.

Das ist natürlich noch lange nicht alles, denn es gibt noch weitere wesentliche Faktoren zu berücksichtigen – wie gut Ihre Website an mobile Endgeräte angepasst ist, ist wahrscheinlich die wichtigste Frage. Wenn sich Ihre Website in dieser Hinsicht bewährt, können Sie viele zufriedene Benutzer erwarten, die von allen Arten von Tablets und Smartphones kommen.