15 überzeugende Beispiele für Inhalte über dem Falz, die Sie zu eigenen Inhalten inspirieren

Acht Sekunden – so lange dauert die Aufmerksamkeitsspanne eines Menschen im Durchschnitt. Für Sie als Vermarkter bedeutet dies, dass Ihre Inhalte Ihre Zielgruppe in weniger als acht Sekunden inspirieren, begeistern und als nützlich erachtet werden müssen.

Vielleicht funktionieren Ihre Inhalte in den sozialen Medien gut. Sie kommen bei der Zielgruppe gut an und bringen Ihnen Engagement ein. Aber wenn Sie sich die Website-Kennzahlen ansehen, kann es sein, dass sie eine andere Geschichte erzählen.

Wenn Ihre Sitzungszeit niedrig und Ihre Absprungrate hoch ist, brauchen Sie möglicherweise mehr als 12 Sekunden, um die Aufmerksamkeit eines Besuchers zu erregen, was für die Generierung von Leads nicht optimal ist.

Sie verlieren möglicherweise Traffic, weil der Inhalt, den Website-Besucher beim ersten Besuch Ihrer Seite sehen, nicht interessant genug ist, um sie dort zu halten. Ihre Landing Pages sind vielleicht schon überzeugend, wenn die Besucher mit dem Scrollen beginnen, aber wenn sie nicht auf Anhieb blendend und benutzerfreundlich sind, können sie leicht wegklicken.

Das bedeutet, dass Ihre Inhalte oberhalb der Faltung wahrscheinlich überarbeitet werden könnten, um die Besucher zu fesseln.

Wenn Ihre Website überzeugende Inhalte oberhalb der Faltung hat, werden Sie wahrscheinlich höhere Konversionsraten und niedrigere Absprungraten sehen. Wenn Sie sich unsicher sind, machen Sie einen Selbsttest, indem Sie Ihre Website aus einer neuen Perspektive betrachten – wenn Sie ein neuer Besucher wären, würden Sie auf den ersten Blick auf Ihrer Website bleiben?

Wenn Ihre Antwort „Ich bin mir nicht sicher“ lautet, keine Sorge, darauf gehen wir gleich noch ein, aber zuerst wollen wir besprechen, was es bedeutet, wenn Inhalte oberhalb des Falzes stehen.

Der Inhalt oberhalb des Falzes ist es, der den Browser auf Ihre Website zieht. Eine Webseite, die langsam lädt, mit Informationen überfrachtet und schwer zu bedienen ist, wird den Leser wahrscheinlich nicht auf die gleiche Weise anziehen wie eine Seite mit dem gegenteiligen Design.

Lassen Sie uns über einige Möglichkeiten sprechen, wie Sie sicherstellen können, dass Ihr Inhalt oberhalb der Faltung Webbrowser verblüfft.

Best Practices für das Design von Websites oberhalb der Faltung

Wenn Sie Ihre Webseite gestalten, sollten Sie diese Praktiken im Hinterkopf behalten. Sie werden die Aufmerksamkeit der Besucher auf sich ziehen und sie ermutigen, den Rest Ihrer Website zu erkunden.

Gestalten Sie Ihr Design einfach.

Der Inhalt oberhalb der Falz sollte nicht extrem überladen sein – andernfalls wissen die Leser möglicherweise nicht, wo sie zuerst hinschauen sollen und klicken die Seite weg. Wenn sie nicht in der Lage sind, die Antwort auf ihre Frage schnell zu finden, werden sie wahrscheinlich eine andere Website wählen.

Damit Ihre Seite professionell, übersichtlich und benutzerfreundlich aussieht, sollten Sie ein Bild oder eine Multimedia-Information (z. B. ein GIF oder ein Video) in den Falz einfügen. Fügen Sie dann eine kurze Überschrift hinzu, die Ihre Webseite vorstellt, und darunter einen Satz, der Ihre Seite näher beschreibt.

Machen Sie den Inhalt ansprechend.

Eine einfache Webseite ist eine Möglichkeit, die Aufmerksamkeit eines Browsers zu erhalten. Aber wenn sie dort ankommen, sollten Sie die Gelegenheit nutzen, sie zu begeistern. Wenn Sie zum Beispiel Ihre Überschriften und den Text schreiben, sollten sie die Stimme Ihrer Marke widerspiegeln.

Sie müssen keine großen Änderungen vornehmen, um den Browser zu begeistern. Wenn Sie beispielsweise eine CTA-Schaltfläche auf Ihrer Seite haben, sollten Sie statt „Erfahren Sie mehr“ lieber „Sind Sie bereit für den Einstieg?“ schreiben.

Wenn das Foto auf Ihrer Webseite statisch ist, können Sie die gleiche Botschaft mit einem GIF wiedergeben. Eine gute Faustregel ist es, die Farben Ihrer Marke zu verwenden, um Professionalität und Konsistenz mit dem Rest Ihrer Website zu gewährleisten.

Gestalten Sie Ihre Inhalte so, dass sie benutzerfreundlich sind.

Vor allem sollten Ihre Inhalte einfach zu handhaben sein. Wenn Sie z. B. an den Inhalten für eine Produktseite arbeiten, stellen Sie sicher, dass der Inhalt so funktioniert, wie er sollte.

Angenommen, der Inhalt Ihrer Produktseite ist ein Video. Wird es korrekt geladen, enthält es Untertitel und Tonoptionen?

Denken Sie auch an die Erfahrung des Nutzers. Wenn Ihr Above-the-Fold-Inhalt ein Video enthält, das automatisch abgespielt wird, wird es die Interaktion des Nutzers mit der Seite unterbrechen? Um dieses Problem zu bekämpfen, stellen Sie sicher, dass das Video stumm abgespielt wird und bei Bedarf Untertitel enthält.

Lösen Sie Herausforderungen für den Leser.

Ihr Inhalt oberhalb der Faltung sollte die Herausforderung des Browsers beantworten. Zur Veranschaulichung: Nehmen wir an, Sie arbeiten für einen E-Mail-Marketing-Dienstleister, und ein Browser sucht nach „E-Mail-Marketing-Software“ und landet auf Ihrer Homepage.

Ihr Inhalt sollte dann einige, wenn nicht alle, der Schlüsselwörter „automatische E-Mail-Marketing-Software“ in irgendeiner Form enthalten. Ihre Überschrift könnte zum Beispiel lauten: „E-Mail-Automatisierung für Vermarkter“, und dies im Begleittext weiter ausführen.

So, das sind einige Richtlinien, die Sie bei der Gestaltung Ihrer Inhalte beachten sollten. Als Nächstes sehen wir uns Beispiele einiger Websites mit großartigen Inhalten oberhalb des Falzes an.

15 überzeugende Beispiele für Inhalte oberhalb des Falzes, die Sie zu Ihren eigenen inspirieren

Wistia

Wistia ermöglicht seinen Nutzern die Erstellung dynamischer Videos für Marketingkampagnen. Ihr Above-the-Fold-Content stellt die Dienstleistungen von Wistia mit einer Mischung aus Multimedia vor: GIFs, Videos und kurze Texte, um die Möglichkeiten des Dienstes vorzustellen:

Bildquelle

Das Video auf der Startseite hält den Browser in seinen Bahnen. Sie werden wahrscheinlich mehr Zeit damit verbringen, sich den von einer Talkshow inspirierten Clip anzusehen, der die Dienstleistungen von Wistia erklärt. Wenn ich als Verbraucher echte Menschen auf einer Webseite sehe, ist das einladend und verleitet mich dazu, mich weiter umzusehen.

Eine einfache Homepage wie die von Wistia wirkt lässig. Die einladende Atmosphäre der einfachen Homepage vermittelt eine professionelle Ausstrahlung. Und nach dem Video können sich die Besucher ein Bild von den Angeboten der Software machen, und zwar direkt von den Marketingexperten.

Velocity Partners

Velocity Partners, eine B2B-Marketingagentur, hat kein Video mit einem Unternehmensüberblick für ihren Above-the-Fold-Inhalt. Stattdessen gibt es auf der Homepage eine faszinierende interaktive Diashow, die erklärt, warum innovative Vermarkter neue Inhaltsformate nutzen sollten, um erfrischendere Geschichten zu erzählen:

Bildquelle

„Großartige Marketingmaßnahmen“ beschreiben, worum es bei dem Unternehmen geht, und sind kurz, einfach und auf den Punkt gebracht, so dass die Diashow die schwere Arbeit übernimmt, wenn es darum geht, Besucher anzuziehen. Die „Above the fold“-Botschaft von Velocity Partners weckt die Neugierde und damit den Anreiz, weiter zu scrollen.

Wenn Sie jedoch ähnliche Inhalte wie Velocity Partners verwenden möchten, müssen Sie sicherstellen, dass die ersten Sekunden Ihrer Diashow sowie Ihr Text besonders ansprechend sind. Wenn dies nicht der Fall ist, wird der Browser wahrscheinlich nicht geneigt sein, auf der Website zu bleiben und die Überschrift zu lesen.

VeryGoodCopy

VeryGoodCopy ist eine Kreativagentur, die Artikel, Landing Pages, Webseiten und E-Mails für Marken erstellt. Oberhalb des Falzes lässt die Website den Text beschreiben, was das Unternehmen den Nutzern bieten kann:

Bildquelle

Die Überschrift vermittelt die Möglichkeit für Vermarkter, zu lernen, wie man überzeugt, indem man reichlich Leerraum, eine verlockende Überschrift, eine kurze Beschreibung ihrer Inhaltsthemen, Social Proof und einen anschaulichen Call-to-Action einsetzt. Dieses einfache und ansprechende Above-the-Fold-Design zieht die Aufmerksamkeit der Besucher auf sich und überzeugt sie davon, sich die Mikroartikel anzusehen.

Shopify

Die Bilder sind die Art und Weise, wie die Above-the-Fold-Inhalte auf der Shopify-Website den Leser zum Entdecken einladen. Shopify ermöglicht es Unternehmern, ihr eigenes E-Commerce-Geschäft zu gründen, und verlässt sich bei der Erklärung der Funktionen der Software eher auf sie als auf Texte:

Bildquelle

Die Homepage enthält künstlerische Bilder und ein verlockendes Video, um einen bleibenden Eindruck beim Browser zu hinterlassen. Und obwohl die Texte spärlich sind, ist die Tagline sehr aussagekräftig und verleitet die Besucher dazu, auf die grüne CTA zu klicken, um einen Test zu starten.

Ann Handley

Die Bestsellerautorin des Wall Street Journal und Partnerin bei MarketingProfs, Ann Handley, hat die Homepage ihrer Website genutzt, um die Besucher zu beeindrucken, indem sie ihre Marketingfähigkeiten hervorhebt. Hyperlinking und Verlinkung sind hier die Helden – die Verlinkung zu anderen Seiten auf einer Website kann mehr Klicks auf verschiedenen Seiten auf einer Website bringen, wie Handleys Schlagzeilen:

Bildquelle

Sie nutzt auch den weißen Raum, ein einladendes Bild von sich selbst, einen einprägsamen Slogan, einen überzeugenden Text und einen lebendigen Aufruf zum Handeln, um ihre Besucher davon zu überzeugen, mit ihr zusammenzuarbeiten. Auf dieser Homepage weiß der Besucher, wie Handley aussieht, was sie gemacht hat und wie er sie kontaktieren kann. Was den „Above the fold“-Inhalt angeht, ist das ein Volltreffer.

Mint

Der „Above the fold“-Inhalt kann sich durch Einfachheit auszeichnen, wie es bei Mint der Fall ist, einer Software für die Budgetplanung &. Die einfache, aber professionelle Homepage vermittelt effektiv das Unternehmen und wie es den Kunden helfen kann.

Beachten Sie den Text in der Überschrift – er verbindet den Leser emotional in zwei Sätzen und öffnet ihm die Tür, um die Website eines Unternehmens zu erkunden, das ihn kennt:

Bildquelle

Mint hat auch ein Foto seiner App in Aktion, um die Aufmerksamkeit seiner Website-Besucher zu erregen. So kann sich der Browser ein Bild davon machen, wie die App aussehen wird, wenn er sich entscheidet, sich anzumelden.

InVision

Wie zeigt man Kundengeschichten dynamisch oberhalb der Falz? Werfen wir einen Blick auf das elegante Beispiel von InVision:

Bildquelle

InVision ist ein Unternehmen für digitales Produktdesign, das Nutzern hilft, auf einfache Weise elegante, beeindruckende Websites zu erstellen, daher wusste das Designteam des Unternehmens, dass die Homepage die Besucher beeindrucken musste. Das tut sie auch, indem sie automatisch eine stumme Version des Übersichtsvideos des Unternehmens abspielt, komplett mit Testimonials von Entscheidungsträgern bei Unternehmen wie Uber und Twitter.

Der Text, der über dem Video eingeblendet ist, erklärt kurz und bündig, was das Unternehmen für seine Nutzer tut, und die „Free Forever“-Handlungsempfehlung verleitet sogar mich, einen Vermarkter, der keine Website entwerfen will, dazu, mehr über die Softwareangebote zu erfahren. Auch die Titel der Entscheidungsträger werden nicht aus dem Video ausgeblendet – „Dantley Davis, Netflix Design Director“ ist groß genug im unteren Drittel, um die Augen der Nutzer zu fangen, wenn sie nicht hinschauen (meine wurden definitiv gefangen).

Animalz

Gleich VeryGoodCopy ist Animalz eine Content-Marketing-Agentur, deren Website die Besucher nicht mit Botschaften über ihre Dienstleistungen im Above-the-Fold-Design bombardiert. Stattdessen werden die Besucher mit der Überschrift begrüßt: „Das beste Content-Marketing der Welt findet hier statt“, was einen Vermarkter wie mich dazu verleitet, weiterzulesen, um zu erfahren, wie:

Bildquelle

Der CTA-Text unterscheidet sich von den üblichen CTA-Buttons. „Lassen Sie uns reden“ statt „Klicken Sie hier, um mehr zu erfahren!“ impliziert, dass der Besucher, wenn er auf die CTA klickt, zu einer realen Person weitergeleitet wird, die ihm weitere Informationen über den Dienst anbieten kann.

Die Website nutzt auch den Weißraum und verwendet einfache, handgezeichnete Bilder, um den Leser zum Herunterscrollen zu verleiten. Der lilafarbene Schnörkel läuft die Seite hinunter, um die Top-Kunden von Animalz vorzustellen, und führt zu einem Formular, mit dem man sich mit dem Unternehmen in Verbindung setzen kann.

Ahrefs

Vielleicht arbeiten Sie für ein Unternehmen, das sich eine nüchterne Homepage wünscht, die die Vorzüge des Produkts vermittelt, ohne die Seite mit einem Übermaß an Informationen zu überfrachten. Wenn diese Beschreibung auf Sie zutrifft, sollten Sie sich den Above-the-Fold-Ansatz von Ahref ansehen:

Bildquelle

Die Überschrift der Webseite beschreibt, was der Dienst tut: Er hilft Nutzern, ihre Suchmaschinenoptimierung zu verbessern. Dies wird durch die kleinere Überschrift weiter unterstützt, und die CTA teilt den Browsern Preisinformationen mit.

Zufriedene Kunden werden unten, direkt vor dem Falz, aufgelistet, um einen abgerundeten Überblick darüber zu geben, wie Ahrefs für erfolgreiche Unternehmen von Nutzen sein kann. Wenn Sie möchten, dass Ihre Homepage mehr Text als Bildmaterial verwendet, versuchen Sie, sie auf einfache Weise mit nicht mehr als 30 Wörtern zu präsentieren, wie es Ahrefs getan hat.

Twitch

Nachdem Sie Twitch.tv in Ihren Browser eingegeben haben, tauchen Sie sofort in das Angebot der Website ein: Live-Streams für Gamer. Denn sobald Ihr Browser auf die Website zugreift, wird ein vorgestellter Live-Stream automatisch abgespielt:

Bildquelle

Es kann zwar ein wenig irritierend sein, plötzlich Stimmen aus Ihrem Browser zu hören, aber das Above-the-Fold-Design von Twitch verwendet keine Texte, um seine Dienste zu beschreiben. Stattdessen können die Nutzer direkt loslegen und die Inhalte selbst ausprobieren, indem sie Streams durchsuchen, ohne ein Konto anlegen oder etwas lesen zu müssen. Sie können weiter scrollen, um beliebte Streams zu sehen, auf einen klicken und von dort aus die Möglichkeiten der Website erkunden.

Dieser Above-the-Fold-Ansatz funktioniert, weil die Website insgesamt funktioniert. Twitch bietet Besuchern die Möglichkeit, ihre Dienste zu testen, ohne etwas zu lesen. Visuelle Plattformen wie Twitch können von dieser Methode profitieren, da sie sowohl visuelle als auch nicht-visuelle Lernende anziehen.

Skillshare

Skillshare verwendet Videos, um den Großteil seiner Dienste über der Falz zu erklären. Da die Software Online-Kurse in einer Vielzahl von Fächern anbietet, zeigt das Video einen Überblick darüber, was Skillshare erreichen, lernen und fühlen kann:

Bildquelle

Das Video zeigt selbstbewusst aussehende Erwachsene, die sich in ihre Leidenschaften vertiefen, und genau dabei hilft Skillshare seinen Nutzern. Der überlagernde Text inspiriert die Besucher, ihre Kreativität mit der Software zu erforschen – und kostenlos loszulegen.

Flock

Wenn Sie wissen, dass die Website Ihres Unternehmens von einem Medienmix aus Inhalten oberhalb des Falzes profitiert, sollten Sie dies wie die Messaging-App Flock angehen. Der Schlüssel zum Einsatz eines Inhaltsmixes auf einer Homepage liegt darin, sie so zu gestalten, dass die Informationen das Erlebnis eines Erstbesuchers Ihrer Website nicht unterbrechen:

Bildquelle

Beachten Sie, wie die Gifs verwendet werden, um den wechselnden Text hervorzuheben, der die Funktionen der App anzeigt. Das unterstützende handgezeichnete Bild veranschaulicht, wie Flock funktioniert, und der CTA-Text zeigt ein wenig Persönlichkeit. Die Verwendung eines Medienmixes, um Ihre Homepage aufzupeppen, kann so einfach sein wie ein bewegtes Bild, ein klickbarer Button und eine Zeichnung, um den Besuchern einen Überblick über Ihr Unternehmen zu geben.

King Arthur Flour

Der „above the fold“-Inhalt dieses in Boston ansässigen Anbieters von Backzutaten, King Arthur Flour, ist erstklassig. Besucher haben die Möglichkeit, sich ein Video-Tutorial anzusehen, in dem gezeigt wird, wie man mit den Produkten des Unternehmens Sauerteigbrot backt:

Bildquelle

Ich konnte ein Gefühl für die Angebote des Unternehmens bekommen: eine Facebook-Seite (auf der die Backshow des Unternehmens zu sehen ist), Rezepte, eine Back-FAQ, Produkte zum Kauf und sogar eine „Baker’s Hotline“, die als Kontaktseite fungiert.

Die Diashow-Funktionen, ausgestattet mit einem Hochglanzfoto und einer eigenen CTA, gaben mir einen vollständigen Überblick über alles, was das Unternehmen für angehende Bäcker tun kann. Sie geht über die Produkte des Unternehmens hinaus und bietet stattdessen hilfreiche Informationen für Bäcker im Allgemeinen, was für jemanden, der vielleicht Angst vor dem Brotbacken hat, sehr einladend ist.

Clarkisha Kent

Sind Sie ein Freiberufler und fragen sich, wie Sie sich mit Ihrem Above-the-Fold-Inhalt von Ihrer Konkurrenz abheben können? Wenn ja, sollten Sie bei der Gestaltung Ihrer Homepage darauf achten, dass sie zwei Dinge erfüllt: Sie muss Persönlichkeit zeigen und eine einfache Navigation ermöglichen.

Das liegt daran, dass nicht nur Ihre Arbeit im Vordergrund stehen muss, sondern auch Ihre Persönlichkeit, besonders als Freiberufler. Wenn Sie Schriftstellerin sind, wie Clarkisha Kent, müssen Ihre Texte verkaufen, so wie es ihre Website tut:

Bildquelle

Durch die Einbindung eines Kopfbildes und einer interessanten Überschrift wird schnell deutlich, wer Kent als Schriftstellerin ist und welchen Blickwinkel sie als Autorin von Webseiten einnehmen wird. Ihre Navigationsleiste enthält Links zu viralen Tweets und Ausschnitten aus anderen Veröffentlichungen, so dass ihre Homepage dies nicht tun muss.

Stattdessen dient ihre Homepage als Einführung, die ihr vor dem Rest ihrer Website vorausgehen kann. Wenn die Besucher durch eine minimalistische Webseite mit einem Cliffhanger-Text angelockt werden, sind sie wahrscheinlich daran interessiert, die Website zu erkunden, um diese Lücke zu füllen. Als ich zum Beispiel „Chaosbringer“ las, wollte ich sofort wissen, wie das geht, was mich dazu veranlasste, mir ihre früheren Arbeiten anzusehen.

Good Witch Kitchen

Dies ist ein weiteres Beispiel dafür, wie man als Freiberufler oder Kleinunternehmer die Persönlichkeit seiner Marke vermitteln kann. Good Witch Kitchen ist der Name des Unternehmens von Kristen Ciccolini, einer ganzheitlichen Ernährungsberaterin. Direkt unter dem Falz befindet sich eine kurze Diashow von Publikationen, die über Ciccolinis Arbeit berichtet haben, bevor sie in die Einleitung eintaucht:

Bildquelle

Ciccolinis Logo, ein helles Bild, das mit ihrem Handwerk zu tun hat, und ein Text, der genau die Atmosphäre wiedergibt, die Good Witch Kitchen vermittelt: Ein nicht diätetischer Ansatz für das Ernährungsmanagement von einer Expertin.

Nun, da Sie einige Inspirationen haben, wie Sie Ihre Kunden auf Ihren Landing Pages binden können, welche Strategie werden Sie für Ihre verwenden? Ich kann es kaum erwarten zu sehen, was Sie sich einfallen lassen.