Above the fold

Above the fold

Die Veränderungen im Nutzerverhalten, die das vermehrte Surfen mit Smartphones und Tablets mit sich bringen, sorgen auch bei Webdesignern, Webseitenbetreibern und Suchmaschinenoptimierern für ein Umdenken. Speziell ist in diesem Zusammenhang der Bereich „Above the fold“ für das Webdesign relevant. Was bedeutet das für die Gestaltung einer Seite? Und warum ist dies für Besucher so wichtig?

Ursprung in den Printmedien

Ursprünglich stammt der Begriff „Above the fold“ aus dem Druckerwesen („über der Falz“) und bezeichnete die sogenannte Falzlinie. Gemeint ist jene Linie, die beim Knicken einer Zeitung entsteht. Bezogen auf das Webdesign beschreibt man mit der Bezeichnung den sichtbare Bereich einer Webseite, der für den User nach dem Laden sichtbar ist – ohne, dass dieser scrollen muss.

Dazugehörige Bereiche einer Seite wären in diesem Kontext:

  • Header und Markenlogo
  • Obere primäre Navigation
  • Layout-Struktur
  • body-Angabe in CSS
  • Navigationsmenüs
  • Die H1-Überschrift
  • Artikelvorschau

Diese Bereiche in einem HTML-Dokument verfügen jeweils über CSS-Angaben, welche für das Laden der Seite bedeutsam sind. Sie bestimmen die Optik der HTML-Objekte. Mit Critical CSS lässt sich die Ladegeschwindigkeit der Objekte verringern. Geringe Ladezeiten sind Rankingfaktoren bei Google und anderen Suchmaschinen. Dies gilt es, bei jedem Design zu bedenken.

Überladene Webseite – ein häufiges Problem

Weil Internetnutzer – zumindest in der Vergangenheit – in ihrem Web-Scroll-Verhalten recht faul waren, bemühten sich viele Webseiten-Betreiber, die wichtigsten Informationen bereits Above the fold sichtbar zu machen. In der Theorie war dies sicherlich ein guter Ansatz, um dem Nutzer beim Besuch direkt die notwendigen Informationen zu liefern und einen Ankerpunkt für weiteren Content zu setzen. Das Gegenteil, also Below the fold, umfasst entsprechend den Inhalt, der sich unter dieser digitalen Falzlinie befindet, also nur durch Scrolling erreichbar ist.

In der Praxis sahen die Seiten Above the fold jedoch sehr überfüllt aus. Der Besucher wurde regelrecht von einer Informationsflut überrollt. Nicht weniger aufdringlich und unattraktiv war der Bereich Above the fold, wenn anstelle von Inhalten Werbebanner platziert wurden. Zuteilen war die Online-Werbung richtig aufdringlich.

Heutzutage ist es der Internetnutzer gewohnt, auf Webseiten zu scrollen, um ergänzende Inhalte zu finden. Denn das muss er aufgrund der schmalen Displays von Smartphones und Tablets ohnehin tun, um an die gewünschten Informationen zu gelangen. Above the fold muss demnach nicht mehr so vollgestopft sein und sollte nicht übertrieben werden. Ganz im Gegenteil: Eine enorme Masse an Informationen, Hinweisen und Werbebannern in einem einzelnen Bereich der Website kann durchaus zur Abschreckung des Users führen, weil unser Gehirn klar strukturierte Informationen bevorzugt. Dies ist dann ebenso nicht mehr im Sinne effektiver SEO Maßnahmen. Daher ist diesbezüglich ein Umdenken im Webdesign angesagt.

Design Above the fold – wie wirkt sich der Bereich auf die SEO aus?

Bereits seit 2012 nimmt sich die Suchmaschine Google dem Bereich oberhalb der Falz vermehrt an. Im Januar 2012 wurde mit dem Page Layout Algorithm Update ein Algorithmus-Update ausgerollt, der das Verhältnis von Inhalt und Anzeigen im direkt sichtbaren Bereich einer Webseite bewerten soll. Matt Cutts, der damalige Chef des Web-Spam-Teams von Google, berichtete zu dieser Änderung Folgendes: „Seiten, die ‚Above the fold‘ nicht viel Inhalt bieten, können von den Änderungen betroffen sein. Wenn Sie auf eine Webseite klicken und der Teil, den Sie zuerst sehen, bietet entweder nicht viele Inhalte oder widmet sich insbesondere Anzeigen, ist das nicht sonderlich benutzerfreundlich. Solche Seiten ranken in der Zukunft vermutlich nicht so hoch.“

Da die Benutzerfreundlichkeit einer Online-Seite für Google eine wichtige Rolle spielt, sind Inhalte Above the fold Bestandteil der Suchmaschinenoptimierung. Wichtig ist jedoch ein suchmaschinenfreundliches Webdesign. Das heißt hinsichtlich der Google Guidelines eben, Werbung und Content intelligent zu platzieren und den User nicht zu erschlagen.

Wie sieht die ideale Lösung aus – für User und SEO?

Während Google, maßgebend für die SEO, es schätzt, wenn der obere Teil einer Seite übersichtlich ist, beansprucht dieser Abschnitt fast 80 % der User-Aufmerksamkeit. Wie gelingt also eine gute Mischung aus Suchmaschinenoptimierung, Benutzerfreundlichkeit und Informationsplatzierung? Eine gute Webseite, nicht nur aus SEO-Sicht, sollte den Bereich Above the fold clever nutzen. Die Devise lautet also: nicht vollstopfen und gleichzeitig kreativ dazu anregen, weiter zu scrollen.

Above the fold und Below the fold im Zusammenspiel auf der Seite

Grundsätzlich ist zu sagen: Sowohl die Inhalte, die über der imaginären Falzlinie auf einer Website sichtbar sind, als auch der Content unterhalb, sind für Online-Marketing und SEO sehr wichtig. Bei Above the fold sollte das Webdesign so gestaltet sein, dass es Interesse auf mehr macht. Es braucht also einen ganz bestimmten inhaltlichen Punkt, der den Besucher catcht und zum Scrolling animiert. Dazu bietet es sich an, im sichtbaren Website-Teil das USP anzuführen und klarzumachen, worum es generell geht. Mit versetzten Spalten und Tabellen lassen sich dann Scroll-Anreize setzen – zum Beispiel in Form eines Textes, der bewusst durch die Trennlinie unterbrochen wird. Beim Gestalten einer Pillar Page kann eine Seitenleiste das Element sein, das Interesse weckt. Der darauffolgende Content Below the fold hat dann die Aufgabe, den Seitenbesucher zu halten und die Verweildauer zu erhöhen. Hochwertige Web-Inhalte können außerdem dazu beitragen, die Klickrate zu erhöhen und den User auf Unterseiten weiterzuleiten.

Wichtig beim Webdesign Above the fold

Bei jedem Webdesign ist natürlich die Formatierung zu berücksichtigen. Eine Webseite und deren Elemente werden auf unterschiedlichen Displays mit verschiedenen Größen jeweils anders angezeigt. Damit ergibt es sich, dass Folds auf verschiedenen Positionen einer Seite erscheinen. Entscheidend beim Design sind beispielsweise Bildschirmauflösung und Seitenvergrößerung, die von Nutzer zu Nutzer variieren können und damit bei der Überlegung miteinbezogen werden müssen.

Und wie sieht es mit dem Call-to-Action aus?

Ob der CTA in einer Seite Above the fold gesetzt werden darf – darüber streiten sich Online-Marketing-Spezialisten. Hier kommt es natürlich darauf an. Potenzielle Kunden, die noch keine Ahnung von einem Produkt haben, sollten erst am Ende zu einer Handlung aufgerufen werden, wenn sie sich umfassend informieren konnten. Anders sieht es beispielsweise bei sehr komplexen Produkten im B2B-Bereich aus, wo die Besucher bereits tief in der Materie stecken. Hier ist es möglicherweise sinnvoll, bereits oben einen Call-to-Action zu setzen – etwa für den Download wichtiger Whitepaper, die tiefgehende Informationen enthalten. Auch ein Link zu einem Webinar wäre denkbar.

 

 

Noch Fragen? Schreib uns per WhatsApp
ankara escortdeneme bonusuçankaya escortizmir escortkayseri escortçankaya escortkızılay escortkeçiören escorteryaman escortAviator oynabig bass bonanza demodiyarbet girişgates of olympus oynasugar rush oynaSweet bonanza demowild west gold demo oynaCasinoslotBahisnowCasinoslotBursa Escortİzmir Escortİzmir Escortkralbetbayan escortTürkiye Escort Bayanbuca escortBursa EscortKiralık bahis sitesiMaksibet TwitterSlotbar Giriş TwitterMercure Casino TwitterMax win veren sitelerfethiye escortjojobetnorabahisbornova escortbahiscombetkomonwintarafbetmarsbahisEscortSaatlik escortManisa escortGümüşhane escortDeneme Bonususahabetcasibom girişcasibomŞişli escortizmir escortDenizli escortMalatya Escortşanlıurfa escortHacklinkBeşiktaş escortAtaşehir escortBeylikdüzü escortkadıköy escortcialisViagraBahis siteleriEsenyurt escortbets10masözmasözantalya escortmarsbahiscasibombetturkeycasibomdeneme bonusu veren siteler
göktürk antika eşya alanlarnakliyatantika alanlarwoocommerce baselkorean passport templategeorgia drivers license templateeskişehir inşaat şirketleriantika eşya alanlargümüş alanlarantalya haberpgcdpmsahayır lokmasıAntika alan yerlerpendik antika eşya alanlarantika alanlarAccident LawyerDental Implantiqosgaziantep evden eve nakliyatAntika alan yerlermaltepe hayır lokmasıankara evden eve nakliyatmersin evden eve nakliyateskişehir uydu servisiığdır evden eve nakliyatetimesgut evden eve nakliyatreplika saatankara gelinlik modelleribeykoz evden eve nakliyatoran evden eve nakliyatQL36 eczane fiyatıql36ql36ql36ql 36 kullanıcı yorumlarıcekmekoy hayır lokmasıtuzla evden eve nakliyateskişehir uydu tamireskişehir televizyon tamiriAnkara implant fiyatlarısancaktepe evden eve nakliyattuzla evden eve nakliyatsertleştirici hapql36cialisgeciktirici hap eczanegeciktirici hap eczaneen iyi geciktirici hapql 36 kullanıcı yorumlarıql36 kullanıcı yorumlarıql36 sipariş verpenis büyütücü hapeskişehir emlakEtimesgut evden eve nakliyattuzla evden eve nakliyatlifta 5 mg 28 tabletlifta 5 mgvalizankara evden eve nakliyatkartal evden eve nakliyatderince evden eve nakliyatdarıca evden eve nakliyatankara asansörlü nakliyatseo çalışmasıHair Transplantankara çekiciEtimesgut evden eve nakliyatpendik hayır lokmasıhasankeyf evden eve nakliyatkadıköy evden eve nakliyatçankaya evden eve nakliyatümraniye evden eve nakliyatankara parca esya tasımabahcelievler korsan taksiesenyurt korsan taksiankara ofis taşımacılığımamak evden eve nakliyatAntika alan yerlerankara ofis taşımacılıgıankara evden eve nakliyateskişehir uydu tamirkitap alanlarikinci el kitap alanlarkitap alanlarPlak alanlarEtimesgut evden eve nakliyatpolatlı evden eve nakliyatantika alanlarantika alanlarAntika mobilya alanlarEtimesgut evden eve nakliyatikinci el kitap alanlarkadıköy evden eve nakliyateskişehir web sitesiMedyumMedyumlarantika eşya alanlarEntrumpelung Wienentrumpelungsservice wienEtimesgut evden eve nakliyatdiş eti ağrısıtuzla evden eve nakliyatçankaya evden eve nakliyatkitap alanlarEtimesgut evden eve nakliyatanadolu yakası korsan taksiankara eşya depolamamamak evden eve nakliyatavcılar korsan taksiankara ofis taşımacılığıeryaman evden eve nakliyatcorlu korsan taksipırlantako pvp servermetin2 pvp serverlerantika alanlarankara gülüş tasarımıporselen kaplama dislerjojobetodunpazarı emlaksahibindenpendik evden eve nakliyatturkmmometin2 pvpmetin2 forumitemciçankırı evden eve nakliyatankara gülüş tasarımıEskişehir uydupuffcoinbaristanbul saç ekimiEtimesgut evden eve nakliyatortodontiKartal evden eve nakliyatgebze evden eve nakliyatdis beyazlatmamersin evden eve nakliyatAntalya Çittereaholiganbetavrupa yakası korsan taksiniğde evden eve nakliyatmaldives casinospoodletereapancakeswap botpancakeswap botuniswap sniper botfront running botsniper botfront run botankara gülüş tasarımıataşehir evden eve nakliyatmersin nakliyatankara gülüş estetiğiAdana Evden Eve Nakliyat