Above the fold beskriver den del af en webside, som en bruger kan se med det samme, uden at skulle scrolle. På dansk bruges også omskrivningen over folden. Begrebet handler altså om det første synlige område på siden.
Det er her, besøgende danner deres første indtryk. Derfor placerer man ofte vigtige elementer som overskrift, budskab, navigation eller en tydelig handlingsknap i dette felt.
Grænsen for, hvad der ligger above the fold, er ikke fast. Den varierer fra skærm til skærm og afhænger blandt andet af enhed, skærmstørrelse og vinduets højde. Det, der er synligt på en stor computerskærm, kan derfor ligge under folden på en mobil.
Det synlige område før scroll
Når en bruger lander på en side, er det første skærmbillede ofte afgørende for, hvad der sker bagefter. Her danner man sig hurtigt et indtryk af, om siden er relevant, troværdig og nem at bruge. Derfor får området før scroll typisk mest opmærksomhed, især i de første sekunder.
Det synlige område kaldes også viewport. Det er den del af siden, som kan ses på skærmen uden at scrolle. Viewportens størrelse afhænger af enheden. På desktop er der ofte plads til mere indhold på én gang, for eksempel overskrift, tekst, billede og en knap. På mobil er skærmen mindre, så brugeren ser færre elementer ad gangen, og det stiller større krav til prioritering og enkel opbygning.
På en forside kan det for eksempel være et stort hovedbudskab, en kort forklaring og en tydelig knap som “Se produkter” eller “Book et møde”. Hvis dette indhold er klart og relevant, er der større chance for, at brugeren bliver på siden og klikker videre. Er budskabet uklart, eller fyldes området med for mange elementer, mister siden hurtigt effekt.
Hvorfor den øverste del af siden betyder noget
De første sekunder på en side er afgørende for, hvordan brugeren orienterer sig og vurderer indholdets relevans. Det område, der er synligt uden at scrolle, sætter rammen for hele besøget. Her danner mange et hurtigt indtryk af, om siden virker troværdig, overskuelig og relevant for deres behov. Hvis budskabet er uklart, eller de vigtigste elementer er gemt længere nede, øges risikoen for, at brugeren forlader siden uden at interagere.
Den øverste del af siden har derfor stor betydning for brugeroplevelsen. En tydelig overskrift, en præcis introduktion og en velstruktureret hero-sektion hjælper brugeren med at forstå, hvad siden handler om, og hvad næste skridt er. Det gælder både på desktop og mobil, hvor pladsen er mere begrænset, og prioriteringen af indhold bliver endnu vigtigere.
Placeringen påvirker også konverteringsoptimering. Når en call to action er synlig tidligt, kan det gøre handlingen mere enkel og reducere friktion i beslutningsprocessen. Det betyder ikke, at alt vigtigt altid skal ligge øverst, men at de centrale budskaber, handlingsknapper og værdiforslag bør være lette at finde. Små ændringer i hierarki, formuleringer og placering kan derfor påvirke både opmærksomhed, klik og konverteringer.
Sammenhæng med SEO og Core Web Vitals
Det, brugeren ser først, har stor betydning for den oplevede kvalitet af en side. Når indholdet over folden vises hurtigt og stabilt, virker siden mere responsiv og lettere at bruge. Det er vigtigt i SEO-sammenhæng, men above the fold er ikke i sig selv en selvstændig rankingfaktor. Betydningen ligger især i, hvordan området påvirker hastighed, brugeroplevelse og de tekniske målinger, som søgemaskiner anvender til at vurdere sidens performance.
Her hænger begrebet tæt sammen med Core Web Vitals. Især Largest Contentful Paint (LCP) er relevant, fordi målingen ser på, hvornår det største synlige indholdselement i brugerens visningsområde bliver vist. Hvis det vigtigste element over folden er et stort billede, en hero-sektion eller en tung tekstblok, kan det forsinke LCP. Omvendt kan en let og veloptimeret topsektion forbedre den oplevede indlæsning markant.
Derfor handler optimering af området ikke kun om placering af budskaber, men også om prioritering af ressourcer. Billeder, skrifttyper, scripts og layouts i den øverste del af siden bør indlæses effektivt og uden unødige forsinkelser. Samtidig skal man undgå at love en direkte SEO-effekt, som ikke kan dokumenteres. Pointen er mere præcis: Et stærkt og hurtigt område over folden kan understøtte gode brugeroplevelser og bedre performance-målinger, og det kan indirekte være en fordel for synlighed i søgeresultaterne.
Forskel på over og under folden
Det første skærmbillede sætter retningen for brugerens næste handling. Above the fold dækker den øverste synlige del af siden, før man scroller, mens below the fold er indholdet længere nede. Øverst placerer man typisk det vigtigste: en klar overskrift, en kort introduktion, centrale budskaber, navigation, et billede eller en tydelig handlingsknap.
Længere nede på siden finder man ofte uddybende indhold, som brugeren ser, når interessen allerede er vakt. Det kan være produktbeskrivelser, specifikationer, cases, anmeldelser, ofte stillede spørgsmål og detaljer om pris eller levering. På artikelsider vil det typisk være brødtekst, eksempler og supplerende afsnit, der ligger below the fold.
Det er dog ikke et enten-eller. Den øverste del skal skabe overblik og motivere til videre læsning, mens området under folden skal underbygge, overbevise og besvare spørgsmål. En stærk side bruger derfor begge områder bevidst: først til at fange opmærksomhed, dernæst til at levere den information, som gør beslutningen nemmere.
Sådan vurderer man placeringen på mobil og desktop
Det synlige område afhænger altid af brugerens enhed og vindue, ikke af en fast linje på siden. Start derfor med at åbne siden på både mobil og desktop og se, hvad der faktisk møder brugeren uden scroll. Notér, hvilke elementer der fylder mest øverst: overskrift, billede, menu, banner eller call to action.
På desktop varierer folden især med skærmstørrelser og browserhøjde. En stor skærm med maksimeret vindue viser mere end en bærbar med lav browserhøjde eller mange værktøjslinjer. På mobil spiller både skærmens størrelse, adressefeltets højde og operativsystemets visning ind. To brugere kan derfor se forskellige udsnit af den samme side.
Brug browserens responsive forhåndsvisning til hurtigt at teste flere skærmbredder og højder. Skift mellem almindelige mobilformater, tablet og desktop, og vurder om de vigtigste budskaber stadig er synlige med det samme. Den praktiske tommelfingerregel er enkel: Placér det vigtigste indhold tidligt, og kontroller visningen på flere enheder i stedet for at optimere til én tænkt fold.
Hvilket indhold bør ligge først?
Det første synlige felt skal hurtigt gøre det klart, hvad siden handler om, og hvad brugeren kan gøre herfra. Derfor bør de vigtigste elementer placeres øverst, men valget afhænger af sidens formål. På en forside vil det ofte være en tydelig overskrift, et kort værditilbud og en visuel støtte, der understøtter budskabet. På en landingsside kan en handlingsknap eller en formular være mere central, hvis målet er henvendelser eller tilmeldinger.
En produktside kræver typisk noget andet. Her vil produktnavn, pris, et stærkt billede og en synlig købsknap ofte være vigtigere end en lang introduktion. Sælger du et komplekst produkt, kan det også give mening at vise en kort opsummering af de vigtigste fordele eller specifikationer i toppen, så brugeren hurtigt kan vurdere relevansen.
På en forside for et rådgivningsfirma kan det første felt for eksempel bestå af en overskrift, der forklarer ydelsen, en kort tekst om værdien for kunden og en knap til kontakt. På en landingsside til et webinar kan fokus i stedet være dato, emne og tilmeldingsknap. Pointen er ikke en fast opskrift, men at prioritere det indhold, der bedst hjælper brugeren videre på netop den side.
Typiske fejl i det første skærmbillede
Mange sider mister effekt øverst, fordi de prøver at sige for meget på én gang. Flere budskaber, mange knapper og store tekstblokke gør det svært at forstå, hvad siden egentlig tilbyder. Et uklart hovedbudskab eller en vag overskrift svækker også retningen og gør næste skridt mindre tydeligt.
En anden fejl er tunge elementer i toppen. Store billeder, video, animationer og omfattende scripts kan gøre siden langsom, især på mobil. Det skader både oplevelsen og chancen for, at brugeren bliver på siden. Samtidig kan store bannere og dominerende grafiske elementer skubbe det vigtigste indhold væk.
For meget indhold above the fold kan i sig selv skade brugeroplevelsen. Når alt konkurrerer om opmærksomheden, forsvinder overblikket. Resultatet er ofte mere tøven, færre klik og en side, der virker mere kompleks, end den behøver at være.
Ofte stillede spørgsmål om Above the fold
Hvad betyder above the fold på en hjemmeside?
Above the fold betyder den del af en hjemmeside, som brugeren kan se med det samme uden at scrolle. Det er altså sidens første synlige område, når den åbnes.
Her placerer man ofte det vigtigste budskab, en overskrift og en tydelig handlingsmulighed, fordi det er dette område, der får den første opmærksomhed.
Hvad er forskellen på above the fold og below the fold?
Above the fold er indholdet i det første synlige skærmbillede, mens below the fold er det indhold, der først bliver synligt, når brugeren scroller ned.
Den øverste del bruges typisk til at skabe overblik og fange opmærksomheden. Området under folden bruges ofte til uddybning, dokumentation, specifikationer og svar på spørgsmål.
Er above the fold stadig vigtigt i SEO?
Ja, men ikke som en direkte rankingfaktor i sig selv. Betydningen ligger især i, at området påvirker brugeroplevelse, indlæsningstid og hvor hurtigt det vigtigste indhold bliver synligt.
Hvis det øverste indhold er hurtigt, stabilt og relevant, kan det understøtte gode performance-signaler og gøre siden mere brugbar. Det kan indirekte være en fordel for SEO.
Hvordan finder man området above the fold på mobil og desktop?
Du finder det ved at se, hvad der er synligt på siden, før du scroller, på den konkrete enhed eller skærmstørrelse. Der findes ikke én fast grænse, som gælder for alle.
I praksis bør du teste siden på både mobil og desktop samt i forskellige browserstørrelser. Brug gerne browserens responsive visning for at sammenligne, hvad brugeren møder først.
Hvilket indhold bør ligge above the fold?
Det afhænger af sidens formål, men som udgangspunkt bør det vigtigste ligge først: en klar overskrift, et kort og tydeligt budskab samt en relevant handlingsknap eller næste handling.
På en produktside kan det være produktnavn, pris og købsknap. På en landingsside kan det være værdiforslag, formular eller tilmelding. Indholdet skal hjælpe brugeren hurtigt videre.
Påvirker above the fold konverteringsraten?
Ja, det kan det gøre. Hvis brugeren hurtigt forstår sidens budskab og nemt ser, hvad næste skridt er, bliver det ofte lettere at klikke, købe eller kontakte virksomheden.
Effekten afhænger dog af sammenhængen. Det er ikke nok bare at flytte en knap højere op. Budskab, relevans, design og tillid spiller også en stor rolle for konverteringen.
Er der en fast grænse for, hvad der er above the fold?
Nej, der er ingen fast eller universel grænse. Området varierer efter skærmstørrelse, browserhøjde, enhed og nogle gange også brugerens visning af adressefelt og værktøjslinjer.
Det betyder, at det samme element kan ligge over folden for én bruger og under folden for en anden. Derfor bør man tænke i prioritering frem for en bestemt pixelgrænse.
Hvordan hænger above the fold sammen med Core Web Vitals?
Sammenhængen er især tydelig ved Largest Contentful Paint, som måler, hvor hurtigt det største synlige indholdselement bliver vist. Det element ligger ofte i den øverste del af siden.
Hvis hero-billeder, skrifter eller scripts i toppen er tunge, kan det forringe målingen. En let og godt optimeret topsektion kan derfor forbedre både den oplevede hastighed og de tekniske resultater.
Kan for meget indhold above the fold skade brugeroplevelsen?
Ja. Hvis for mange elementer konkurrerer om opmærksomheden, bliver siden sværere at afkode. Brugeren kan blive i tvivl om, hvad der er vigtigst, og hvad næste skridt bør være.
Et mere fokuseret første skærmbillede giver ofte bedre overblik. Det handler ikke om at presse mest muligt ind øverst, men om at prioritere det mest relevante.
Gælder begrebet også for annoncer og bannere?
Ja, begrebet bruges også i annoncering. Her handler det om, hvorvidt en annonce eller et banner er synligt med det samme, når siden indlæses, uden at brugeren skal scrolle.
Placering over folden kan give mere opmærksomhed, men det kræver stadig, at annoncen er relevant og ikke forstyrrer oplevelsen unødigt. Synlighed alene er ikke det samme som effekt.