Above the fold optimieren: perfekte Nutzererfahrung mit SEO-Impact!

Warum ist eine Above-the-fold-Optimierung ein Prinzip leistungsstarken Webdesigns?

Eine moderne responsive Webseite ist nicht mehr nur eine digitale Visitenkarte, sollte sie zumindest nicht sein. Um Mehrwerte im Online-Marketing zu generieren, muss eine Webseite klar definierte Ziele besitzen – und diese auch erreichen. 

Und da alle erdenklichen Ziele wie „mehr Produktverkäufe“, „mehr Leads“ oder auch „mehr Bewerber“ bedingen, dass eine Zielgruppe aus Menschen eine Webseite nicht allein aufgrund ihrer optischen Erscheinung „hübsch“ findet, sondern dort eine Handlung ausführt, können rein visuelle oder designbezogene Aspekte für die Gestaltung einer Webseite lediglich noch eine nebensächliche Bedeutung haben. 

Webdesign besitzt keinen Selbstzweck, sondern ist ein Werkzeug, um die richtigen Informationen möglichst zielgerichtet an die richtige Person zu transportieren. 

Welche Inhalte sollten above the fold positioniert sein?

Aus der Regel, dass alle wichtigen Inhalte möglichst weit oben positioniert sein sollten, könnte der fatale Fehlschluss resultieren, dass im Bereich above the fold sämtliche Informationen „reingepresst“ werden müssen, also dem Webseitenbesucher letztlich so viele Informationen präsentiert werden, dass dieser förmlich von diesen erschlagen wird.  

Dies wiederum führt zu einer negativen Nutzererfahrung, womit der nächste wichtige Punkt für die Gestaltung von above the fold angesprochen ist: die User Experience. Webseitenbesucher wollen nämlich nicht nur möglichst SCHNELL und VOLLSTÄNDIG ihre gewünschten Informationen erhalten, sondern diese sollen auch möglichst EINFACH zugänglich sein.

Dass dies insbesondere auf kleineren mobilen Displays schwierig, meist sogar unmöglich ist, dürfte einleuchten. Daher ist mit „vollständigen“ Informationen weniger ein quantitativer denn vielmehr ein qualitativer Aspekt gemeint: Die above the fold einfach und schnell zugänglichen Informationen müssen den Webseitenbesucher vollständig davon überzeugen, dass er auf eben jener Webseite richtig ist.

Wie sollte Content above the fold präsentiert werden?

Nach diesen inhaltlichen Aspekten stellt sich aber dann die Frage nach der formalen Umsetzung, womit zumindest ansatzweise auch ein Designaspekt betrachtet werden muss. Eine schnelle und einfache Übermittlung von Informationen lässt sich nämlich nur mit der richtigen Sprache sowie einer idealen Formatierung sicherstellen; und auch wenn diese Aspekte durchaus kreativen Spielraum einräumen, sieht der „Grundaufbau“ meist wie folgt aus:

1. Eyecatcher-Überschrift, die idealerweise den Endnutzen eines Produkts oder Dienstleistung artikuliert; dies ist kein Slogan oder blendvertising.
   • Gutes Beispiel: „Your Notes. Organized. Effortless.“ (Evernote; Anbieter digitaler Notizblöcke)
   • Schlechtes Beispiel: „Helping Build a Better Internet. Cloudflare ist ein Leader laut dem Magic Quadrant™ 2022 für WAAP von Gartner.“ (Cloudflare)
2. Unterüberschrift und / oder kurzer Absatz mit maximal zwei bis drei kurzen Sätzen, womit deutlich wird, wer Zielgruppe ist und worin der spezifische Nutzen eines Produkts oder einer Dienstleistung besteht.
   • Gutes Beispiel: „Merke dir alles und bewältige jedes Projekt – mit deinen Notizen, Aufgaben und Terminen an einem gemeinsamen Ort.“ (Evernote)
   • Schlechtes Beispiel: „Unabhängig von der Finanzlage glauben wir an die Bereitstellung von Finanzplänen, die die Bedürfnisse unserer Kunden an erste Stelle setzen.“ (My Continuum; Finanzdienstleister)
3. Stichpunkte / Bulletpoints; maximal drei bis vier Punkte, die in aller Kürze die wichtigsten Vorteile des Produkts, der Dienstleistung oder ggf. des Anbieters verschlagworten
   • Gutes Beispiel:
     • Arbeite ortsunabhängig.
     • Merke dir einfach alles.
     • Mache To-do-Listen zu Erledigt-Seiten.
     • Finde Inhalte schnell wieder.
   • Schlechtes Beispiel:
     • Treten Sie unserer Partnerschaft bei.
     • Wir bündeln Kräfte.
     • Stellen Sie sich sicher für die Zukunft auf.
4. Visuelle Elemente wie Produktbilder, Grafiken oder Vergleichbares, das die Value Proposition wenn möglich verbildlicht

Wie lässt sich bei verschiedenen Displaygrößen eine Optimierung des Bereichs above the fold sicherstellen?

In der Praxis werden die an und für sich eindeutigen theoretischen Vorgaben zur Optimierung von above the fold durch den simplen Umstand erschwert, dass es mittlerweile eine Vielzahl unterschiedlicher Displaygrößen gibt – von der grundsätzlichen Unterscheidung zwischen mobilen und stationären Bildschirmen ganz abgesehen.

Somit bleibt es vorerst ein nicht änderbarer Tatbestand, dass womöglich ein Großteil der Zielgruppe den Webseitenbereich above the fold so angezeigt bekommt, wie man es sich während der Optimierung vorgestellt hat. Jedoch wird es auch immer einen kleinen Teil an Konsumenten gebe, bei denen dies nicht der Fall ist.

Um aber wenigstens sicherzustellen, dass die allermeisten Personen above the fold die optimale Version zu Gesicht bekommen, ist vor der Optimierung zu klären, welche Displaygröße eigentlich am häufigsten von den eigenen Webseitenbesuchern verwendet wird. Dies lässt sich sogar relativ simpel herausfinden, wenn man denn Google Analytics (GA) ordentlich eingerichtet hat.

1. Zuerst muss das GA-Dashboard geöffnet werden.
2. Dann wird im Seitenmenü zu Zielgruppe > Technologie > Browser und Betriebssystem gesteuert.
3. Im Auswahlmenü muss nun der Punkt „Bildschirmauflösung“ ausgewählt werden.
4. Angezeigt werden daraufhin Performance-Werte (Akquisition, Verhalten, Conversions) für verschiedene Bildschirmauflösungen.
5. Über die Sortierfunktion kann nun beispielsweise nach Akquisition / Nutzer sortiert werden. So lässt sich herausfinden, mit welcher Bildschirmgröße die meisten Webseitenbesucher auf der eigenen Webseite unterwegs sind.

Zusammenfassung: die wichtigsten Optimierungs­maßnahmen für above the fold

Eine optimale Gestaltung des Webseitenbereichs above the fold mindert das Risiko, dass Webseitenbesucher, die beispielsweise über eine Google-Suche auf die Landingpage gekommen sind, diese direkt wieder verlassen, um zu einer Konkurrenzseite zu wechseln, oder anders gesagt: Die Wahrscheinlichkeit, dass ein Webseitenbesucher eine erhoffte Handlung vornimmt, wird durch einen perfekten Above-the-fold-Abschnitt erhöht, einfach weil der Nutzer mit dem ersten sichtbaren Inhalt der Webseite zufriedengestellt wird und an anderen Angeboten oder Informationen nicht mehr interessiert ist.

Um dies aber gewährleisten zu können, müssen sowohl einige inhaltliche wie formale Regeln eingehalten werden. Zusammengefasst bedeutet dies: Content muss möglichst einfach zugänglich sein, um auf diese Weise einen Konsumenten schnell vom Anbieter, einem Produkt oder eine Dienstleistung zu überzeugen.

Neben der praktischen Umsetzung besteht die zweite Herausforderung darin, above the fold für das richtige Endgerät bzw. die richtigen Displaygrößen zu optimieren. Dank der Daten aus Google Analytics gibt es allerdings auch dafür eine akzeptable Lösung, die jede professionelle Webdesign Agentur mit fundiertem SEO-Know-how umsetzen kann.