Above the fold (ovanför vikningen)

Vad är "above the fold"?

Innehåll "above the fold" är den del av en webbsida som visas innan du skrollar. Allt innehåll som du måste skrolla ner för att se betraktas som "below the fold" eller nedanför vikningen. "Vikningen" är där webbläsarfönstret slutar, men innehållet fortsätter under.

Var kommer "above the fold" ifrån?

I tidningstryckarbranschens ungdom var "above the fold" en term som användes för innehåll som visades på den övre halvan av en tidnings förstasida. När tidningar visades i en tidningskiosk var rubrikerna och huvudartiklarna som visades "above the fold" de mest synliga. Fängslande rubriker och levande bilder användes ofta för att fånga läsarnas uppmärksamhet och övertyga dem om att köpa tidningen.

När utgivarna flyttade sina verksamheter online och webbdesignen utvecklades under 1990-talet fortsatte termen att hålla sig kvar. I dag avser vikningen inte längre en faktisk vikning i en tidning, utan botten av ett webbläsarfönster eller cirka 600 pixlar från sidans överkant.

Varför är "above the fold" viktigt?

Innehållslayout och placering är viktigt eftersom innehåll som visas "above the fold" är det som först syns när en användare laddar sidan. Det är den bästa platsen som får mest uppmärksamhet från användarna.

På grund av dess höga synlighet bör det innehåll som du placerar "above the fold" vara det innehåll som är viktigast för att uppnå dina affärsmål. Innehållet bör omedelbart fånga användarens uppmärksamhet och ge dem det innehåll de letar efter så att de inte hoppar av och besöker en annan webbplats.

När det gäller annonsering förbättrar placeringen av annonser "above the fold" deras synlighet och genererar mer annonsintäkter än annonser som placeras på mindre synliga platser. För B2B-webbplatser leder placering av viktiga call to actions (CTA) och annan viktig information om produktinformation "above the fold" på startsidan eller andra landningssidor vanligtvis till högre konverteringsgrad.

Hur mäts "above the fold"?

Det är omöjligt att definiera placeringen av "above the fold" för en webbplats. Den exakta placeringen av vikningen skiljer sig åt på grund av olika skärmstorlekar (både stationära och bärbara datorer), skärmupplösningar, webbläsarplugins och storlekar på olika telefoner och surfplattor.

När man fastställer en genomsnittlig vikplacering är de flesta webbdesigners överens om att viklinjen är cirka 1 000 pixlar bred och 600 pixlar hög.

Detta är det bästa tänkbara scenariot för den vanligaste kombinationen av skärm och webbläsare på 1024x786 pixlar, med webbläsarfönstret maximerat och inga installerade verktygsfält högst upp som trycker ner innehållet.

Ditt verktyg för webbanalys bör kunna ge dig information om vilka skärmdimensioner som är vanligast bland dina besökare. Även om 1024x768 traditionellt har varit den vanligaste, ökar nya dimensioner i popularitet, t.ex. 320x568 och 360x640.

Överväganden för mobila enheter

Den ökande användningen av mobila enheter för webbsurfning komplicerar ytterligare konceptet med att optimera webbdesign för "above the fold".

Mobila enheter erbjuder ett stort antal olika skärmstorlekar. Dessutom surfar användare på telefoner i allmänhet i stående läge snarare än i liggande läge, vilket vänder den traditionella siddesignen i sidled.

Med så många människor som besöker webbsidor på så många olika enheter innebär nuvarande praxis för webbdesign att man använder responsiv design: att man använder flexibla layouter, bilder och Cascading Style Sheets. I responsiv design finns det ingen fast layout för en sida, och innehållet flyter över till en skärm av alla storlekar. Responsiva webbsidor reagerar eller "svarar" på den miljö där de konsumeras eller bläddras.

Även om det viktiga innehållet fortfarande måste finnas högre upp på sidan, bör sidorna numera utformas så att de uppmuntrar till att skrolla mer för att inte missa viktigt innehåll.

SEO-överväganden

Även om det ofta är en bra idé att placera annonser "above the fold" så att annonsens synlighet maximeras, kan det också få negativa konsekvenser att gå till överdrift med annonser.

Google har släppt flera algoritmuppdateringar genom åren som straffar webbplatser som placerar så många annonser "above the fold" att det faktiska innehållet på sidan tvingas nedanför vikningen. Webbplatser som placerar massor av annonser högst upp på sidan ger en dålig användarupplevelse och att göra det kan leda till SEO-bekymmer i form av minskad trafik.

Att optimera för annonssynlighet kräver balans, så att både användarupplevelsen och annonsens synlighet maximeras.

Optimera innehålls- och annonsplacering

Att optimera placeringen av innehåll och annonser på en webbplats är en iterativ process som innefattar dataanalys, testning och experimentering.

En bra utgångspunkt för optimering av sidlayout är att titta på ditt analysprogram för att fastställa demografin (webbläsare, skärmstorlekar, enhetstyp) för dina användare samt deras faktiska beteende (skrolldjup, bounce rate, engagemang). Den här analysen ger dig en uppsättning baslinjemått för hur dina användare interagerar med webbplatsen.

När den inledande granskningen av webbplatsen är klar är nästa steg att skapa hypoteser och genomföra tester. Du kan komma med idéer för innehåll och annonsplaceringar, använda programvara för A/B-testning för att flytta runt element på en sida och testa vilken som fungerar bäst.

När du har dessa data kan du gå tillbaka till dina analysdata och skapa nya hypoteser för hur du kan optimera din webbplats.