Scroll map eli vierityskartta on analytiikkatyökalu, joka visualisoi kuinka syvälle verkkosivua käyttäjät vierittävät. Se näyttää värikoodattuna karttana, missä kohtaa sivua tietty prosenttiosuus kävijöistä lopettaa vierittämisen ja poistuu. Vierityskartta paljastaa välittömästi näkevätkö käyttäjät tärkeimmät sisältösi vai jäävätkö ne piiloon sivun alaosaan.
Tyypillinen vierityskartta näyttää esimerkiksi että 100% käyttäjistä näkee sivun yläosan, 75% vierittää ensimmäisen screenshotin ohi, 50% näkee keskiosan sisällön, ja vain 20% saavuttaa sivun loppuun. Nämä tiedot ovat kriittisiä kun suunnittelet sivun rakennetta ja päätät mihin sijoittaa tärkeimmät elementit.
Above the fold ja sivun rakenne
“Above the fold” tarkoittaa sitä osaa sivusta, jonka käyttäjä näkee heti sivulle saapuessaan ilman vierittämistä. Termi tulee sanomalehtien taitosta, missä lehden yläpuolisko näkyy kioskissa taittuneen lehden ollessa esillä. Verkkosivuilla above the fold on kriittinen alue, koska kaikki käyttäjät näkevät sen.
Vierityskartta paljastaa tarkalleen missä “fold” eli taitekohta on eri laitteilla. Huomaa että fold vaihtelee – tietokoneella se on ylempänä kuin tabletilla, ja puhelimella se on vielä alempana. Tärkeintä sisältöä ja toimintakehoitteita kannattaa sijoittaa niin korkealle että ne näkyvät kaikilla laitteilla.
Mutta älä usko myyttiä että kaiken pitäisi olla above the fold. Käyttäjät ovat tottuneet vierittämään, jos sisältö on kiinnostavaa. Vierityskartta kertoo onko sisältösi tarpeeksi houkuttelevaa pitämään käyttäjät sivulla vai poistuvatko he ennenaikaisesti.
Mitä vierityskartta paljastaa
Vierityskartta näyttää ensinnäkin onko tärkeä sisältösi näkyvissä. Jos olet sijoittanut CTA-painikkeen, tuotesuositukset tai asiakassuositukset sivun alaosaan mutta vain 15% käyttäjistä vierittää niin pitkälle, tiedät että niiden sijainti on väärä. Siirrä tärkeät elementit ylemmäs tai tee sivun yläosasta niin houkutteleva että käyttäjät jatkavat lukemista.
Vierityskartta paljastaa myös “pudotuspisteet” – kohdat missä merkittävä osa käyttäjistä lopettaa vierittämisen. Jos 60% käyttäjistä poistuu tietyn elementin kohdalta, analysoi miksi. Onko siinä jotain hämmentävää? Onko sisältö tylsää? Vai onko se liian pitkä tekstitykki ilman visuaalisia taukoja?
Laskeutumissivuilla vierityskartta on erityisen tärkeä. Jos CTA-painike on sivun lopussa mutta vain 30% näkee sen, sinun täytyy joko lyhentää sisältöä, tehdä siitä kiinnostavampaa, tai lisätä CTA myös ylemmäs sivua. Monet tehokkaat laskeutumissivut toistuuvatkin CTA:ta useissa kohdissa.
Vierityskartan käyttö optimoinnissa
Käytä vierityskarttaa sivun pituuden optimointiin. Jos 80% kävijöistä poistuu ennen sivun puoltaväliä, sivusi on todennäköisesti liian pitkä tai yläosa ei motivoi lukemaan eteenpäin. Testaa lyhyempää versiota tai houkuttelevampaa johdantoa.
Optimoi sisällön järjestys vierityskartan perusteella. Sijoita tärkein sisältö ja vahvimmat argumentit sinne missä suurin osa käyttäjistä edelleen on. Vähemmän kriittiset asiat kuten yksityiskohtaiset tekniset tiedot voivat olla alempana niitä varten, jotka todella haluavat syventää tietämystään.
Yhdistä vierityskartta muihin mittareihin. Jos vierityskartta näyttää hyvää engagement-tasoa (ihmiset vierittävät pitkälle) MUTTA konversio on silti alhainen, ongelma ei ole sivun rakenteessa vaan sisällössä tai CTA:ssa. Jos taas vieritys loppuu aikaisin JA konversio on alhainen, rakenteellinen ongelma on todennäköinen.
Testaa eri sisältötyyppejä vierityksen parantamiseksi. Kokoa, infografiikka, video tai asiakassuositus tietyssä kohdassa voi motivoida käyttäjiä jatkamaan lukemista. A/B-testaa näitä elementtejä ja seuraa vaikutusta vierityssyvyyteen.
Yhteenveto
Scroll map eli vierityskartta näyttää kuinka pitkälle alas verkkosivua käyttäjät vierittävät ennen poistumista. Se paljastaa “above the fold” -alueen, tärkeimmän sisällön näkyvyyden ja pudotuspisteet, joissa käyttäjät lopettavat lukemisen. Vierityskartta on kriittinen työkalu sivun rakenteen optimointiin: se kertoo onko tärkeä sisältö näkyvissä, onko sivusi liian pitkä, ja missä järjestyksessä sisältö kannattaa esittää. Sitä kannattaa käyttää yhdessä muun analytiikan kanssa sivun pituuden, sisällön järjestyksen ja CTA-sijoittelun optimointiin.