Hvad er Above the Fold? Optimer de vigtigste pixels på din hjemmeside

Skrevet af Rasmus Vestergaard
Udgivet 25 jun, 2023

Du får kun én mulighed for at skabe et godt førstehåndsindtryk.

Og på din hjemmeside danner mennesker sig sit førstehåndsindtryk “above the fold”.

“Above the fold” er et begreb, der henviser til den øverste del af din hjemmeside. Det er det første dine besøgende ser, inden de scroller længere ned på din side.

Eksempel fra Nationalmuseets hjemmeside

De pixels er altså meget vigtige at optimere. Med et godt layout, skarp tekst og klare kommunikation, kan du fange din læsers opmærksomhed, skaber tillid og giver dem lyst til at læse videre.

Læs med videre, hvor jeg deler 3 tips, så du kan optimere dit “above the fold”. Og lær af nogle af Danmarks bedste marketingbureauer, når jeg deler min analyse af deres hjemmeside-layout.

Kilde: The Nielsen Norman Group

Derfor skal du tænke grundigt over din “above the fold”

57% af tiden på en hjemmeside bruger mennesker på at se indhold above the fold. Det konkluderede Nielsen Norman Group i en undersøgelse.

I en anden undersøgelse fandt de ud af, at “users spend 74% of their viewing in the first two “screenfuls”.

Layoutet for dit “above the fold” er essentielt.

  1. Det fanger opmærksomheden
  2. Minimerer bounce rate, hvilket Google prioriterer højt.
  3. Skaber interesse, så besøgende scroller “beyond the fold”
  4. Øger konverteringer, fordi besøgende hurtigt kan tage den ønskede handling
  5. Forbedrer brugeroplevelsen, fordi navigationen og kommunikation er klar og tydelig
  6. Styrker dit brand, fordi besøgende hurtigt ved, hvad du står for og leverer.

Hvor stammer begrebet “above the fold” fra?

Begrebet kommer fra avisverdenen.

Vi spoler lige i tiden.

Du står i New York, det er torsdag d. 24. oktober 1929.

Folk spæner forbi omkring dig, og du undrer dig over, hvad der sker.

Du leder efter en avis for at finde hoved og hale i det hele.

På et gadehjørne står en avisstander, hvor aviser lokker foldet, klar med dagens historier.

På forsiden læser du: “Wall Street Crash”.

Hvad har det med “above the fold” at gøre?

Jo, den gang foldede man aviserne, så de kunne være i avisstanderen.

Det betød, at redaktørerne skulle tænke nøje over, hvilken historie der skulle være på den side, der udad, ud mod de folk, der gik forbi.

Historien, der var “above the fold,” skulle fange folks opmærksomhed og overbevise dem om at købe avisen. Derfor var det vigtigt at placere de mest interessante og vigtige historier “above the fold”.

Design en “above the fold” som Danmarks bedste marketingbureauer

Inspiration er godt.

Så for at blive bedre til at layoute et “above the fold”, så har jeg besøgt og analyseret 10 bureauers hjemmesider.

Jeg har været forbi nogle af landets bedst marketingbureauer for at se, hvordan de opbygger deres “above the fold”.

Lær af Ackermann, Bonzer, InboundCPH, Nordic Social, Obsidian, PL & Partners, s360, Somera, Texta og twoday Co3.

Min analyse lærte mig 3 ting.

De bedste above the fold svarer kort og koncist på disse tre spørgsmål:

  1. Hvad kan du?
  2. Hvorfor skal jeg stole på dig?
  3. Hvad skal jeg gøre nu?

Lad os dykke ned i det.

Vi begynder på www.somera.dk.

Screenshot: 17. marts 2023

1 – Hvad kan du?

Du er ikke i tvivl om, hvad Somera kan.

Overskriften fremhæver nøgleordet: content marketing.

Det er tydeligt, at de har prioriteret, hvad de skal kommunikere som det første og vigtigste.

Når du tænker content marketing, skal du tænke på Somera. Den position underbygger de så længere nede på siden. Men de gør det meget nemt for mig som besøgende at forstå, hvad jeg kan få i deres butik.

Screenshot: 17. marts 2023

2 – Hvorfor skal jeg stole på dig?

Du får de bedste

Bonzer understreger, at de Danmarks førende SEO-bureau og længere nede understreger de deres fokus på SEO.

Selvfølgelig skal sådan en påstand kunne underbygges. Men det er med til at skabe troværdighed og fremhæve deres unique selling proposition, altså eksperter i SEO.

Screenshot: 17. marts 2023

3 – Hvad skal jeg gøre nu?

Du ved, hvor du skal klikke.

s360 afspejler min indre stemme. Og holder valgmulighederne enkle. Bliv inspireret af tidligere arbejde eller kom i gang med tale.

Hjælp dine besøgende med at handle. Vis dem, hvad næste skridt er, men præsenter ikke en buffet af knapper. For mange valgmuligheder kan virke lammende.

Kilde: Chartbeat

Best practice, når du skal designe din Above the Fold

Baseret på vores analyse, her er nogle bedste praksisser for at designe en optimal sektion “above the fold” på din hjemmeside:

  1. Hold det simpelt: Undgå rod og sørg for, at din vigtigste besked er tydelig og let at forstå.
  2. Brug kontrastfarver: Få din besked til at springe ud ved at bruge kontrastfarver, der tiltrækker øjet.
  3. Brug visuelt tiltalende billeder: Brug visuelt tiltalende og relevante billeder til at fange opmærksomheden.
  4. Gør det nemt at navigere: Giv klare opfordringer til handling og gør det nemt for besøgende at finde det, de leder efter.
  5. Test og tweak: Analyser og optimer løbende din “above the fold” sektion for at øge din konverteringsrate, minimere bounce rate og skabe en bedre hjemmesideoplevelse.

Ved at følge disse bedste praksisser og lære af succesfulde marketingbureauers hjemmesider kan du designe en optimal “above the fold” sektion på din hjemmeside, der fanger besøgendes opmærksomhed og øger konverteringerne.

Optimer din above the fold for at få folk below the fold

Som med resten af din hjemmeside, skal du holde styr på, om din above the fold og fungerer.

Du skal altså tjekke, om du holder folk på din side, eller om de hopper tilbage til Google.

Udover at tjekke din bounce rate kan du også bruge værktøjer som Google Analytics eller Hotjar til at se, hvordan din hjemmeside bliver brugt.

Hotjar laver såkaldte heat maps. De her kort viser dig, hvad dine besøgende generelt er mest interesseret i på din hjemmeside.

Og Google Analytics kan give dig indblik i Scroll Depth, altså hvor langt ned på din side kommer folk, før de klikker sig videre. Andre værktøjer værktøjer kan også vise Scroll Depth.

Brug dine analyser til at lave A/B-testing af din hjemmeside. Så kan du se, hvilke budskaber, designelementer og CTAs, der fungerer bedst.

Jævnlige tests og analyser hjælper dig med at optimere din above the fold, så folk scroller videre, går below the fold og kommer et skridt tættere på at klikke på den rigtige knap.

0 kommentarer

Indsend en kommentar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *

DU VIL NOK OGSÅ KUNNE LIDE DISSE INDLÆG