Above the fold: vad betyder det på en webbsida?

Above the fold kommer från tidningsvärlden. På en vikt tidning syntes bara den övre halvan av förstasidan i kiosken, och därför hamnade de viktigaste nyheterna ovanför vecket. På webben går vecket där skärmen tar slut, och det flyttar sig med varje enhet. På en mobil är den första skärmbilden mycket mindre än på en dator, och eftersom mobilen står för en stor del av trafiken på de flesta svenska sajter är det mobilversionen du ska designa efter. Google indexerar också i första hand mobilversionen av din sida.

Varför är above the fold viktigt?

Den första skärmbilden avgör om besökaren stannar. Här ska det framgå vad sidan handlar om och vad man kan göra. På en landningssida betyder det en tydlig rubrik, en kort förklaring och en knapp. Rubriken ska använda de ord folk sökte med, så att de direkt ser att de har landat rätt. Matchar toppen av sidan inte det folk sökte efter ökar andelen som lämnar sidan direkt, och det syns som en högre bounce rate.

Google har också en åsikt om området. År 2012 lanserade Google en uppdatering av sidlayout som träffade sidor med så många annonser högst upp att innehållet var svårt att hitta. Principen gäller fortfarande: innehållet ska vara lätt att se när sidan öppnas.

Above the fold och Core Web Vitals

Det största elementet i den första skärmbilden är ofta det som mäts som Largest Contentful Paint. En tung bild eller en video högst upp på sidan kan därför dra ner ditt resultat i Core Web Vitals. Ladda bilder ovanför vecket direkt och gärna med fetchpriority="high". Spara lazy loading till bilder längre ner på sidan.

Vanliga fel

Stora bildspel med växlande budskap tar mycket plats och säger lite. Cookiebanners och popupfönster kan täcka hela den första skärmbilden på mobilen. Många sidor använder toppen till en stor stämningsbild utan text. Öppna i stället sidan i din egen telefon och fråga: kan en ny besökare se vad sidan erbjuder utan att scrolla? Vår guide om SEO för e-handel visar hur kategorier och produktsidor kan byggas så att det viktigaste står överst.

Frågor om Above the fold

Vad betyder above the fold?

Above the fold betyder ovanför vecket. På en webbsida är det innehållet som syns direkt, innan besökaren scrollar. Uttrycket kommer från tidningar, där de viktigaste nyheterna stod på den övre halvan av förstasidan, som syntes medan tidningen låg vikt i kiosken.

Vad är below the fold?

Below the fold är allt innehåll som syns först när besökaren scrollar ner. Det är helt normalt att det mesta av en sida ligger där. Det viktiga är att toppen ger tillräckligt skäl att scrolla vidare, och att bilder längre ner laddas med lazy loading så att sidan öppnas snabbt.

Påverkar above the fold din placering i Google?

Indirekt. Google tittar på om innehållet är lätt att hitta och har tidigare straffat sidor med för många annonser högst upp. Den första skärmbilden påverkar också Largest Contentful Paint i Core Web Vitals och hur besökarna reagerar på sidan. En tydlig och snabb första skärmbild är därför bra för både SEO och konvertering.

Above the fold