What you put in the top of your front page has a huge impact on the success or failure of your website. Put the wrong thing in, and you’ll probably see your visitors quickly navigating away from your site. Put the right content there and you may see your sales go up.
This article isn’t an all-in-one guide for creating above the fold content, nor is about an all-encompassing rule on what you should put in. Rather, I will give you a few tips, recommendations and a little bit of helpful research about this topic.
Bevor wir direkt einsteigen, ist es gut zu wissen, wie der obere Bereich Ihrer Startseite eigentlich heißt. Es gibt einen besseren Namen dafür als „der obere Teil Ihrer Website“.
„Above the Fold“
Man nennt es „Above the Fold“ (oberhalb der Falz). Warum? Weil in früheren Zeiten, als die Menschheit noch diese Dinge namens Zeitungen hatte, diese normalerweise in der Mitte gefaltet waren, sodass nur der obere Teil sofort sichtbar war. Dieser obere Teil bzw. „Above the Fold“-Bereich enthielt die wichtigsten Schlagzeilen des Tages; erst beim Auffalten sah man die restlichen, weniger wichtigen Schlagzeilen. Bei Websites verhält es sich ähnlich: Der obere Bereich Ihrer Website ist das Erste, was Besucher sehen, und wenn man nach unten scrollt, sieht man den Rest der Website – ähnlich wie beim Entfalten einer Zeitung.
Bleiben wir beim Zeitungsbeispiel: Nehmen wir an, Sie gehen die Straße entlang und sehen einen Zeitungsstand. Wenn Sie die Zeitung sehen und die Schlagzeile interessant finden, kaufen Sie die Zeitung vielleicht, um den Rest zu lesen. Bei Websites ist das im Grunde genauso: Wenn Besucher auf Ihre Website gelangen und den Inhalt oberhalb der Falz interessant finden, lassen sie sich vielleicht darauf ein, scrollen nach unten oder schauen sich den Rest Ihrer Website an, um mehr zu sehen.
Nielsens Forschung
Earlier I said that your above the fold content may make or break your site. Nielsen Normal Group has written a few research articles about this across the years. I’ll quote the summary of their article The Fold Manifesto: Why the Page Fold Still Matters
The average difference in how users treat info above vs. below the fold is 84%.
If you just got confused about the wording of the quote, I did too at the start. Let me clarify: That study doesn’t mean that 84% of people do not scroll down, on the other hand I’ve seen other research say that most people do scroll down to the bottom of the page. It also doesn’t mean that the lower part isn’t important. Instead it means that the behavior of your visitors in your site is largely impacted by your content above the fold.
Das ergibt Sinn, da der obere Bereich einer Website das Erste ist, was man sieht.
Da Sie nun wissen, wie wichtig der Inhalt oberhalb der Falz auf Ihrer Startseite ist: Was sollten Sie im oberen Bereich Ihrer Website platzieren?
Kommen Sie direkt zum Punkt
Vermitteln Sie sofort, worum es auf Ihrer Website geht. Ihre Startseite und der Bereich oberhalb der Falz sind das Herzstück Ihrer gesamten Website. Wenn sich Ihre Besucher verloren fühlen, wenden sie sich schnell ab und schließen den Tab. Wenn Sie ein neuer Buchautor sind, schreiben Sie das und präsentieren Sie Ihr neuestes Buch. Wenn Sie ein Hochzeitsplaner sind, schreiben Sie, dass Sie Hochzeitsplaner sind und Ihren Besuchern die unvergesslichste Hochzeit überhaupt bescheren werden. Oder wenn Sie eine Website für Ihr kleines Hotel erstellen, schreiben Sie, dass Sie das beste Bed & Breakfast der Stadt sind. (Ich werde diese Beispiele weiter unten noch aufgreifen.)
Ihre Besucher sollten nicht raten müssen, worum es auf der Website geht. Sie sollten es sofort verstehen – nur dann werden sie nach unten scrollen, um weitere Details zu sehen.
Sprechen Sie Ihre Besucher gezielt an
Als Nächstes müssen Sie über den eigentlichen Zweck Ihrer Website nachdenken. Was ist der Grund dafür, dass Sie Ihre Website überhaupt ins Leben gerufen haben? Was auch immer der Grund ist, Sie müssen auch diesen oberhalb der Falz platzieren.
Nehmen wir die wenigen Beispiele, die ich oben erwähnt habe. Als neuer Buchautor wünschen Sie sich wahrscheinlich mehr Aufmerksamkeit. Wenn Sie ein kostenloses E-Book anbieten, können Sie einen Button einfügen, über den Ihre Besucher es herunterladen können. Als Hochzeitsplaner möchten Sie, dass Interessierte Sie bezüglich Ihrer Dienstleistungen kontaktieren – fügen Sie Ihre Telefonnummer oder ein Kontaktformular ein. Oder für das kleine Hotel: Fügen Sie ein Buchungsformular zusammen mit Ihrer Telefonnummer ein.
Bei Page Builder Sandwich möchte ich, dass die Leute das Plugin näher kennenlernen und schließlich zu Kunden werden. Deshalb habe ich dort einen Button, mit dem Besucher die Demo direkt ausprobieren können, und einen weiteren Button, um das Plugin zu kaufen.
Den Bereich „Above the Fold“ gestalten
Nachdem wir nun wissen, was hineingehört, ist es an der Zeit, über das Design zu entscheiden. Ich persönlich bevorzuge klar strukturierte Inhalte, daher der einfarbige Hintergrund auf unserer Startseite. Es ist jedoch auch eine gute Idee, Ihre Inhalte oberhalb der Falz mit einem Bild oder Video zu begleiten, um sie lebendiger zu machen.
Here’re a few examples of what you can do about your front page.
Add a background image. A large background image behind your large statement is a great eye-catcher and can further encourage visitor engagement. For new book author, maybe adding a background image illustrating the setting of his free ebook would entice people more.
Add an introduction video. Admit it, people can be lazy, especially when it comes to reading. So if your site is a bit complicated, it might be a good idea to add a short video that introduces your site/product quickly. For the wedding organizer, then this can be a video of their latest wedding. Or for our site for example, we can add in a quick intro about the features of our plugin.
Add a video background. This is a bit of a trend nowadays, but I find it appealing at times. If this suits your taste, then this might be a good idea.. I know PayPal had a video background before in their site. For the small hotel, you can put in a stationary video of a scenic area of your hotel as the backdrop.
Fazit
Inhalte oberhalb der Falz für Ihre Startseite zu erstellen ist nicht schwer, aber es erfordert etwas Überlegung und Tests, um es richtig zu machen. Wenn Sie bereits eine Website haben und damit zufrieden sind, aber eine hohe Absprungrate in Google Analytics verzeichnen, dann ermutige ich Sie, Ihre Inhalte oberhalb der Falz anhand der obigen Tipps noch einmal zu überdenken.
If you have tips on creating above the fold content, kindly share them in the comments!
Page Builder Sandwich can Help You Design Your Front Page & Above The Fold Content
Page Builder Sandwich is a WordPress plugin that allows you to create any design you want without writing any piece of code.
Now you can download the Lite version of Page Builder Sandwich from the 
There may be times where you want to add supporting videos from YouTube or Vimeo into your site. Or maybe you want to add Tweets from Twitter, or content from other websites like Flickr and Instagram. You can 
Ich freue mich anzukündigen, dass Sie ab Version 2.4 Ihre Inhalte direkt im Frontend mit Markdown bearbeiten können!
Letzte Woche haben wir Version 2.1 veröffentlicht, die viele Fehler behoben und den WordPress-Link-Editor-Dialog zu Page Builder Sandwich hinzugefügt hat.
Ein frohes neues Jahr an alle!