Wenn wir zu den Anfängen des Verlagswesens zurückgehen, erhalten wir den Begriff „above the fold“ als Bezeichnung für Inhalte, die in der oberen Hälfte der Titelseite einer Zeitung erscheinen. Der Inhalt oberhalb des Falzes erschien den Lesern als der sichtbarste, mit einprägsamen Schlagzeilen und anschaulichen Bildern, die häufig verwendet wurden, um die Aufmerksamkeit der Leser zu erregen, in der Hoffnung, dass sie beim Vorbeigehen am Zeitungskiosk davon überzeugt würden, eine Zeitung zu kaufen.
Nun spulen wir schnell vor zum Übergang von aper zu digital, als dieselben Verleger ihr Geschäft von Print zu Online verlegten. Da sich das Webdesign seit den frühen 1990er Jahren weiterentwickelt hat, blieb der Begriff bestehen. Was bedeutet also „above the fold“ für Ihre Homepage? Und ist es auch 2019 noch wichtig?
Warum ist Above The Fold wichtig für meine Website?
Im Zeitalter des digitalen Marketings bezieht sich der Falz nicht mehr auf eine tatsächliche Falte in einer Zeitung, sondern auf den Inhalt, der beim Besuch einer Website als erstes geladen wird, um die Aufmerksamkeit des Besuchers zu wecken und ihn zu fesseln.
In der Welt des Webdesigns, wo man sich Gedanken über das Layout und die Platzierung von Inhalten macht, weil der Inhalt, der oberhalb des Falzes erscheint, als erstes sichtbar ist, wenn der Besucher der Website die Seite lädt. Dieser Inhalt ist der wichtigste Bereich, der die meiste Aufmerksamkeit der Besucher Ihrer Website auf sich zieht, und die Benutzerfreundlichkeit sollte dies widerspiegeln. Jakob Nielsen schätzt, dass „Webnutzer 80 % ihrer Zeit damit verbringen, Informationen oberhalb der Falz zu betrachten. Obwohl die Nutzer heute mehr scrollen, widmen sie nur 20 % ihrer Aufmerksamkeit dem Bereich unterhalb des Falzes.“
Zuerst müssen Sie sich fragen, welche Inhalte am wichtigsten sind, um meine Geschäftsziele zu erreichen.
Wenn Sie diese Frage beantwortet haben, wissen Sie, was Sie in diesem gut sichtbaren Bereich platzieren müssen. Der Inhalt sollte sofort die Aufmerksamkeit des Nutzers erregen und ihm den Inhalt präsentieren, nach dem er sucht, damit er nicht abspringt und eine andere Website besucht.
Schnelle Tipps zur Steigerung der Konversionsrate
- Heldenbild: Werden Sie hier nicht zu ätherisch. Wie sehen Ihre zufriedenen Kunden aus? Was erleben sie gerade? Zeigen Sie ein Bild, das eine positive Erwartungshaltung hervorruft.
- Kopfzeilen: Verlieren Sie nicht die Klarheit, um clever zu sein. Wenn Sie verwirren, verlieren Sie. Halten Sie sich an eine einfache Botschaft, die genau zeigt, was Sie tun, oder sich in die zentrale Herausforderung einfühlt, vor der Ihr Kunde steht.
- Aufforderung zum Handeln (CTA): Ihre primäre CTA sollte offensichtlich sein und in der oberen rechten Ecke der Navigation UND im Heldenbereich platziert werden.
- Tagline: Kombinieren Sie die klare Kopfzeile mit einer ein- oder zweisätzigen Zeile, die Ihre Marke so positioniert, dass sie zur Lösung des Problems Ihres Kunden beiträgt.
- Navigation: Weniger ist mehr. Eine gut gestaltete Website führt den Nutzer genau dorthin, wo Sie ihn haben wollen. Zu viele Optionen können zu Entscheidungsmüdigkeit führen.
- Ladegeschwindigkeit: Die Ladezeit Ihrer Homepage könnte dazu führen, dass Besucher abspringen!
Die Platzierung von Anzeigen oberhalb der Falz verbessert ihre Sichtbarkeit und generiert mehr Anzeigeneinnahmen als Anzeigen, die an weniger sichtbaren Stellen platziert sind.
Wie misst man „The Fold“ im Webdesign?
Kurz gesagt, ist es unmöglich, genau zu definieren, wo der Fold auf Ihrer Website platziert wird. Die genaue Position unterscheidet sich aufgrund der verschiedenen Bildschirmgrößen (Desktop und Laptop), Bildschirmauflösungen, Browser-Plugins und Größen verschiedener Mobiltelefone und Tablets.
Als Faustregel sind sich die meisten Webdesigner einig, dass die Falzlinie etwa 1000 Pixel breit und 600 Pixel hoch ist. Dies ist die beste Schätzung für die gängigste Monitor/Browser-Kombination von 1024×768 Pixeln, bei maximiertem Browserfenster und ohne installierte Symbolleisten am oberen Rand, die den Inhalt nach unten drücken.
Wenn Sie wissen möchten, wie Sie mehr erfahren können, sehen Sie sich das Analyseprogramm Ihrer Website an (wenn Sie keines haben, ist Google Analytics ein guter Ausgangspunkt), das Ihnen die gängigsten Bildschirmabmessungen für Ihre Besucher mitteilen sollte. Während die übliche Bildschirmgröße von 1024×768 traditionell die richtige ist, werden neue Dimensionen wie 320×568 und 360×640 immer beliebter, was auf die Zunahme der mobilen Nutzung von Websites zurückzuführen ist.
Mobile Viewing And Responsive Design
In den letzten Jahren hat die Nutzung mobiler Geräte für das Surfen im Internet stark zugenommen, was das Konzept der Optimierung des Webdesigns für Above-the-Fold-Inhalte weiter erschwert.
Eine Herausforderung besteht darin, dass mobile Geräte eine große Vielfalt an Bildschirmgrößen bieten und dass Nutzer auf mobilen Geräten meist im Hochformat und nicht im Querformat surfen. Dies wirkt sich wiederum auf die Größe aus, die ein Designer für die Darstellung wichtiger Inhalte zur Verfügung hat.
Optimizely sagt: „Da so viele Menschen über eine Vielzahl von Geräten auf Webseiten zugreifen, gehört zu den aktuellen Webdesign-Praktiken die Verwendung von Responsive Design: die Verwendung von flexiblen Layouts, Bildern und Cascading Style Sheets. Beim Responsive Design gibt es kein festes Layout für eine Seite, und der Inhalt passt sich an jede Bildschirmgröße an. Responsive Webseiten reagieren oder „antworten“ auf die Umgebung, in der sie konsumiert oder durchsucht werden.“
Während der wichtige Inhalt immer noch weiter oben auf der Seite stehen muss, sollten die Seiten heutzutage so gestaltet sein, dass die Benutzer zum Scrollen verleitet werden, damit sie keine wichtigen Inhalte verpassen.
Die Faltung wird es als Konzept immer geben, aber sie ist eine Regel, die geändert oder modifiziert werden kann, insbesondere im Laufe der Zeit. Da es so viele verschiedene Geräte und Bildschirmauflösungen gibt, um Websites zu durchsuchen, unterscheidet sich die Faltung viel zu sehr von Benutzer zu Benutzer, als dass man sich regelmäßig darauf verlassen könnte. Wenn Sie jedoch darauf achten, nur die wichtigsten Elemente und Inhalte oberhalb der Falz zu platzieren, können Sie ein gutes Gleichgewicht zwischen der Benutzerfreundlichkeit Ihrer Website und der Bereitstellung der richtigen Inhalte „oberhalb der Falz“ finden.
Weitere Tipps zu bewährten Verfahren für die Homepage oder zur Verbesserung der Geschwindigkeit Ihrer Website finden Sie in diesen Blogs!
- 5 Best Practices für Homepages
- 13 Wege zur Erhöhung der Website-Geschwindigkeit
Von Landing Pages bis hin zu Homepages haben wir Unternehmen wie Ihrem geholfen, Benutzererlebnisse zu schaffen, die zu einem Verkauf führen. Vereinbaren Sie einen Termin für ein Gespräch.