Ovanför vecket
Ovanför mitten är vad shoppare ser utan att rulla – det avgör ofta om besökare stannar eller lämnar din butik.
Vad är Above the Fold?
Ovanför mitten är den del av en sida som är synlig i webbläsarfönstret innan användaren rullar. Termen kommer från tryckta tidningar, där den övre halvan av förstasidan var synlig i tidningskiosken. På webben finns det ingen fast “vikning”: gränsen beror på besökarens skärmstorlek, enhet och webbläsarfönster, så vad som är synligt på skrivbordet kan kräva rullning på mobilen.
Varför spelar Above the Fold roll?
Det är här du har några sekunder på dig att visa vad du säljer och vad nästa steg är. Eye-tracking-studier från Nielsen Norman Group visar att användare spenderar den stora majoriteten av sin uppmärksamhet ovanför mitten, även om de rullar. Ett tydligt värdeförslag och en synlig CTA ovanför mitten är därför en klassisk hävstång för konverteringsfrekvens i en onlinebutik.
Vanliga användningsfall
- Hjälp på startsidan. Visa ditt nyckelmeddelande, erbjudande eller kategori utan att rulla på både mobil och dator.
- Produktsida. Se till att pris, “Lägg i kundvagn” och produktbilden syns direkt.
- Kampanjsidor. Placera erbjudandet och CTA ovanför mitten så att annonstrafiken inte behöver leta efter handlingen.
- Core Web Vitals. Det största elementet ovanför mitten är ofta LCP-elementet, så en tung hjältebild kan bromsa din LCP.
Shopify perspektiv
I Shopify styrs området ovanför mitten av temats sektioner och block i temaredigeraren. Ett vanligt misstag är att lata in hjältebilden: när det är LCP-kandidaten, försenar det inläsningen och skadar Core Web Vitals. Ställ istället in loading="eager" (eller fetchpriority="high") på hjältebilden och behåll den övre delen ljus. Testa alltid på en riktig telefon – inte bara stationär – eftersom vecket sitter mycket högre på små skärmar.