Above the fold er den del af en webside, som brugeren kan se, før vedkommende scroller. Områdets højde er ikke fast: Den afhænger af skærm, browser, zoom, enhedens retning og eventuelle værktøjslinjer. Derfor findes der heller ikke én SEO-korrekt pixelgrænse.
Den første visning skal hurtigt gøre det klart, hvilken side brugeren er landet på, hvad den hjælper med, og hvad et naturligt næste skridt er. Det betyder ikke, at alle argumenter, knapper og søgeord skal presses ind øverst.
Hvad bør stå over folden?
Prioritér efter sidens formål. På en ydelsesside kan det være en tydelig overskrift, en kort forklaring og en relevant handling. På en artikel kan det være titel, indledning og begyndelsen på svaret. På en webshop kan produktnavn, billede, pris og de vigtigste købsvilkår være mere relevante.
- Genkendelighed: Brugeren skal straks kunne se, at siden matcher klikket og søgeintentionen.
- Primært indhold: Vis reel information frem for et stort dekorativt område uden forklaring.
- En tydelig prioritet: En primær handling er ofte lettere at forstå end mange lige stærke knapper.
- Plads til at læse: Luft og visuel orden er vigtigere end at få hele siden til at passe i første skærmbillede.
Mobilen har sin egen fold
En løsning, der virker på en stor computerskærm, kan skjule indholdet på mobil. En høj menu, cookie-boks, chatknap og stor hero-grafik kan tilsammen efterlade meget lidt plads til selve siden. Kontrollér derfor flere skærmstørrelser og ikke kun én designer-visning.
Dialoger til eksempelvis samtykke eller lovpligtige oplysninger kan være nødvendige, men de bør være tilgængelige og ikke gøre hovedindholdet unødigt svært at nå. Undgå især påtrængende overlays, der dækker siden umiddelbart efter landingen.
Hastighed og det synlige område
Det største billede eller den største tekstblok over folden er ofte kandidat til Largest Contentful Paint. Et tungt hero-billede kan derfor forsinke oplevelsen. Brug passende dimensioner, komprimering og responsive billeder, og undgå normalt at lazy-loade det billede, der sandsynligvis er sidens LCP-element.
Det er en del af arbejdet med Core Web Vitals, men en hurtig første visning er ikke i sig selv en garanti for placeringer eller konverteringer. Indholdet skal stadig være relevant og siden brugbar.
Et enkelt HTML-eksempel
<section class="hero">
<h2>Få et klart overblik over din tekniske SEO</h2>
<p>Vi finder de vigtigste problemer og prioriterer næste skridt.</p>
<a href="/seo/">Læs om SEO-rådgivning</a>
</section>Eksemplet viser en klar rækkefølge, men udformningen skal passe til siden. Mål ikke kvaliteten ved, hvor meget der kan klemmes ind. Test i stedet, om en ny besøgende forstår formål og næste skridt uden at gætte.
Praktisk kontrol
- Åbn siden på en lille mobil, en større mobil og en computer.
- Kontrollér, om overskrift og primært indhold kan identificeres med det samme.
- Se efter elementer, der dækker, skubber eller forsinker indholdet.
- Mål det sandsynlige LCP-element, hvis første visning er langsom.
- Test med rigtige brugeropgaver frem for kun at vurdere et skærmbillede.