Above the Fold

Hvad er Above the Fold?

Above the fold er den del af en side, der er synlig i browservinduet, før brugeren scroller. Begrebet stammer fra trykte aviser, hvor den øverste halvdel af forsiden var synlig på avishylden. På web findes der ingen fast “fold”: grænsen afhænger af brugerens skærmstørrelse, enhed og browservindue, så det, der er synligt på desktop, kan kræve scroll på mobil.

Hvorfor er Above the Fold vigtigt?

Det er her, du har få sekunder til at vise, hvad du sælger, og hvad næste skridt er. Eyetracking-studier fra Nielsen Norman Group viser, at brugere bruger langt størstedelen af deres opmærksomhed over folden, selvom de også scroller. Et tydeligt værditilbud og en synlig CTA over folden er derfor en klassisk løftestang for konverteringsraten i en webshop.

Typiske brugssituationer

• Forsidens hero. Vis dit vigtigste budskab, tilbud eller kategori uden scroll på både mobil og desktop.
• Produktside. Sørg for at pris, “Læg i kurv” og produktbillede er synlige med det samme.
• Kampagnesider. Placér tilbud og CTA over folden, så trafik fra annoncer ikke skal lede efter handlingen.
• Core Web Vitals. Det største element over folden er ofte LCP-elementet, så et tungt hero-billede kan sænke din LCP.

Shopify-perspektiv

I Shopify styres området over folden af temaets sektioner og blokke i temaeditoren. En almindelig fejl er at lazy-loade hero-billedet: når det er LCP-kandidat, forsinker det indlæsningen og skader Core Web Vitals. Sæt i stedet loading="eager" (eller fetchpriority="high") på hero-billedet, og hold øverste sektion let. Test altid på en rigtig mobil – ikke kun desktop – da folden ligger markant højere på små skærme.