{"id":4394,"date":"2020-09-09T12:00:00","date_gmt":"2020-09-09T10:00:00","guid":{"rendered":"https:\/\/ameo-agentur.de\/?p=4394"},"modified":"2025-05-08T14:32:21","modified_gmt":"2025-05-08T12:32:21","slug":"above-the-fold","status":"publish","type":"post","link":"https:\/\/ameo-agentur.de\/de\/wissen\/above-the-fold\/","title":{"rendered":"Was bedeutet \u201eAbove the Fold\u201c?"},"content":{"rendered":"\n

Als \u201eabove the fold<\/strong>\u201c wird der Teil einer Website genannt, der f\u00fcr User direkt einsehbar ist. Aber wie aktuell ist \u201eabove the fold\u201c in Zeiten des responsiven Designs?<\/p>\n\n\n\n

Heute alles in den sichtbaren Bereich eines Browsers zu integrieren, ist nicht mehr zeitgem\u00e4\u00df. Durch die Nutzung von Tablets und Smartphones hat sich auch das Verhalten der Nutzer:innen im Web ver\u00e4ndert. Sie haben gelernt, Bildschirmansichten durch Wischen zu wechseln. Da eine mobile Ansicht eine andere Herausforderung an die Darstellung einer Website stellt, muss bei der Gestaltung von Webdesigns umgedacht werden. Welche Rolle spielt also der sofort sichtbare \u201eabove the fold\u201c-Bereich einer Website unter diesen Gegebenheiten?<\/p>\n\n\n\n

Der Bereich \u201eabove the fold\u201c ist nach wie vor wichtig, trotzdem sollte man unter Design-Aspekten darauf achten, diesen Bereich nicht zu \u00fcberladen und komplett vollzustopfen. Vielmehr gilt es an dieser Stelle, die Aufmerksamkeit der Besucher:innen zu gewinnen. Die Besucher:innen sollen nach M\u00f6glichkeit zum Scrollen angeregt werden und auch den Rest der Seite betrachten.<\/p>\n\n\n\n

Der Begriff \u201cabove the fold\u201d<\/h2>\n\n\n
\n
\"above-the-fold-under-the-fold\"<\/a><\/figure>\n<\/div>\n\n\n

Der Ausdruck \u201eabove the fold\u201c stammt aus der Printbranche und bedeutet \u00fcbersetzt \u201eoberhalb der Falz\u201c. Der Begriff beschreibt damit den Teil einer klassischen Zeitung, der \u00fcber der Falz liegt, also dem horizontalen Knick der Zeitung. Kunden nehmen diesen Teil in der Regel als erstes wahr. Hier sollten daher die Inhalte<\/strong> stehen, die die potenziellen Kund:innen neugierig machen<\/strong>, wie eine interessante \u00dcberschrift und imposante Bilder, so wird im Idealfall zum Kauf verleitet. Das Prinzip\u202f\u201eabove the fold\u201c\u202fwurde auf Webseiten \u00fcbertragen und beschreibt auch hier den zuerst sichtbaren Teil der Seite.<\/p>\n\n\n\n

Die Relevanz von \u201eabove the fold\u201c<\/h2>\n\n\n\n

Auf Webseiten ist \u201eabove the fold\u201c der Abschnitt, den die Nutzer:innen sofort sehen\u202fk\u00f6nnen, ohne dass sie scrollen m\u00fcssen<\/strong>. Geht man von einer 1366\u00d7768 Pixel Bildschirmaufl\u00f6sung aus, sehen Besucher:innen einer Webseite normalerweise nur einen Ausschnitt dieser. Bei der SerachLove in London Ende 2013 sprach Peep Laja davon, dass \u201eabove the fold\u201c immer noch fast 80 % der Aufmerksamkeit der Nutzer:innen erntet. Daran hat auch die Implementierung von Responsive Design und h\u00e4ufigeres Wischen und Scrollen nichts ge\u00e4ndert.<\/p>\n\n\n\n

Damit w\u00e4re bewiesen, dass der obere Bereich von Websites \u201eabove the fold\u201c immer noch relevant und wichtig ist, um die Aufmerksamkeit der Besucher:innen zu erregen. Trotzdem hat sich etwas ge\u00e4ndert: Besucher:innen haben heute weniger Geduld als fr\u00fcher. Das liegt vor allem an der h\u00f6heren Vielfalt des Contents, zu dem Benutzer:innen heute Zugang haben. Daher ist die Herausforderung, das Interesse von Suchenden zu wecken, umso gr\u00f6\u00dfer.<\/p>\n\n\n\n

Eine gute Strategie<\/a> f\u00fcr einen intelligent genutzten \u201eabove the fold\u201c ist es deshalb, diesen Bereich nicht mit Informationen zu \u00fcberfrachten (gilt insbesondere f\u00fcr Google und SEO<\/a>). Im \u201eabove the fold\u201c sollten stattdessen vor allem die Vorteile der Website pr\u00e4sentiert<\/strong> und den Besucher:innen erkl\u00e4rt werden. Den Benutzer:innen wird im besten Fall kurz und knackig erkl\u00e4rt, was es auf der Website zu entdecken gibt. Es soll Lust aufs Entdecken gesch\u00fcrt werden.<\/p>\n\n\n\n

Wie designt man am besten f\u00fcr \u201eabove the fold\u201c<\/h2>\n\n\n\n

Durch die Nutzung diverser Endger\u00e4te wie Smartphones, Tablets und Desktop Computern hat sich auch der Bereich \u201eabove the fold\u201c ge\u00e4ndert. Denn bei jedem Endger\u00e4t erscheint dank Responsive Design<\/strong> diese wichtige Falzlinie an unterschiedlichen Stellen der Website. Welcher Bereich den Besucher:innen auf dem Endger\u00e4t angezeigt wird, h\u00e4ngt von verschiedenen Faktoren<\/a> ab. Zum Beispiel von der Bildschirmaufl\u00f6sung, der Breite der Toolbar und davon, ob die Seite vergr\u00f6\u00dfert ist.<\/p>\n\n\n\n

Es gibt keine allgemeing\u00fcltige Musterl\u00f6sung, um f\u00fcr diese Anforderung zu designen. Es sollte allerdings sichergestellt werden, dass der wichtigste Content<\/a> nach M\u00f6glichkeit am Anfang der Seite zu finden ist und auf die Bed\u00fcrfnisse der meisten Nutzer:innen angepasst ist.<\/p>\n\n\n\n

Wenn man recherchieren m\u00f6chte, welche Bildschirmaufl\u00f6sung die Mehrheit der Besucher:innen der eigenen Website nutzen, kann man daf\u00fcr folgende Schritte durchf\u00fchren:<\/p>\n\n\n\n

    \n
  1. Man \u00f6ffnet Google Analytics<\/li>\n\n\n\n
  2. W\u00e4hlt in der Kategorie \u201eBesucher\u201c \u201eZielgruppe\u201c aus und klickt auf \u201eBrowser und Betriebssystem\u201c<\/li>\n\n\n\n
  3. Unter \u201eBildschirmaufl\u00f6sung\u201c findet man dann die entsprechenden Daten<\/li>\n<\/ol>\n\n\n\n

    Um herauszufinden, welche Abschnitte einer Webseite auf verschiedenen Endger\u00e4ten sofort sichtbar sind, kann man beispielsweise ein Browser Add-on nutzen wie z. B. Window Resizer f\u00fcr Google Chrome. Dort k\u00f6nnen verschiedene Formate ausgew\u00e4hlt und \u00fcberpr\u00fcft werden, was Nutzer:innen an verschiedenen Endger\u00e4ten auf den ersten Blick sehen.<\/p>\n\n\n\n

    Designen f\u00fcr den unteren Webseitenbereich \u201ebelow the fold\u201c<\/h2>\n\n\n\n

    Jetzt wissen wir, dass der Platz \u201cabove the fold\u201d immer noch unglaublich wichtig ist, um das Interesse von Webseitenbesucher:innen zu wecken. Aber was ist mit dem restlichen sch\u00f6nen Content? Besitzt eine Website eine Bildlaufleiste, dann wird diese von gut einem Drittel der Besucher:innen genutzt. Es gibt drei M\u00f6glichkeiten, das Scrollen zu f\u00f6rdern und somit die Besucher:innen zu animieren, auch bis zum Ende der Website zu scrollen.<\/p>\n\n\n\n