Kaip sukurti efektyvų 404 klaidos puslapį?

Kodėl 404 puslapis nėra tik techninė smulkmena

Prisipažinsiu – dar prieš keletą metų maniau, kad 404 puslapis yra tiesiog būtina blogybė, kurią reikia kažkaip užtaisyti ir pamiršti. Kol vieną dieną nepažvelgiau į savo projekto analitikos duomenis ir nesupratau, kad į šį puslapį per mėnesį patenka apie 15% visų lankytojų. Penkiolika procentų! Tai nėra klaida – tai yra realus kontakto taškas su auditorija, kurį dažniausiai visiškai ignoruojame.

Problema ta, kad dauguma 404 puslapių atrodo tarsi juos kūrė programuotojas penktadienio vakarą, skubėdamas į laisvadienį. Standartinis serverio pranešimas, gal dar kokia ASCII meno katytė, jei pasisekė. O vartotojas? Jis tiesiog paspaudžia „back” ir dingsta amžiams. Prarandam ne tik potencialų klientą, bet ir galimybę paversti nemalonią situaciją į teigiamą patirtį.

Kas iš tikrųjų nutinka, kai vartotojas patenka į 404

Įsivaizduokite situaciją: ieškote konkretaus straipsnio apie React hooks, kurį kažkas pasidalino Twitter’yje prieš pusmetį. Nuoroda veda į 404. Kaip jaučiatės? Greičiausiai frustruoti, galbūt šiek tiek suirzę. Jūsų pirmasis impulsas – uždaryti skirtuką ir ieškoti kitur.

Štai čia ir slypi galimybė. Jei tą akimirką pasiūlysite kažką vertingo – aiškų paaiškinimą, alternatyvų turinį, galbūt net humorą – situacija gali apsiversti aukštyn kojomis. Vietoj prarastos sesijos gausite įsimintiną interakciją.

Realybė tokia, kad į 404 puslapį žmonės patenka įvairiais būdais. Pasenusios nuorodos iš kitų svetainių, klaidos URL juostoje, pasikeitę maršrutai po svetainės restruktūrizacijos, netgi tyčinis bandymas rasti neegzistuojančius puslapius (ačiū, bot’ai). Kiekvienas šių scenarijų reikalauja kiek skirtingo požiūrio, bet pagrindinis principas išlieka tas pats – padėti žmogui grįžti į teisingą kelią.

Elementai, kurie turi būti kiekviename 404 puslapyje

Pradėkime nuo pagrindų. Efektyvus 404 puslapis nėra meno kūrinys – tai funkcionalus įrankis. Pirmiausiai reikia aiškaus pranešimo, kad puslapis nerastas. Skamba akivaizdžiai, bet jūs nustebsite, kiek kartų mačiau „kūrybiškus” 404 puslapius, kur net neaišku, kas iš tikrųjų nutiko.

Antra – paieškos laukas. Tai ne pasiūlymas, tai būtinybė. Jei žmogus ieškojo kažko konkretaus ir nerado, logiška suteikti jam įrankį tą dalyką surasti. Paieškos laukas turėtų būti matomas, didelis ir idealiu atveju su autofokusu. Taip, žinau, autofokusas kartais erzina, bet šiuo atveju jis pateisinamas.

Trečias elementas – nuorodos į svarbiausias svetainės sekcijas. Pagrindinis puslapis, blogas, produktų katalogas, kontaktai. Pagalvokite, kas jūsų svetainėje yra svarbiausia, ir pasiūlykite tai kaip alternatyvą. Tik neperkraukite – 5-7 nuorodos yra maksimumas.

Ketvirtas dalykas, kurį dažnai pamirštame – žmogiškas tonas. Vietoj „Error 404: The requested URL was not found on this server” parašykite kažką panašaus į „Ups, čia nieko nėra. Galbūt ieškojote…?”. Skirtumas milžiniškas, o pastangų reikia minimaliai.

Techniniai aspektai, kuriuos būtina žinoti

Dabar prie dalykų, kurie IT specialistams turėtų būti savaime suprantami, bet praktikoje dažnai būna suvaryti per greitai. Pirma ir svarbiausia – HTTP statusas turi būti 404. Ne 200, ne 302, būtent 404. Jei grąžinate 200 statusą su „puslapis nerastas” pranešimu, paieškos sistemoms sakote, kad puslapis egzistuoja. Tai soft 404, ir Google jūsų už tai nemyli.

Antra techninė smulkmena – 404 puslapis turi veikti visada. Skamba juokingai, bet mačiau atvejų, kai 404 puslapis pats kviesdavo JavaScript bibliotekas iš CDN, kuris buvo nepasiekiamas, ir rezultate vartotojas matydavo baltą ekraną. Jūsų 404 puslapis turėtų būti kuo paprastesnis ir kuo mažiau priklausomas nuo išorinių resursų.

Dar vienas dalykas – greitis. Jei jūsų pagrindinis puslapis kraunasi 2 sekundes, 404 turėtų krautis per sekundę ar greičiau. Žmogus jau yra frustruotas, nedarykite dar blogiau. Optimizuokite paveikslėlius, minimizuokite CSS, išmeskite nereikalingus scriptus.

Ir dar vienas techninis niuansas, kurį verta paminėti – logavimas. Kiekvienas patekimas į 404 puslapį turėtų būti užfiksuotas su pilnu URL, referrer’iu ir timestamp’u. Šie duomenys neįkainojami analizuojant, kodėl žmonės patenka į neegzistuojančius puslapius. Galbūt turite daug nuorodų į seną URL struktūrą? Galbūt kažkas typo jūsų domeno vardą? Šie duomenys padės priimti sprendimus.

Kūrybiškumas vs funkcionalumas – kur riba?

Esu matęs fantastiškai kūrybiškų 404 puslapių. Interaktyvius žaidimus, animacijas, net mini-nuotykius. Ir dažniausiai jie yra visiškai nenaudingi. Problema ta, kad kūrybiškumas dažnai užgožia pagrindinę funkciją – padėti vartotojui rasti tai, ko jis ieško.

Vienas iš geriausių pavyzdžių, kuriuos esu matęs, buvo paprastas puslapis su užrašu „Čia nieko nėra, bet štai kas galėtų jus sudominti” ir trimis straipsnių kortele iš populiariausių tų pačių kategorijų. Jokių fancy animacijų, jokių žaidimų – tik naudinga informacija. Ir žinote ką? Bounce rate’as iš to puslapio buvo 40%, o ne 90% kaip įprasta.

Tai nereiškia, kad reikia visiškai atsisakyti kūrybiškumo. Galite turėti smagią iliustraciją, juokingą tekstą ar netgi nedidelę animaciją. Bet tai turi būti papildymas, ne pagrindas. Funkcionalumas visada pirmoje vietoje.

Jei vis tik norite kažko originalaus, pagalvokite apie kontekstą. IT portalui galėtų tikti programavimo juokeliai ar žargonizmai. E-commerce svetainei – nuolaidos kodas už „nepatogumą”. Bet visa tai turi veikti kartu su pagrindine funkcija, ne vietoj jos.

A/B testavimas ir optimizavimas

Štai ko niekas nedaro, bet visi turėtų – testai 404 puslapį. Turite analitikos įrankius, turite lankytojų, turite duomenis. Kodėl gi neišnaudoti jų?

Pradėkite nuo paprasčiausių dalykų. Testuokite skirtingus antraščių variantus. „Puslapis nerastas” vs „Ups, kažkas nutiko” vs „404 – bet viskas gerai”. Matuokite, kuris variantas duoda mažiausią bounce rate’ą. Testuokite skirtingas nuorodų kombinacijas. Galbūt vietoj „Pagrindinis puslapis” geriau veikia „Grįžti į pradžią”?

Vienas įdomus eksperimentas, kurį dariau prieš keletą metų – testuoti, ar paieškos laukas su placeholder tekstu veikia geriau nei be jo. Rezultatas buvo netikėtas: tuščias laukas su tiesiog užrašu „Ieškoti” virš jo generavo 23% daugiau paieškų nei laukas su placeholder’iu „Ieškokite straipsnių, vadovų…”. Teorija buvo, kad placeholder’is atrodo per daug „užpildytas” ir žmonės nekreipia į jį dėmesio.

Dar vienas svarbus metrikas – laikas puslapyje. Jei žmonės praleidžia 404 puslapyje daugiau nei 5 sekundes, tai geras ženklas – jie skaito, ieško, bando rasti sprendimą. Jei mažiau nei 2 sekundes – greičiausiai iš karto išeina.

Mobilieji įrenginiai – atskiras iššūkis

Dabar apie dalykus, kurie mobiliuose įrenginiuose veikia kitaip. Pirmiausiai – ekrano dydis. Tai, kas darbalaukyje atrodo kaip kompaktiškas ir informatyvus puslapis, mobiliajame gali virsti nesibaigiančiu scroll’u. Jūsų 404 puslapis mobiliajame turi tilpti į vieną ekraną be scrollinimo, arba bent jau visos svarbiausios funkcijos turi būti matoma iš karto.

Antra problema – navigacija. Mobiliajame įrenginyje žmonės neturi pelės, neturi didelių ekranų, neturi kantrybės. Jūsų paieškos laukas turi būti didelis, mygtukai turi būti lengvai paspaudžiami, nuorodos turi būti aiškios. Nieko smulkaus, nieko, kas reikalauja tikslumo.

Trečias dalykas – greitis. Jei darbalaukyje 404 puslapis gali krautis sekundę, mobiliajame jis turėtų krautis per pusę sekundės. Mobilusis internetas dažnai lėtesnis, žmonės dažnai skuba, kiekviena papildoma milisekundė didina tikimybę, kad jie išeis.

Ir dar viena smulkmena – orientacija. Testuokite savo 404 puslapį ir vertikalioje, ir horizontalioje orientacijoje. Ypač jei turite kokią nors iliustraciją ar paveikslėlį – įsitikinkite, kad jis atrodo gerai abiem atvejais.

Kai 404 tampa galimybe, o ne problema

Grįžkime prie pradžios – 404 puslapis nėra klaida, kurią reikia paslėpti. Tai galimybė parodyti savo svetainės charakterį, padėti vartotojui ir netgi paversti neigiamą patirtį į teigiamą.

Praktiškai tai reiškia kelias paprastas taisykles. Pirma – būkite naudingi. Paieška, nuorodos, aiškūs paaiškinimai. Antra – būkite žmogiški. Vietoj techninių pranešimų kalbėkite normaliai. Trečia – būkite greiti. Optimizuokite, testuokite, matuokite. Ketvirta – būkite nuoseklūs. Jūsų 404 puslapis turėtų atspindėti bendrą svetainės stilių ir toną.

Ir paskutinis patarimas – peržiūrėkite savo 404 puslapį dabar. Ne rytoj, ne kitą savaitę, būtent dabar. Atidarykite jį mobiliajame, darbalaukyje, patikrinkite ar veikia paieška, ar grąžinamas teisingas HTTP statusas, ar nėra nuorodų į neegzistuojančius puslapius (ironija, tiesa?). Ir jei matote, kad jis neatitinka bent pusės čia aprašytų rekomendacijų – žinote, ką daryti.

Galiausiai, 404 puslapis yra kaip avarinė išeitis – tikitės, kad jos niekada nereikės, bet kai prireikia, ji turi veikti nepriekaištingai. Investuokite į tai laiko, ir rezultatai jus nustebins.

Parašykite komentarą

El. pašto adresas nebus skelbiamas. Būtini laukeliai pažymėti *