Cum să creezi o pagină 404 grozavă pentru utilizatorii tăi
Publicat: 2021-11-04A ajunge la o pagină 404 nu este o experiență plăcută. Dar există lucruri pe care le puteți face pentru a vă asigura că nu este experiența finală pe care o are un utilizator cu site-ul dvs.
Pentru a proiecta o pagină 404 grozavă, trebuie să știți care elemente sunt cele mai utile pentru utilizatori și vă pot ajuta pagina să iasă în evidență.
Iată o listă de 6 funcții care vă vor ajuta să profitați la maximum de pagina dvs. 404.
Ce este un cod 404?
404 este unul dintre codurile de stare HTTP care apare atunci când o pagină nu poate fi găsită.
404 aparține grupului 4xx, ceea ce indică faptul că este o eroare la nivelul clientului. Mai precis, înseamnă că clientul a ajuns la serverul tău, dar serverul nu a găsit fișierul solicitat.
Codul 404 poate apărea din diverse motive, cum ar fi:
- Pagina a fost ștearsă,
- Utilizatorul a greșit în timp ce introduce adresa URL,
- Linkul către pagină a fost incorect.
Indiferent de motivul codului 404, utilizatorii nu vor putea accesa pagina deoarece pur și simplu nu poate fi găsită.
Pagina pe care utilizatorul o va vedea în loc de pagina lipsă este în controlul dvs. Opțiunile dvs. includ:
- O pagină standard 404 sau
- O pagină personalizată 404.
O pagină 404 standard, nepersonalizată, poate conține o simplă bucată de text pe un fundal alb care spune doar „Nu a fost găsit”. Serverul dvs. generează automat această pagină.
Pe de altă parte, puteți alege să vă personalizați pagina 404 - proiectați-o pentru a se potrivi cu restul site-ului dvs. și selectați elementele pe care doriți să le includeți.
De ce ar trebui să construiți o pagină 404 personalizată
O pagină 404 personalizată bine concepută este benefică atât pentru utilizatori, cât și pentru afacerea dvs.
Când un utilizator intră într-o pagină standard 404, înțelege doar că ceva a mers prost și pagina nu a fost găsită. Ei nu știu ce s-a întâmplat sau ce ar trebui să facă în continuare.
Ca urmare, clientul dvs. poate părăsi site-ul dvs. fără a-și satisface nevoile. Acest lucru este departe de a fi ideal. Un utilizator nu a fost mulțumit de căutarea sa și i-ați pierdut afacerea.
Cu o pagină personalizată 404, puteți schimba pagina implicită, neutilă, în ceva util atât pentru utilizatori, cât și pentru afacerea dvs.
O pagină personalizată 404 vă permite să:
- Ajutați utilizatorii să găsească informațiile pe care le caută,
- Încurajați utilizatorii să vă exploreze pagina,
- Arată vocea și creativitatea mărcii tale.
În plus, crearea unei pagini 404 personalizată este recomandată de Google .
Dacă aveți acces la fișierele de configurare ale serverului dvs., puteți face aceste pagini de eroare utile utilizatorilor personalizându-le. O pagină 404 personalizată bună îi ajută pe utilizatori să găsească informațiile pe care le caută și oferă, de asemenea, alt conținut util care îi încurajează pe utilizatori să exploreze mai departe site-ul dvs.sursa: Google
Citatul afirmă clar că Google consideră o pagină personalizată 404 utilă pentru utilizator și încurajează proprietarii de site-uri să-și personalizeze paginile 404.
Cum să construiți o pagină 404 personalizată grozavă
Chiar dacă vă personalizați complet pagina 404, asigurați-vă că serverul returnează în continuare un cod de stare HTTP 404. Este o practică proastă să configurați un cod 200, sugerând un răspuns de succes atunci când pagina de fapt nu există.
Când decideți ce să includeți pe pagina dvs. 404, unul dintre elementele esențiale este un mesaj care afirmă clar că este o pagină de eroare . Informați utilizatorii că ceva a mers prost într-un mod prietenos și simplu.
Dar acesta este doar începutul. Iată principalele caracteristici pe care le puteți adăuga la pagina dvs. personalizată 404 pentru a o face mai utilă:
- O bară de căutare,
- O listă de resurse disponibile pe site-ul dvs. web,
- Un buton CTA,
- Linkuri către conținutul dvs. de top,
- Design care este aliniat cu marca dvs.
O cheie pentru o pagină 404 bună este utilitatea acesteia pentru utilizatori. Nu trebuie să includeți toate elementele din lista de mai sus – doar pe cele care vă vor ajuta utilizatorii să găsească drumul în jurul site-ului dvs.
Ștergeți mesajul de eroare
O pagină 404 bună ar trebui să includă întotdeauna un mesaj clar că este o pagină de eroare. Indiferent de designul pe care îl alegeți, ar trebui să anunțați întotdeauna utilizatorii că ceva a mers prost și pagina nu a fost găsită.
Ikea face asta foarte bine. Ele oferă un mesaj clar care include atât codul 404, cât și o scurtă explicație care îl face ușor de înțeles pentru utilizatori.
Bara de căutare
O bară de căutare permite utilizatorilor care caută un anumit conținut să-i dea o nouă șansă și să caute ceea ce căutau pe site-ul dvs.
Un bun exemplu de pagină 404 cu o bară de căutare este Moz.com:
Deci, dacă ați căutat ceva specific pe Moz.com, dar nu l-ați găsit, puteți căuta din nou chiar pe pagina 404.
Lista resurselor
Dacă un utilizator a ajuns pe o pagină 404, dar nu a avut în minte un lucru anume pe care să-l introducă în bara de căutare, puteți furniza o listă de resurse care pot fi găsite pe site-ul dvs.
Backcountry are o pagină personalizată 404 cu un design simplu care se potrivește site-ului web și o listă de pagini esențiale.
Această pagină nu numai că este utilă pentru utilizatori, dar îi permite și Backcountry să-și arate conținutul și să încurajeze oamenii să exploreze site-ul.
Un alt exemplu de pagină 404 cu o listă de resurse este Tripadvisor. Cu puțin umor și patru butoane simple, Tripadvisor oferă o opțiune ușoară de a naviga prin secțiunile care ar putea interesa cel mai mult utilizatorii.
butonul CTA
Prin includerea unui buton CTA, puteți arăta utilizatorilor următorul pas pe care îl pot face.
Cea mai simplă utilizare a unui buton CTA este direcționarea utilizatorilor către pagina ta de pornire . O modalitate simplă, dar eficientă de a oferi utilizatorilor câteva îndrumări.
Iată un exemplu de pagina 404 a Netflix cu un buton CTA care duce la pagina lor de pornire.
O altă soluție este să includeți un buton CTA „Contactați-ne” . De exemplu, dacă un utilizator a venit cu o anumită întrebare și pagina 404 a făcut imposibilă obținerea răspunsului, ar putea dori să vă contacteze pentru a cere detalii.
Utilizatorii pot folosi, de asemenea, opțiunea „Contactați-ne” pentru a vă raporta eroarea.
Kinsta include atât o pagină principală, cât și un buton „Contactați-ne”. Utilizatorii pot accesa site-ul web sau pot lua legătura cu compania. Astfel, oferă o soluție pentru persoanele care doresc să exploreze site-ul web sau să găsească un răspuns la o anumită întrebare.
Butonul CTA ar trebui să vă ajute utilizatorii, dar și să se potrivească obiectivelor dvs. de afaceri. De exemplu, puteți include o opțiune de a lăsa un e-mail și de a vă abona la buletinul informativ.
9gag își folosește pagina 404 pentru a încuraja oamenii să descarce aplicația sa. Adăugarea unui gif de fundal se potrivește perfect cu stilul 9gag.
Linkuri către conținut de top
Conținutul tău popular are cele mai mari șanse de a menține utilizatorii implicați. Vă oferă posibilitatea de a atrage atenția utilizatorilor înainte de a părăsi pagina dvs. 404.
Link-urile către conținutul dvs. cel mai popular pot fi deosebit de benefice pentru site-urile de comerț electronic, deoarece vă puteți promova produsele cele mai vândute pe o pagină care, altfel, este oarecum într-o fundătură.
Un exemplu excelent de pagină 404 care prezintă conținut de top este afișat pe site -ul Urban Outfitters . Are o secțiune „Cele mai populare” cu posibilitatea de a cumpăra articolele imediat.
Identitate de brand
Personalizându-vă pagina 404 și aliniind-o cu designul site-ului dvs. web, puteți demonstra că vă pasă cu adevărat de întreaga călătorie a clientului dvs. prin site-ul dvs. web.
O pagină 404 poate arăta tonul și personalitatea mărcii dvs. Un design creativ care se potrivește stilului site-ului web îi poate face pe oameni să zâmbească și poate chiar îi poate încuraja să partajeze pagina prietenilor.
Pixar folosește unul dintre personajele sale binecunoscute pe pagina 404. Chiar dacă pagina nu oferă caracteristici extinse de navigare, grafica și mesajul plin de căldură se potrivesc perfect cu stilul mărcii.
Pe lângă butonul „Ia-mă acasă”, Canva include un mic puzzle pe care utilizatorii să se bucure. Creativitatea și unicitatea sa ies în evidență printre alte pagini. Este o alternativă distractivă la o pagină standard 404.
Încheierea
Nu lăsați utilizatorii singuri cu o pagină standard 404.
Utilizatorii nu ar trebui să rămână niciodată fără informații despre ceea ce s-a întâmplat și ce ar trebui să facă în continuare.
În schimb, străduiți-vă să creați o experiență bună pe tot site-ul dvs. Aceasta include paginile de eroare.