Sa külastad veebisaiti ja see laadib viis sekundit. Siis tuleb täisekraani hüpikaken, sulgemisnuppu on võimatu tabada, tekst on mobiilis loetamatu. Kõlab tuttavalt? Sinu külastajad kogevad seda iga päev. Ja nad lahkuvad.

Põrkemäär hiilib üles, konversioon langeb ja sa kaotad inimesi, kellest oleks võinud saada kliendid. Asi pole selles, et sisu on halb. Asi on selles, et nad ei jõua selleni kunagi.

Allpool on kümme põhjust, miks külastajad veebisaidilt lahkuvad. Peaaegu kõik on parandatavad päeva või kahega ilma eelarveta.

💡 Kiire ülevaade:

• Kontrolli laadimiskiirust: kõik, mis on pikem kui 2 sekundit, kaotab juba külastajaid
• Eemalda pealetükkivad hüpikaknad või seadista käivitajad mõistlikult: kerimisel, viivitusega, lihtsa sulgemisega
• Testi mobiiliversiooni sõrmega, mitte hiirega: nupud, fondid, horisontaalne kerimine
• Keela heli ja video automaatesitus, see on kohese vahelehe sulgemise peamine põhjus
• Paigalda SSL-sertifikaat, kui oled endiselt HTTP peal: brauserid märgivad sellised saidid ebaturvaliseks

1. Sait laadib aeglasemalt, kui külastajad on nõus ootama

Kaks sekundit on psühholoogiline lävi. Google'i andmetel, kui leht laadib kauem, kasvab põrke tõenäosus iga lisasekundiga 32% allikas. Mobiilseadmetes on pilt karmim: 10-sekundilise laadimise korral hüppab põrkemäär 123% võrreldes ühe sekundiga.

Google'i tipptulemuste lehe keskmine laadimiskiirus on 1,65 sekundit. Keskmine veebisait laadib 3,21 sekundiga ja see on juba läbikukkumine. Erinevus esimese ja keskmise vahel peitub piltide optimeerimises, puhverdamises, CDN-is ja puhtas koodis.

WordPressi jaoks on palju tööriistu: puhverdamise pluginad (WP Rocket, LiteSpeed Cache), pilditihendus (ShortPixel, Imagify), CDN läbi Cloudflare'i. Täielik ülevaade on meie WordPressi kiiruse optimeerimise juhendis.

2. Hüpikaknad ründavad enne, kui külastaja jõuab pealkirja lugeda

Hüpikaknad töötavad. Aga ainult siis, kui need ilmuvad õigel ajal, mitte ei kata sisu pool sekundit pärast sisenemist. Külastaja pole veel aru saanud, kuhu ta sattus ja kas seal on see, mida ta otsis, ning talle surutakse juba tellimisvormi.

Mõned reeglid hüpikakendele, mis ei tüüta:

• Näita pärast seda, kui külastaja on veetnud lehel vähemalt pool minutit või kerinud üle poole tekstist
• Sulgemisnupp on suur, ilmselge, mitte taustaga maskeeritud
• Ära näita hüpikakent uuesti neile, kes selle juba sulgesid
• Mobiili jaoks eraldi kujundus, mis ei kata kogu ekraani

Lahkumiskavatsuse hüpikaknad käivituvad ainult siis, kui kursor liigub akna piiridest välja, need vähemalt ei sega lugemist. Ka Google'ile need ei meeldi: suured kleepuvad bännerid, mis katavad mobiilis sisu, võivad langetada otsingureitingut allikas. Rohkem turvalise hüpikakende kasutamise kohta meie artiklis.

3. Mobiiliversioon on olemas, aga seda on võimatu kasutada

Statcounteri andmetel tuleb 2025. aasta keskpaiga seisuga ligikaudu 62-64% kogu veebiliiklusest mobiilseadmetest allikas. Ja Google on kasutanud mobiiliesmast indekseerimist alates 2016. aastast: lehe mobiiliversiooni kasutatakse pingerea määramiseks allikas.

Mida mobiiliversioonis kontrollida:

• Tekst on loetav ilma näpistamise ja horisontaalse kerimiseta (fondi suurus alates 16px)
• Nuppude ja linkide vahe on vähemalt 8 mm, et sõrm ei eksiks
• CTA-nupud on nähtavad ilma kerimata või pärast minimaalset kerimist
• Vormid ei nõua viietollisel ekraanil 15 välja täitmist

Kontrolli oma saiti Google'i mobiilisõbralikkuse testiga, see võtab 30 sekundit. Punane tulemus, alusta responsiivsest teemast.

4. Heli ja video automaatesitus lehe laadimisel

Vähesed asjad panevad brauseri vahelehte kiiremini sulgema kui äkitselt käratav video. Avatud kontoris, kohvikus või öösel kodus on see kohene lahkumine. Kümme vahelehte on lahti ja pole selge, kust heli tuleb.

Chrome on alates 2018. aastast vaikimisi blokeerinud heli automaatesituse allikas. Kuid helita taustavideod, mis käivituvad automaatselt ja kulutavad mobiilset andmemahtu, on peaaegu sama halvad.

Kui maandumislehel on videot vaja: ilma helita, muted atribuudiga, nähtava heli sisselülitamise nupuga. Ja ära kunagi peida pausi nuppu.

5. Ilus disain, kuid on ebaselge, millele klõpsata

Sait võib välja näha nagu disainistuudio portfoolio: parallaks, animatsioonid, ebastandardne ruudustik. Kuid kui külastaja ei saa sekundiga aru, kus on menüü ja kuidas soovitud toimingut sooritada, lahkub ta.

Peamised kasutatavuse reeglid, mis toimivad:

• Menüü on seal, kus külastaja seda ootab: lehe ülaosas või vasakul paneelil (hamburger ainult mobiilis)
• Logo on klikitav ja viib avalehele
• Nupud näevad välja nagu nupud: maht, kontrastne värv, hiirega üle liikudes osutikursor
• Saidisisene otsing, kui sisu on rohkem kui paarkümmend lehekülge
• Järjepidev stiil: fondid, värvid, vahed ei hüppa lehelt lehele

Peamine vaenlane on reklaam, mis maskeerub sulgemisnupuks (ristiks) ja avab klikkimisel maandumislehe. See mitte ainult ei ärrita, vaid hävitab usalduse.

6. Pildid on igavad, varupangast ja igal pool samad

Pildid on esimene asi, mida silm lehel haarab. Kui see on standardne varupanga foto „prillidega inimene vaatab graafikut", mis on tuhandel teisel saidil, on unikaalsus null ja usaldus null.

Mis toimib varupanga piltide asemel:

• Toote või liidese ekraanipildid, konkreetsed, koos allkirjadega
• Enda fotod meeskonnast, kontorist, protsessist
• Kohandatud infograafika artikli andmetega
• Materjali jaoks joonistatud diagrammid ja graafikud

Oleme koostanud kogumiku 35 tasuta fotodega saidist, kust võib leida pilte, mis pole veel üle kogu interneti levinud. Tasulised varupangad (Shutterstock, Adobe Stock) annavad juurdepääsu väiksema „eksponeeritusega" sisule, kui eelarve lubab.

7. Sisu ei vasta küsimusele, millega külastaja tuli

Keegi kirjutas otsingusse „kuidas WordPressi kiirendada" ja sattus lehele, kus esimesed neli lõiku on veebi ajalugu ja hostingu reklaam. Vastust pole. See on kõige levinum lahkumiste põhjus pärast aeglast laadimist.

Mis toimib:

• Esimene lõik vastab päringule, millega külastaja tuli, ilma vati ja eessõnadeta
• H1 pealkiri ja meta pealkiri kajastavad ausalt sisu: klikisööt annab liiklust, kuid tapab käitumismõõdikud
• Võtmeinfo ei ole peidetud kümne soojenduslõigu taha

Omaette valupunkt on lehed, mis paluvad reklaamiblokeerijad välja lülitada. Jah, sisu maksab raha. Kuid külastaja leiab sama asja konkurendi juurest, kes ei pane sissepääsule blokki.

8. Navigatsioon on segane või puudub

Külastaja luges artiklit, tahab vaadata teisi selleteemalisi materjale, kuid on ebaselge, kuhu klõpsata. Menüü on lauaarvutis hamburgerisse peidetud, leivapuru pole, lingid seotud postitustele pole esile tõstetud.

Minimaalne navigatsioonikomplekt:

• Loogiliste jaotistega peamenüü, menüü seadistamine WordPressis võtab 10 minutit
• Leivapururada: aitab mõista, kus sa asud, ja annab otsingumootoritele struktuuri
• Artikli lõpus plokk „Seotud postitused"
• Saidisisene otsing, eriti kui sisulehti on üle 30-40

Ja kõige ilmsem asi, mis sageli ununeb: kõik lingid, nii sisemised kui ka välised, peaksid töötama. Katkised lingid rikuvad kasutajakogemust ja piiravad roomamiseelarvet. Kuidas neid leida ja parandada, on kirjas meie katkiste linkide parandamise juhendis.

9. Sait ilma HTTPS-ita, brauserid tembeldavad selle juba „ebaturvaliseks"

Chrome, Firefox ja Safari on alates 2017., 2018. aastast märkinud HTTP-lehti aadressiribal kui „Mitte turvaline". W3Techsi andmetel on aastateks 2025-2026 umbes 90% kõigist saitidest juba HTTPS-ile üle läinud ning kaitsmata saitide osakaal väheneb jätkuvalt allikas.

Kui teie sait on endiselt HTTP-l:

• Brauseri hoiatus peletab külastaja eemale juba enne lehe laadimist
• Google on alates 2014. aastast HTTP-saite otsingutulemustes madalamale langetanud, see on kinnitatud pingerea signaal
• Andmesisestusvormid (sisselogimine, tellimine, maksmine) ilma krüpteeringuta on kasutajaandmete leke

Let's Encryptiga on SSL-sertifikaadi paigaldamine tasuta ja automatiseeritud. Enamikul WordPressi majutustel on üheklõpsuga paigaldus. Täpsemalt tasuta SSL-i paigaldusjuhendis.

10. Kõige olulisem on peidetud alla, esmapilgul mittenähtavale alale

Esimese asjana näeb külastaja saidile sisenedes esmapilgul nähtavat ala (above the fold). Kui seal pole vastust küsimusele „kuhu ma sattusin ja mida siin teha", lahkub ta kerimata.

Mis peaks olema esmapilgul nähtaval alal:

• Nimi ja tunnuslause, millest selgub saidi teema 2 sekundiga
• Navigeerimismenüü lauaarvutis, nähtav, mitte hamburgeri kujul
• Peamine CTA või sissepääs sisusse, mitte peidetud viiest slaidist koosneva karusselli taha

Hamburgeri menüü lauaarvutis on vastuoluline otsus. Enamik kasutajaid on sellega mobiilis harjunud, kuid suurtel ekraanidel peidab see navigatsiooni ja vähendab leitavust. Erandiks on ühe sihttegevusega maandumislehed.

Tehke viiesekundiline test: näidake kolleegile avalehte 5 sekundit ja küsige, millest sait räägib ja mida edasi teha. Kui vastus on ebamäärane, töötage esmapilgul nähtav ala ümber.

Hea uudis: erinevalt SEO-st, kus tulemused tulevad kuude jooksul, mõjuvad UX-i parandused kohe. Kiirendasite saiti, põrked vähenesid samal päeval. Eemaldasite automaatse heli, vaatamise sügavus suurenes õhtuks.

Allolev video analüüsib põrkemäära üksikasjalikult koos konkreetsete juhtumite ja tõestatud viisidega põrgete vähendamiseks:

⁉️🤔 Korduma kippuvad küsimused

Mis on põrkemäär ja mida peetakse normaalseks?

Põrkemäär on nende külastajate protsent, kes sisenesid lehele ja lahkusid ilma interaktsioonita: ei klõpsanud, ei kerinud, ei läinud teisele lehele. Norm sõltub saidi tüübist: sisuprojektide ja blogide puhul 60-80%, veebipoodide puhul 20-45%, maandumislehtede puhul 30-55% allikas. Kui blogi näitab ligi 90% ja pood üle 70%, on aeg häirekella lüüa.

Kuidas kontrollida konkreetse lehe laadimiskiirust?

Kolm tasuta tööriista: Google PageSpeed Insights (Core Web Vitalsi mõõdikud eraldi mobiilile ja lauaarvutile), GTmetrix (koskdiagramm näitab, milline ressurss aeglustab) ja WebPageTest (seadme, brauseri ja geograafilise asukoha valik testiks). Käivitage kõik kolm, saate täieliku pildi 10 minutiga.

Kas SSL-i paigaldamine on kohustuslik, kui saidil pole vorme ega makseid?

Jah. Isegi kui peate lihtsalt blogi ilma kommentaarideta: brauserid märgivad HTTP-saite punase sildiga „Mitte turvaline" (külastaja ehmub ja lahkub), Google on kasutanud HTTPS-i pingerea signaalina alates 2014. aastast ning HTTP/2 ja HTTP/3 töötavad ainult üle TLS-i. Let's Encrypt on tasuta ja võtab aega 15 minutit.

Kuidas mõista, millal on aeg kujundust muuta, mitte lihtsalt pisiasju parandada?

Signaalid: põrkemäär üle 80% piisava laadimiskiiruse juures vastavalt valdkonna võrdlusalustele, kasutajad helistavad toele küsimustega „kuidas ma teie saidilt sellist-ja-sellist asja leian", kuumakaart näitab, et inimesed klõpsavad mitteklõpsatavatel elementidel ja ignoreerivad CTA-nuppe. Üks usaldusväärne viis on kasutatavuse test 3-5 inimesega, kes pole saidiga tuttavad: andke neile ülesanne (leia toode, telli uudiskiri) ja jälgige vaikides. Kohad, kus nad takerduvad, ongi probleem.

Kas hüpikakendeta saab täiesti hakkama?

Saab. E-posti turundus läbi vormi jaluses, külgribal või artikli lõpus annab vähem tellijaid, kuid nende kvaliteet on kõrgem: need, kes tellisid, lugesid lõpuni. Kui hüpikaknad on ärimudeli jaoks kriitilised, lülitage need sisse viivitusega, kerimise päästikuga ja ausa sulgemisnupuga. Tulemus on veidi madalam, kuid ilma kahjuta UX-ile ja SEO-le.

Kust alustada täna: nädala plaan

Ärge püüdke kõike korraga parandada. Minge nimekiri ülalt alla läbi, iga punkt sulgeb kõige pakilisema augu:

• Kohe: ava PageSpeed Insights, sisesta URL. Kui mobiiliskoor on alla 50, alusta pilditihendusest ja vahemällu salvestamisest.
• Täna: käivita Google'i mobiilisõbralikkuse test. Kui tulemus on punane, paranda olukord responsiivse teemaga.
• Täna: eemalda kõigilt lehtedelt heli automaatesitus.
• Sel nädalal: kui sait on HTTP-l, paigalda Let's Encrypt. Sinu majutusteenus peaaegu kindlasti võimaldab seda paari klõpsuga.
• Sel nädalal: vaata läbi viis peamist lehte ja veendu, et kahe sekundi jooksul ekraani ülaosas on selge, millest sait räägib.

Need viis sammu kõrvaldavad peamised lahkumise põhjused. Ülejäänu on lihvimine. Alusta täna ja nädala lõpuks hakkavad näitajad tõusma.