Ilman vieritystä näkyvä alue

Mitä on Taitoksen yläpuolella?

Kertauksen yläpuolella on sivun osa näkyvissä selaimen ikkunassa ennen käyttäjän selaamista. Termi tulee painolehdistä, joissa etusivun yläosa oli näkyvissä lehtikojussa. Verkko ei ole kiinteä “kertainen”: raja riippuu kävijän näytön koko, laite, ja selain ikkuna, joten mitä näkyy työpöydällä voi vaatia selaaminen mobiili.

Miksi Taitamisen yläpuolella on väliä?

Täällä sinulla on muutama sekunti aikaa näyttää, mitä myyt ja mikä on seuraava askel. Nielsen Norman Groupin silmänjäljitystutkimukset osoittavat, että käyttäjät käyttävät suurimman osan huomiostaan käärön yläpuolella. Selkeä arvolupaus ja näkyvä CTA yli kertaiseksi on siis klassinen vipu muuntokurssin verkkokaupassa.

Yleiset käyttötapaukset

• Kotisivun sankari. Näytä avainviestisi, tarjouksesi tai kategoriasi ilman selaamista sekä mobiililla että työpöydällä.
• Tuotesivu. Varmista hinta, “Lisää ostoskoriin,” ja tuotekuva näkyvät heti.
• Kampanjasivut. Aseta tarjous ja CTA yläpuolella poimu niin mainos liikennettä ei tarvitse metsästää toimintaa.
• Core Web Vitals. Suurin elementti yläpuolella kertaiseksi on usein LCP-elementti, jotta raskas sankari imago voi hidastaa LCP.

Näytä perspektiivi

Vuonna Shopify, edellä-the-fold alue on hallinnassa teeman osiot ja lohkot teema editori. Yleinen virhe on laiska lataaminen sankarikuva: kun se on LCP ehdokas, joka viivästyttää lastausta ja satuttaa Core Web Vitals. Aseta loading="eager" (tai fetchpriority="high") on sankari kuva ja pitää yläosassa valoa. Aina testi todellinen puhelin ei vain työpöydälle … koska taittuu istuu paljon suurempi pienillä näytöillä.