BR
Was bedeutet “Above the Fold”?
Die ursprüngliche Bedeutung von „Above the fold“ bezog sich auf den ersten Falz einer Zeitung. Früher wurden die Zeitungen an den Kiosken in der Mitte gefaltet präsentiert, damit der Passant die oberste Schlagzeile auf einen Blick lesen konnte.
In der digitalen Welt bezeichnet „Above the fold“ auf einer Website den Inhalt, den ein Besucher beim Laden der Seite sieht, bevor er scrollt.
Die Rolle des „above the fold“-Inhalts
Der Abschnitt „above the fold“ oder „first fold“, wie er auch genannt wird, spielt eine wichtige Rolle, da er der erste Teil der Webseite ist, den die Besucher sehen. Es ist der erste Abschnitt, der dem Besucher präsentiert wird. Deshalb sollte dieser Bereich ansprechend und attraktiv sein und den Besucher anlocken können.
Der „Above the fold“-Abschnitt sollte aus interessanten und wichtigen Inhalten bestehen und auf Ihre Unternehmensziele ausgerichtet sein. Bei einer E-Commerce-Website beispielsweise kann die Platzierung der neuesten Rabattangebote im oberen Bereich zu einer Zunahme der Leads und Conversions führen.
‚Above the fold‘ und Suchmaschinenoptimierung (SEO)
Laut Google kann Ihre Platzierung sinken, wenn Ihre Seite nicht einen bestimmten Inhalt im ersten Fold hat, und im Falle einer neuen Website wird es auch ein Problem, die Website zu platzieren. Da Google seinen Nutzern auf Anhieb das beste Erlebnis und relevante Informationen bieten möchte, wird empfohlen, relevante Inhalte im ersten Fold zu platzieren.
Für Publisher, deren Einnahmen von Anzeigen abhängen, wenn in den ersten Folds immer wieder große Anzeigenblöcke erscheinen, die es dem Besucher erschweren, den eigentlichen Inhalt der Seite zu finden, wird sich dieser Seitenlayout-Algorithmus tendenziell auf die Platzierung solcher Websites auswirken.
Above the fold-Optimierung: Best Practices
Je übersichtlicher die Seite ist, desto eher wird die Aufmerksamkeit des Besuchers auf sie gelenkt. Hier sind einige der Best Practices, die Ihnen bei der Optimierung des Above-the-Fold-Bereichs auf Ihren Landing Pages helfen werden.
1. Überschrift der Seite (H1) und Haupttext
Die H1 der Seite sollte klar, präzise und ansprechend sein. Der Haupttext sollte aus Ihrem Unique Selling Points (USPs) bestehen. Ihre Überschrift und Ihr Haupttext sollten den Besuchern klar vermitteln, was Sie anbieten und wie Sie ihre Probleme lösen können.
2. Die richtigen CTAs
Abhängig von Ihren Geschäftszielen und Ihrer Zielgruppe sollten Sie sich darauf konzentrieren, die richtigen CTAs zu erstellen und sie an der richtigen Stelle auf der Website zu platzieren. In der Regel werden die CTAs in der oberen rechten Ecke der Seite platziert, damit sie leicht zu finden sind und Aktionen wie “ Kontaktieren Sie uns“, „Kostenlose Testversion“, “ Zum Warenkorb hinzufügen“ auslösen.
3. Die Ladezeit einer Seite ist entscheidend für die Conversion Rate
Die Ladezeit einer Seite ist sowohl für die Suchmaschinenoptimierung (SEO) als auch für die Conversion-Rate-Optimierung (CRO) von größter Bedeutung. Es dauert weniger als eine Sekunde, bis sich ein Besucher einen Eindruck von Ihrer Website verschafft, daher sollte der Above the fold-Inhalt geladen werden, bevor der Rest der Seite geladen wird. Indem Sie unnötiges JavaScript aus dem Header entfernen und das CSS optimieren, können Sie die Ladezeit der Seite verkürzen.
4. Beseitigen Sie alle Ablenkungen
Sie möchten, dass sich Ihre Besucher von dem überzeugenden Text angezogen fühlen, den Sie im First Fold geschrieben haben, oder? Vermeiden Sie es, zu viele Elemente oberhalb des Folds hinzuzufügen. Zu viele Bilder, Videos, Slider, Pop-ups können den Nutzer ablenken und ihn dazu bringen, die Website zu verlassen. Halten Sie sich immer an die Faustregel, die wichtigsten Informationen zuerst zu zeigen.
5. Optimieren Sie Bilder
Bilder Above the Fold zu verwenden ist eine sehr allgemeine Praxis, aber es ist wichtig, daran zu denken, dass mehr Grafiken die Ladezeit der Seite verlängern. Es wird empfohlen, Bilder zu optimieren, indem man sie dekomprimiert und in den neuesten Formaten (webp, png) bereitstellt, damit ein qualitativ hochwertiges Bild schnell geladen werden kann.
Best Practices werden zwar empfohlen, aber was für ein Unternehmen funktioniert, funktioniert für ein anderes nicht. Es gibt nur einen sicheren Weg, um herauszufinden, was für Sie funktioniert – und das ist durch A/B-Tests.
A/B-Tests für das First-Fold-Design
Da Sie jetzt wissen, was genau „above the fold“ ist und wie Sie es optimieren können, ist es wichtig, zu testen, was für Sie besser funktioniert, bevor Sie es für alle Ihre Besucher live schalten.
Und wie besser als mit A/B-Tests? Um Ihre Überschriften und den Haupttext zu testen, können Sie mit VWO Testing ganz einfach einen A/B-Test einrichten und herausfinden, welche Version Ihrer Seite besser abschneidet. Probieren Sie es jetzt aus. Sie brauchen dafür keine Hilfe von Entwicklern.
Elegant Steps hat die Above-the-Fold-Elemente auf ihrer Website mit VWO getestet und ihre Conversions um 200 % verbessert. Der Haupt-USP von Elegant Steps, d. h. der kostenlose Versand, erschien auf mobilen Geräten nicht Above the Fold. Die Hypothese lautete, dass die Anzeige von „Kostenloser Versand“ Above the Fold dazu beitragen würde, die Absprungrate zu senken und die Nutzer zu ermutigen, den Conversion Funnel weiter zu verfolgen. Die Ergebnisse traten innerhalb eines Monats ein, und sie waren äußerst positiv. Die mobile Conversion Rate stieg um 200 %.
Above the Fold Beispiele
Hier sind einige Beispiele, wie eine gute Above-the-Fold-Sektion aussehen kann:
- Grammarly hat eine klare Überschrift, einen prägnanten Haupttext, der den USP vermittelt, und einen offensichtlichen CTA, der den Besucher auffordert, die App herunterzuladen.
- Die Facebook-Website hat ebenfalls einen klaren Text, der den USP aufzeigt, und ein Anmeldeformular, das den Besucher auffordert, sich auf der Seite zu engagieren.
