Above the fold: Unterschied zwischen den Versionen

Aus Seobility Wiki
Wechseln zu: Navigation, Suche
Zeile 1: Zeile 1:
−
<seo title="Above the fold" metadescription="Above the fold meint den Seitenbereich, der vollständig auf dem Bildschirm sichtbar ist, ohne dass der User scrollen muss." />
+
<seo title="Was sind Above-the-Fold-Inhalte?" metadescription="Warum diese Web-Design-Strategie wichtig ist: Dieser Artikel erklärt, wie man mit gut gewähltem Above-the-Fold-Inhalt Website-Besucher ansprechen kann." />  
  
−
== Was bedeutet "Above the fold"? ==
+
== Definition ==
  
−
Above the fold heißt übersetzt „oberhalb der Pfalz“. Im Bereich der Printmedien bezieht sich der Ausdruck auf den Seitenbereich oberhalb der Pfalzlinie einer Zeitung. Übertragen auf den Bereich des Online-Marketings meint „above the fold“ demnach den Seitenbereich oberhalb der unteren Browserkante, also der Bereich, der vollständig auf dem Bildschirm sichtbar ist, ohne dass der Internetnutzer diesen scrollen muss. Das Gegenstück hierzu bildet die Bezeichnung „below the fold“, die verwendet wird, wenn der Bildschirm durch den Internetnutzer gescrollt wird.
+
Above the Fold ist derjenige Bereich einer Website, der die unmittelbare Aufmerksamkeit der Besucher erregt. Dabei handelt es sich um das, was die Nutzer beim Besuch einer Website auf den ersten Blick sehen. Als Above the Fold wird der Bereich bezeichnet, den die Nutzer zuerst sehen, wenn sie auf eine Seite geleitet werden.  
  
−
==Praktische Bedeutung==
+
Der Begriff „above the fold“ wird darüber hinaus auch im Zusammenhang mit Inhalten gebraucht, die in Zeitungen veröffentlicht werden. Ursprünglich stammt er sogar aus dem Bereich der Printmedien. Dabei bezeichnete er diejenigen Nachrichten, die auf dem Titelblatt der Zeitung erschienen und so für den Leser direkt sichtbar waren.
  
−
Elemente einer Webseite, die „above the fold“ platziert werden, erhalten die meiste Aufmerksamkeit, da diese nach dem Seitenaufruf durch den Webseitenbesucher unmittelbar für diesen sichtbar sind. Elemente, die „below the fold“ platziert sind, werden hingegen unter Umständen gar nicht gesehen. Um sicherzustellen, dass die wichtigsten Seiteninhalte, wie beispielsweise die Seitennavigation oder besonders wichtige Informationen, vom Webseitenbesucher sofort wahrgenommen werden, sollten diese also immer „above the fold“ platziert werden. Dies hat positive Auswirkungen auf die [[Usability]] einer Webseite, da dem Internetnutzer so etwa die Navigation der Seiteninhalte erleichtert wird. Außerdem weckt der „above the fold“ platzierte Content das Interesse des Webseitenbesuchers, sodass dieser dazu motiviert wird, seinen Besuch auf der Website fortzusetzen und weitere Seiteinhalte aufzurufen. Hierdurch wird nicht nur die [[Verweildauer]] gesteigert, sondern bei kommerziellen Websites gegebenenfalls auch die Zahl der Kontaktaufnahmen und Verkaufsabschlüsse und damit die [[Conversion Rate]] der Website erhöht.
+
Im Hinblick auf das Layout ist dies insofern von Bedeutung, da die in der Auslage platzierten Zeitungen in der Mitte gefaltet werden. Für potenzielle Kunden ist somit zunächst nur die obere Hälfte der Titelseite sichtbar.
 +
 +
Die direkt sichtbaren Schlagzeilen und Informationen sollten die Aufmerksamkeit des Lesers auf sich ziehen und ihn dazu bringen, die Zeitung weiterlesen und deshalb auch kaufen zu wollen. Aus diesem Grund handelte es sich bei den Inhalten, die „above the fold“ („oberhalb der Faltung“) zu sehen waren, oft um große Überschriften, spannende Schlagzeilen, interessante Bilder und fesselnde Texte. Mittlerweile wurde dieses Prinzip auch auf den Bereich der digitalen Medien übertragen.  
  
−
==Bedeutung für die OnPage-Optimierung==
+
Bei Websites werden sämtliche Inhalte als Above the Fold bezeichnet, die für den Nutzer direkt sichtbar sind, bevor er auf der Webseite nach unten scrollt. Dazu gehören alle Banner, Überschriften, Menüs und oft auch die ersten Sätze des geschriebenen Textes auf einer Seite. Alle Inhalte, die erst durch Scrollen sichtbar sind, werden als Below-The-Fold-Content bezeichnet.
  
−
Auch Suchmaschinen, darunter Google, bewerten Seiteninhalte, die „above the fold“ platziert werden, je nach Fall positiv oder negativ und lassen dies als Teil ihres Algorithmus in das Ranking der Webseite miteinfließen. So wird z.B. die übermäßige Einbindung von Werbeeinblendungen von Google negativ bewertet, da diese keinen Mehrwert für den Internetnutzer bringen, der eine Webseite besucht, um dort Informationen zu finden. Werbeeinblendungen „above the fold“ schränken daher, so die Einschätzung von Google, die Benutzerfreundlichkeit und das Nutzererlebnis erheblich ein, da Werbeeinblendungen den Internetnutzer davon abhalten, die gesuchten Informationen zu finden. Im Zuge der beiden Updates „Top Heavy“ und „Top Heavy 2“ hat Google Webseiten, die eine übermäßige Anzahl an Werbeeinblendungen „above the fold“ platziert hatten, gar mit einer Herabwertung ihrer Platzierungen in den [[SERP]]s bestraft. Umgekehrt macht es jedoch auch keinen Sinn, ausschließlich den Bereich „above the fold“ mit wichtigem Content für den Webseitenbesucher zu füllen, während der Bereich „below the fold“ nur für Suchmaschinen optimiert wird. Dies wirkt sich negativ auf die Benutzerfreundlichkeit aus, da hierdurch keinerlei Mehrwert für den Webseitenbesucher entsteht.
+
== Welche Inhalte sollten Above the Fold sein? ==
  
−
== Ähnliche Artikel ==
+
Für Webdesigner ist es wichtig, die Positionierung auf einer Seite zu berücksichtigen und sich dabei das Above-The-Fold-Prinzip zunutze zu machen. So erzeugen sie bei den Besuchern der Website den bestmöglichen ersten Eindruck von der jeweiligen Marke. Je besser der Above-The-Fold-Inhalt ist, desto eher wird er die Conversion Rate der Website erhöhen, mehr Traffic generieren und höhere Verkaufszahlen erzielen.
  
−
* [[Screendesign]]
+
Es empfiehlt sich also, lebendige und ansprechende Inhalte zu positionieren, die sowohl attraktiv als auch sofort verständlich sind.
−
* [[Banner]]
+
Vorteilhaft wäre es, Inhalte wie die folgenden „above the fold“ zu positionieren:
  
−
[[Kategorie:Web Design]]
+
* Visuelle Überschriften
 +
* Prägnante Schlagzeilen oder Taglines
 +
* Farben
 +
* On-Brand-Visuals
 +
* Firmenlogo
 +
* Bilder
 +
* Fotografien
 +
* Videos
 +
* GIFs
 +
* Ein kurzer, unterhaltsamer und gut geschriebener Text oder Cliffhanger
 +
* Ein Clip, der die Leistungen des Unternehmens kurz umreißt
 +
* Eine interaktive Diashow
 +
* Kundenrezensionen und Testimonials
 +
* Eine Handlungsaufforderung über einen Text, einen Hyperlink, eine Anmeldeseite (z. B. für einen E-Mail-Newsletter) oder einen Button 
 +
* Eine Auswahl der meistverkauften Produkte
 +
 
 +
[[File:Above-the-fold-seobility.png|link=|border|750px|alt=Above the Fold|Screenshot der Startseite von Seobility]]
 +
 
 +
Der Above-The-Fold-Inhalt auf [https://www.seobility.net/de/ seobility.net]
 +
 
 +
== Best Practices für Above-the-Fold-Content ==
 +
 
 +
Abgesehen vom oben beschriebenen Beispiel sind bei der Neugestaltung des Above-the-Fold-Inhalts einer Website im Allgemeinen die folgenden Faktoren von großer Bedeutung:
 +
 
 +
* Nicht alle Geräte haben dieselbe Bildschirmgröße. Above-the-Fold-Content sollte für die Besucher auf dem Laptop die gleiche Wirkung wie beim Abrufen über ein Mobiltelefon haben.
 +
* Es empfiehlt sich, bei der Online-Marketing-Strategie der Website kreativ zu sein. Der Gebrauch von Standard-Webseitenvorlagen für den Above-the-Fold-Content sollte vermieden werden. Dass diese auf dem Markt auffallen oder Besuchern besonders ins Auge stechen, ist schließlich eher unwahrscheinlich.
 +
* Die Wahl sollte idealerweise auf ein sauberes und einfaches Design fallen. Keinesfalls sollte der Above-the-Fold-Content viele Informationen, störende Elemente oder hektische Bilder umfassen. Dies wirkt verwirrend und im schlimmsten Fall sogar abschreckend auf die Nutzer.
 +
* Bei der Erstellung des Above-the-Fold-Webinhalts sollten Best-Practice-Beispiele für [[User Interface|User Interface]] und [[User Experience|Nutzererfahrung]] einbezogen werden.
 +
* [[AB-Testing|A/B-Tests]] helfen dabei herauszufinden, welches Inhaltsdesign für die Nutzer am besten funktioniert.
 +
 
 +
== Bedeutung für das ‌Online‌-Marketing ==
 +
 
 +
Die Relevanz von Above-the-Fold-Positionierungen ist unter Spezialisten für Marketing und Webdesign ein strittiges Thema. Das hat mitunter damit zu tun, dass das Scrollen für viele Webnutzer mittlerweile zu einer natürlichen Angewohnheit geworden ist. Inhalte „above the fold“ zu platzieren, ist deshalb immer weniger notwendig.
 +
 
 +
Im Hinblick auf die [[Traffic|Website Traffic]]-Analyse erscheint es jedoch sinnvoll, die Struktur der Webseite entsprechend zu betrachten.
 +
 
 +
Ein durchschnittlicher Besucher einer Webseite verbringt schätzungsweise 80 % seines Besuchs damit, sich Above-the-Fold-Inhalte anzusehen. Eine Studie aus dem Jahr 2015 zeigt, dass die CTR kein Google-Ranking-Faktor ist. <ref>[http://www.useit.com/alertbox/scrolling-attention.html/ Scrolling Attention] Use It. Abgerufen am 15. Januar 2021.</ref>
 +
 
 +
Wenn Website- oder Marketing-Kennzahlen auf einen negativen Trend schließen lassen (z. B. eine hohe [[Bounce Rate|Absprungrate]]), kann das Above-the-Fold-Konzept zu einer Verbesserung dieser Statistiken beitragen.
 +
 
 +
Für Webdesigner ist die Überlegung, was als Above-the-Fold-Inhalt platziert werden soll, ein wichtiger Teil des Unternehmensmarketings. Diese Faktoren sind ausschlaggebend dafür, ob ein Besucher auf der Website bleibt oder nicht. Aus dem sich hier befindlichen Inhalt sollte deutlich hervorgehen, was das Unternehmen macht und anbietet. Gleichzeitig sollen der [[Targeting|Zielmarkt]] klar adressiert und die Markenwerte repräsentiert werden.
 +
 
 +
Durch die Verwendung des Above-the-Fold-Konzepts kann Werbung für die Unternehmensseite bei den besuchenden Kunden größere Erfolge erzielen. Wenn die Inhalte auf diese Weise optimiert werden, ist es wahrscheinlicher, dass sich Kunden mit der Webseite beschäftigen und über diese auch Käufe tätigen.
 +
 
 +
Alternativ empfiehlt sich die Verwendung des Parallax-Effekts auf der Webseite. Hierbei wird ein überaus effektiver visueller, dreidimensionaler Scroll-Effekt erzeugt, der sich des Above-the-Fold-Prinzips bedient. Dadurch wird eine einprägsamere und ansprechendere Website erstellt.
 +
 
 +
== Einzelnachweise ==
 +
 
 +
<references />
 +
 
 +
== Weiterführende Links ==
 +
 
 +
* https://blog.hubspot.de/marketing/landing-page-erstellen
 +
* https://medium.com/@juliazell/minimal-web-design-5-tipps-f%C3%BCr-minimalismus-im-webdesign-175c3719bcd1
 +
 
 +
== Ähnliche Artikel ==
 +
 
 +
* [[Mobile Optimierung|Mobile Optimierung]]
 +
* [[One Pager|One Pager]]
 +
* [[Bounce Rate|Absprungrate]]
 +
 
 +
[[Kategorie:Online Marketing]]

Version vom 24. März 2021, 14:03 Uhr

Definition

Above the Fold ist derjenige Bereich einer Website, der die unmittelbare Aufmerksamkeit der Besucher erregt. Dabei handelt es sich um das, was die Nutzer beim Besuch einer Website auf den ersten Blick sehen. Als Above the Fold wird der Bereich bezeichnet, den die Nutzer zuerst sehen, wenn sie auf eine Seite geleitet werden.

Der Begriff „above the fold“ wird darüber hinaus auch im Zusammenhang mit Inhalten gebraucht, die in Zeitungen veröffentlicht werden. Ursprünglich stammt er sogar aus dem Bereich der Printmedien. Dabei bezeichnete er diejenigen Nachrichten, die auf dem Titelblatt der Zeitung erschienen und so für den Leser direkt sichtbar waren.

Im Hinblick auf das Layout ist dies insofern von Bedeutung, da die in der Auslage platzierten Zeitungen in der Mitte gefaltet werden. Für potenzielle Kunden ist somit zunächst nur die obere Hälfte der Titelseite sichtbar.

Die direkt sichtbaren Schlagzeilen und Informationen sollten die Aufmerksamkeit des Lesers auf sich ziehen und ihn dazu bringen, die Zeitung weiterlesen und deshalb auch kaufen zu wollen. Aus diesem Grund handelte es sich bei den Inhalten, die „above the fold“ („oberhalb der Faltung“) zu sehen waren, oft um große Überschriften, spannende Schlagzeilen, interessante Bilder und fesselnde Texte. Mittlerweile wurde dieses Prinzip auch auf den Bereich der digitalen Medien übertragen.

Bei Websites werden sämtliche Inhalte als Above the Fold bezeichnet, die für den Nutzer direkt sichtbar sind, bevor er auf der Webseite nach unten scrollt. Dazu gehören alle Banner, Überschriften, Menüs und oft auch die ersten Sätze des geschriebenen Textes auf einer Seite. Alle Inhalte, die erst durch Scrollen sichtbar sind, werden als Below-The-Fold-Content bezeichnet.

Welche Inhalte sollten Above the Fold sein?

Für Webdesigner ist es wichtig, die Positionierung auf einer Seite zu berücksichtigen und sich dabei das Above-The-Fold-Prinzip zunutze zu machen. So erzeugen sie bei den Besuchern der Website den bestmöglichen ersten Eindruck von der jeweiligen Marke. Je besser der Above-The-Fold-Inhalt ist, desto eher wird er die Conversion Rate der Website erhöhen, mehr Traffic generieren und höhere Verkaufszahlen erzielen.

Es empfiehlt sich also, lebendige und ansprechende Inhalte zu positionieren, die sowohl attraktiv als auch sofort verständlich sind. Vorteilhaft wäre es, Inhalte wie die folgenden „above the fold“ zu positionieren:

  • Visuelle Überschriften
  • Prägnante Schlagzeilen oder Taglines
  • Farben
  • On-Brand-Visuals
  • Firmenlogo
  • Bilder
  • Fotografien
  • Videos
  • GIFs
  • Ein kurzer, unterhaltsamer und gut geschriebener Text oder Cliffhanger
  • Ein Clip, der die Leistungen des Unternehmens kurz umreißt
  • Eine interaktive Diashow
  • Kundenrezensionen und Testimonials
  • Eine Handlungsaufforderung über einen Text, einen Hyperlink, eine Anmeldeseite (z. B. für einen E-Mail-Newsletter) oder einen Button
  • Eine Auswahl der meistverkauften Produkte

Above the Fold

Der Above-The-Fold-Inhalt auf seobility.net

Best Practices für Above-the-Fold-Content

Abgesehen vom oben beschriebenen Beispiel sind bei der Neugestaltung des Above-the-Fold-Inhalts einer Website im Allgemeinen die folgenden Faktoren von großer Bedeutung:

  • Nicht alle Geräte haben dieselbe Bildschirmgröße. Above-the-Fold-Content sollte für die Besucher auf dem Laptop die gleiche Wirkung wie beim Abrufen über ein Mobiltelefon haben.
  • Es empfiehlt sich, bei der Online-Marketing-Strategie der Website kreativ zu sein. Der Gebrauch von Standard-Webseitenvorlagen für den Above-the-Fold-Content sollte vermieden werden. Dass diese auf dem Markt auffallen oder Besuchern besonders ins Auge stechen, ist schließlich eher unwahrscheinlich.
  • Die Wahl sollte idealerweise auf ein sauberes und einfaches Design fallen. Keinesfalls sollte der Above-the-Fold-Content viele Informationen, störende Elemente oder hektische Bilder umfassen. Dies wirkt verwirrend und im schlimmsten Fall sogar abschreckend auf die Nutzer.
  • Bei der Erstellung des Above-the-Fold-Webinhalts sollten Best-Practice-Beispiele für User Interface und Nutzererfahrung einbezogen werden.
  • A/B-Tests helfen dabei herauszufinden, welches Inhaltsdesign für die Nutzer am besten funktioniert.

Bedeutung für das ‌Online‌-Marketing

Die Relevanz von Above-the-Fold-Positionierungen ist unter Spezialisten für Marketing und Webdesign ein strittiges Thema. Das hat mitunter damit zu tun, dass das Scrollen für viele Webnutzer mittlerweile zu einer natürlichen Angewohnheit geworden ist. Inhalte „above the fold“ zu platzieren, ist deshalb immer weniger notwendig.

Im Hinblick auf die Website Traffic-Analyse erscheint es jedoch sinnvoll, die Struktur der Webseite entsprechend zu betrachten.

Ein durchschnittlicher Besucher einer Webseite verbringt schätzungsweise 80 % seines Besuchs damit, sich Above-the-Fold-Inhalte anzusehen. Eine Studie aus dem Jahr 2015 zeigt, dass die CTR kein Google-Ranking-Faktor ist. [1]

Wenn Website- oder Marketing-Kennzahlen auf einen negativen Trend schließen lassen (z. B. eine hohe Absprungrate), kann das Above-the-Fold-Konzept zu einer Verbesserung dieser Statistiken beitragen.

Für Webdesigner ist die Überlegung, was als Above-the-Fold-Inhalt platziert werden soll, ein wichtiger Teil des Unternehmensmarketings. Diese Faktoren sind ausschlaggebend dafür, ob ein Besucher auf der Website bleibt oder nicht. Aus dem sich hier befindlichen Inhalt sollte deutlich hervorgehen, was das Unternehmen macht und anbietet. Gleichzeitig sollen der Zielmarkt klar adressiert und die Markenwerte repräsentiert werden.

Durch die Verwendung des Above-the-Fold-Konzepts kann Werbung für die Unternehmensseite bei den besuchenden Kunden größere Erfolge erzielen. Wenn die Inhalte auf diese Weise optimiert werden, ist es wahrscheinlicher, dass sich Kunden mit der Webseite beschäftigen und über diese auch Käufe tätigen.

Alternativ empfiehlt sich die Verwendung des Parallax-Effekts auf der Webseite. Hierbei wird ein überaus effektiver visueller, dreidimensionaler Scroll-Effekt erzeugt, der sich des Above-the-Fold-Prinzips bedient. Dadurch wird eine einprägsamere und ansprechendere Website erstellt.

Einzelnachweise

  1. ↑ Scrolling Attention Use It. Abgerufen am 15. Januar 2021.

Weiterführende Links

Ähnliche Artikel

Überprüfen Sie Ihre Webseite mit
dem SEO Check!