Below the Fold / Above the Fold

Was sind Below the Fold und Above the Fold? Einfach erklärt!

Die Begriffe Above the Fold und Below the Fold sind gängige Webdesign-Begriffe, die die Platzierung von Webinhalten auf einer Seite beschreiben. Above the Fold bezieht sich auf alle Inhalte, die erscheinen, bevor ein Nutzer nach unten scrollen muss, während Below the Fold sich auf alle Inhalte bezieht, die erscheinen, nachdem ein Nutzer nach unten gescrollt hat.

Woher stammt der Begriff „Fold“?

Der ins Deutsche übersetzte Begriff Falz oder Knick stammt aus dem Druckereiwesen des späten 19. Jahrhunderts, als Geschichten und Titelseiten in der Tageszeitung buchstäblich in zwei Spalten auf beiden Seiten der Falzlinie unterteilt wurden. 

Dies war eine redaktionelle Entscheidung, um sicherzustellen, dass die Schlagzeilen und die wichtigsten Punkte einer Geschichte sichtbar dargestellt wurden, wobei der auffälligste Teil über dem Knick lag, bei dem die Tageszeitung buchstäblich gefaltet wurde. 

Diese grundlegende Praxis beeinflusst auch heute noch die Gestaltungsprinzipien und unterstreicht, wie wichtig es ist, vor allem auf den Titelseiten zuerst die wichtigsten Informationen zu vermitteln, bevor man sich in weitere Details vertieft. Bei digitalen Beiträgen bedeutet das, dass alles, worauf sich der Betrachter konzentrieren sollte, oben auf den Seiten platziert wird, um die Nutzerfreundlichkeit zu erhöhen.

Wie du den sichtbaren Bereich ermittelst

Ein wichtiger Teil des Webdesigns ist der Bereich oberhalb des Falzes, d.h. der Teil einer Website, der sichtbar ist, ohne dass man scrollen muss. Um diesen Bereich zu bestimmen, musst du zunächst herausfinden, welches Endgerät und welchen Browser deine Zielnutzer wahrscheinlich verwenden. 

So erhältst du eine ungefähre Größe des Ansichtsfensters, denn verschiedene Geräte haben unterschiedliche Bildschirmgrößen mit verschiedenen Darstellungsmöglichkeiten an der Anzahl an Pixeln. Daher können die Browser Websites unterschiedlich darstellen. 

Als Nächstes musst du alle Navigationsleisten und Kopfzeilenelemente berücksichtigen und die sichtbare Gesamthöhe entsprechend anpassen. Mit diesen beiden Schlüsselelementen kannst du bestimmen, wie viel Platz du für das Design deiner Website zur Verfügung hast. Die Bestimmung des sichtbaren Bereichs oberhalb der Falzlinie ist entscheidend für die Gestaltung und Optimierung einer Website.

Tools wie Heatmaps können zeigen, wo die Webseitenbesucher auf einer Seite klicken oder scrollen, und helfen dabei, Bereiche zu markieren, in denen Inhalte platziert werden sollten, bevor die Besucher/innen nach unten scrollen. Außerdem können Betreiber durch die Überwachung der Browsergrößenparameter im Voraus erkennen, wie ihre Website auf verschiedenen Endgeräten aussehen wird.

Die 80/20-Regel

Die 80/20-Regel ist eine wichtige Regel, die Betreiber bei der Gestaltung und Strukturierung von Webseiten beachten sollten:

  • Sie besagt, dass die Nutzer/innen 80 % ihrer Zeit Above the Fold – also im ersten sichtbaren Bereich einer Seite – verbringen.
  • Webseitenbesucher verwenden nur 20 % ihrer Verweildauer mit dem Scrollen nach unten.

So wird sichergestellt, dass die Nutzer/innen schnell auf die wichtigsten Informationen zugreifen können, die übersichtlich und effizient präsentiert werden. Die Kunst besteht darin, ein Gleichgewicht zwischen der Bereitstellung aller Inhalte und der Überfüllung des ersten Bildschirms (durch z.B. zu große Werbebanner), den die Webseitenbesucher sehen, wenn sie durch deine Website navigieren, zu finden. So wird sichergestellt, dass die ein gutes Nutzererlebnis haben und dass sie sich weiter auf deiner Website umsehen.

Welche Inhalte sollten Above the Fold sein?

  • Inhalte, zum Beispiel Werbebanner oder spannende Handlungsaufforderungen, die oberhalb der Falz erscheinen, haben oft einen höheren Stellenwert, da sie auf der Seite besser sichtbar sind und hervorgehoben werden. 
  • Dieser Inhalt sollte sowohl auffällig als auch informativ sein, denn er spielt eine wichtige Rolle bei der Entscheidung der Besucher, ob sie eine kurze oder lange Verweildauer haben.
  • Damit eine Website oder Webseite effektiv ist, muss sie attraktiv gestaltet sein und das Nutzerverhalten dahingehend steuern, den Inhalt weiter zu erkunden. 
  • Deshalb platzieren Designer/innen wichtige Informationen oft am oder in der Nähe des oberen Seitenrandes, um die Sichtbarkeit zu maximieren und die Aufmerksamkeit der Besucher/innen schnell auf sich zu ziehen.

Worauf du bei Below the Fold achten solltest

Wenn du weniger wichtige Informationen unterhalb dieses Punktes platzierst, können Nutzer, die den Inhalt deiner Seite weiter erforschen möchten, dies tun, ohne von zu vielen Informationen auf einmal überwältigt zu werden. Es ist wichtig, dass beide Bereiche – oben und unten – gut gestaltet und organisiert sind, damit die Besucherinnen und Besucher leicht finden, was sie suchen.

Wie wirkt sich der Seitenaufbau auf die Suchmaschinenoptimierung aus?

Einer der wichtigsten Aspekte der Website-Optimierung für das Suchmaschinenranking ist die Sicherstellung, dass der sichtbare Bereich einer Seite richtig indexiert werden kann. Suchmaschinen-Bots sind darauf ausgelegt, nur Text zu lesen und zu analysieren. Das heißt, wenn der Inhalt auf der zuerst geladenen Seite nicht sichtbar ist, kann es sein, dass es wenig bis gar keinen Keyword-reichen Ankertext gibt, um die Relevanz der Seite zu bestimmen. 

Wenn eine Webseite z. B. ein großes Bild oder ein Video oberhalb des Falzes enthält, das einen Großteil des Bildschirms einnimmt, können die Suchmaschinenbots die Keyword-Dichte oder andere damit verbundene Keywords erst beurteilen, wenn sie daran vorbei nach unten scrollen. Um das SEO-Potenzial zu maximieren, sollten Webmaster/innen besonders darauf achten, dass alle wichtigen Inhalte sichtbar sind, wenn ein Webseitenbesucher zum ersten Mal auf der Webseite landet.

Auch die Verwendung relevanter Metadaten-Tags wie Titel- und Beschreibungsattribute trägt dazu bei, die Leistung der Suchmaschinen zu verbessern, da diese ein wesentlicher Bestandteil der Platzierung deiner Seite in der organischen Suche sind.

Zusammenfassung

Below the Fold und Above the Fold werden oft als wichtige Aspekte der Website-Optimierung genannt, da die Nutzer/innen in der Lage sein sollten, schnell auf die wichtigsten Informationen zuzugreifen, die übersichtlich und effizient präsentiert werden. Der Inhalt oberhalb des Falzes sollte sowohl ins Auge fallen als auch informativ sein, um ermutigen die Nutzer zum Weiterforschen. Below the Fold sollte weniger wichtige Informationen sowie Metadaten-Tags wie Titel- und Beschreibungsattribute enthalten, die die Leistung der Suchmaschinen verbessern.