Ovanför vecket

Vad är ovanför vecket?

Innehållet ovanför vecket ä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 "under vikningen". "Vikningen" är där webbläsarfönstret slutar, men innehållet fortsätter under.

Var kommer "ovanför vecket" ifrån?

I publiceringens barndom 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 ovanför vikningen 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.

I takt med att förlagen flyttade sina verksamheter till nätet och webbdesignen utvecklades under 1990-talet fortsatte termen att leva 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 ovanför vecket ä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 ovanför vikningen 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 presentera det innehåll som de letar efter så att de inte studsar och besöker en annan webbplats.

När det gäller annonsering förbättrar placeringen av annonser ovanför vecket 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 produktdifferentiering ovanför vecket på startsidan eller andra landningssidor vanligtvis till högre konverteringsfrekvenser.

Hur mäts "above the fold"?

Det är omöjligt att definiera en enda placering 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.

Din webbplats analysprogram bör kunna berätta vilka som är de vanligaste skärmdimensionerna för 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 webbdesignen 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 kaskadstilmallar. I responsiv design finns det ingen fast layout för en sida, utan innehållet anpassas 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 bra att placera annonser ovanför vikningen så att de syns maximalt, kan det också få negativa konsekvenser att gå överbord med annonser.

Google har släppt flera algoritmuppdateringar genom åren som straffar webbplatser som placerar så många annonser ovanför vikningen att det faktiska innehållet på sidan tvingas under vikningen. Webbplatser som går överbord med att placera massor av annonser högst upp på sidan ger en dålig användarupplevelse, och att göra det kan leda till en kraftig minskning av gratis SEO-trafik.

Optimering för annonsvisning kräver balans, så att både användarupplevelsen och annonsvisningen 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 experiment.

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 (scrolldjup, avvisningsfrekvens, engagemangsfrekvens). Den här analysen ger dig en uppsättning baslinjemätvärden för hur dina användare interagerar med din webbplats.

När den inledande granskningen av webbplatsen är klar är nästa steg att skapa hypoteser och testa dem. Du kan komma med idéer för innehåll och annonsplaceringar, använda A/B-testprogramvara 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 generera nya hypoteser för hur du kan optimera din webbplats.