Îmbunătățirea designului paginii 404

Dacă un vizitator primește pagina dvs. de eroare standard de 404, există pericolul ca aceștia să nu stea îndelung timp pentru a vedea ce altceva oferă site-ul dvs. O pagină personalizată de 404, una care este primitoare și utilă, vă va încuraja pe vizitatori să privească mai mult pe site-ul dvs. în loc să se deplaseze în altă parte.

Exportați imaginea de pe pagina Tuts + 404.


Scopul nostru: îmbunătățirea implicit!


Ce este greșit cu o?

Răspunsul simplu este foarte mult. O pagină 404 care afirmă doar că "Pagina nu a fost găsită" nu este deloc utilă vizitatorului - adăugarea unui link care spune "Reveniți la pagina de pornire" nu ajută cu adevărat nici.

Lipsa unei pagini de 404 decente slăbește experiența utilizatorului. Utilizatorii care încearcă să găsească o pagină pe site-ul dvs., dar primesc url greșit sau sunt trimiși acolo printr-un link întrerupt vor fi obligați să revină la pagina de pornire și să încerce din nou. Dacă ei încă nu pot găsi ceea ce căutau, ei ar putea deveni frustrați și părăsesc site-ul. Într-o lume ideală, utilizatorii nu ar fi confruntați cu erori, dar cel puțin 404 de pagini ne oferă posibilitatea de a ne cere scuze și de a ajuta utilizatorii să găsească ceea ce căutau. Un utilizator contenționat este mai probabil să se întoarcă în viitor.

Chiar mai rău decât o pagină slabă 404 este lipsa completă a uneia. Utilizatorul nu are nici o idee despre ceea ce se întâmplă deloc și nu va exista nici măcar un link spre pagina de pornire. Lipsa unei pagini de 404 va face ca site-ul dvs. să pară neprofesional și nu va încuraja decât vizitatorii să plece.

Acesta este un exemplu de pagină slabă 404. Singura sa caracteristică de răscumpărare este link-ul de start, și nici nu pare deosebit de frumos. Dacă pagina dvs. 404 arată astfel, este necesară o îmbunătățire!


Loc pentru imbunatatiri

Putem face multe pentru a ne îmbunătăți pagina 404 de mai sus.

Factorul cheie pentru o pagină de eroare 404 este să fie ușor de înțeles pentru utilizator. Explicați faptul că pagina pe care o caută nu există (ajută la utilizarea limbajului ușor de înțeles și a jargonului liber). Încercați să explicați de ce nu există, a mutat pagina? Aflați ce ar putea fi problema, într-un mod prietenos și primitoare.

Scuze, partener. Pagina pe care ați solicitat nu este în baza noastră de date. Este posibil să fi urmat un link extern rău sau să introduceți o adresă URL greșită. - Pagina 404 a lui List Apart

Nu face ca experiența 404 să pară o încercare mare și rea. Faceți-o o experiență prietenoasă, pozitivă!


Sfat 1: Mențineți consistența designului

Este important ca designul de pe pagina dvs. 404 să rămână valabil pentru restul site-ului dvs. Aceasta include logo-ul dvs., navigație, schema de culori etc. Având o pagină de 404 care nu are nicio legătură cu restul site-ului dvs., este posibil ca utilizatorul să se simtă ca și cum ar fi fost stabilit - prin menținerea mărcii dvs., experiența 404 nu va simt ca o astfel de drama. Utilizatorul va continua să se simtă implicat în acest site.

Cei dintre voi care au jucat cu bootstrap-ul lui Twitter vor recunoaște brandingul lor familiar, chiar și pe pagina 404.


Sfat 2: Faceți-l cât mai util posibil

Pe măsură ce menționăm, o pagină de 404 trebuie să fie extrem de utilă pentru utilizator. Există o mulțime de modalități de a realiza acest lucru, dar unele dintre cele mai bune caracteristici pe care o poate avea 404 sunt:

  • Un formular de căutare
    Având un formular de căutare pe pagina dvs. 404, vă veți asigura că utilizatorul se simte înclinat să continue să caute ceea ce căuta - prin urmare, rămâne pe site-ul dvs..
  • O legătură înapoi la pagina de pornire
    Aceasta este cheia unei pagini de 404, dar dacă ați păstrat designul și navigarea site-ului dvs., atunci aceasta nu va fi o problemă, deoarece ar trebui să existe deja un link în navigația dvs..
  • Afișați o listă de pagini populare
    Redați cotele. Poate că utilizatorul căuta în jur pentru una dintre paginile dvs. mai populare, caz în care ar fi util să vedeți o listă a acestora pentru o referință rapidă.
  • O legătură către harta site-ului dvs.
    Furnizarea unui link către sitemap-ul dvs. (presupunând că este util și ușor de înțeles) poate fi de ajutor. În acest fel, un utilizator poate naviga prin tot pe site-ul dvs. și sperăm să găsească ceea ce căutau. Un formular de căutare se ocupă de acest lucru mult mai bine, dar o legătură sitemap este încă o copie de rezervă bună. Alternativ, pagina dvs. 404 poate include o parte din sitemap-ul dvs. Dacă aceasta este ceea ce optați pentru dvs., nu uitați să păstrați tema și designul site-ului intacte.
  • Aveți pagini de eroare specifice problemelor
    Dacă un utilizator este adus la pagina dvs., de exemplu, din cauza unei căutări nereușite a numelui de utilizator sau a introducerii incorecte a datelor din formular, trebuie să faceți acest ecran de eroare la fel de util. Oferiți modalități ușoare de a căuta din nou sau de a afișa pagini similare.
  • Raportați o legătură necorespunzătoare
    Având o modalitate ușoară pentru un utilizator de a raporta un link rupt este de asemenea util - mai ales pentru tine! Aceasta poate fi sub forma unui buton care trimite adresa URL a link-ului nefuncționat către dvs. sau un simplu formular de e-mail.

Raportați link-uri întrerupte la NYT

Sfat 3: Fiți amabili și înțelegători

Nu presupuneți că utilizatorii dvs. știu ce înseamnă "eroare 404". Va trebui să explicați care este problema într-o manieră simplă, prietenoasă și ușor de înțeles. În acest fel, un utilizator nu va simți confundat de jargonul dvs. Este mai bine să spui ceva de genul "Oops! Nu am găsit pagina pe care o căutați", decât să menționăm faptele, cum ar fi "404 Error: Page Not Found".

Ca utilizator, pe care ați prefera să îl vedeți?

Apartamentul lui 404 Page este destul de amuzant și casual. Cel mai bun dintre toate, (deși nu este vizibil în imagine), designul paginii rămâne în concordanță cu branding-ul site-ului și există o mulțime de linkuri pentru a încuraja vizitatorii să stea.


Sfat 4: De asemenea, funcționează un design minimalist ...

Având un minimalist, de bază 404 de proiectare a paginii de eroare poate fi în continuare eficiente.

Dacă aveți un site masiv, cum ar fi Google, cu multe, multe pagini posibile asociate, atunci o pagină de 404 cu elemente cum ar fi legăturile sitemap-urilor, listele de pagini populare sau un formular de căutare nu este deosebit de practică și cel mai probabil nu va ajuta utilizatorul oricum.

Pagina 404 a Google este foarte minimalistă, dar funcționează bine. Încă mai există o legătură către pagina de pornire (sigla Google) și este scrisă într-un mod prietenos și ușor de înțeles. Drawul frumos ajută, de asemenea, la crearea unei atmosfere relaxante, calme.

Deși acest lucru pare să se împotrivească tot ceea ce sa spus până acum, dacă este prea nepractic să aibă o pagină avansată de 404, atunci o simplă și prietenoasă este la fel de bună.


Sfat 5: Păstrați-o ocazional

O pagină bună de 404 poate fi, de asemenea, casual și chiar amuzant.

Crearea unei pagini 404 care este amuzantă și memorabilă poate avea un impact imens asupra menținerii vizitatorilor pe site. De asemenea, dacă aveți o pagină de 404 deosebit de amuzantă sau amuzantă care se află în mintea oamenilor, ei pot sfârși prin a le spune prietenilor lor, astfel încât oamenii să le caute în mod deliberat! Acesta a fost cu siguranță cazul cu pagina lui Github 404:


Verificați utilizarea inovatoare a mișcării parallaxului pe pagina 404 a lui Github

Github are grijă să mențină aspectele utile ale unei pagini de 404, chiar dacă acestea ușurează starea de spirit cu umor.

Pagina 404 a lui Blizzard Entertainment - cu siguranță amuzantă, dar încă păstrează legăturile de ajutorare în partea de jos și (în unele privințe) același design al site-ului.

Aruncați o privire la acest videoclip, găsit pe nosh.com, care arată că există o mulțime de spațiu pentru umor (și post-producție!)

BuySellAds au o viziune asemănătoare (deși mai puțin intensă cu forța de muncă) despre vizionarea video a paginii.


Rezultatele căutării și 404 de pagini

Partea dvs. nouă, bine concepută și utilă 404 poate arăta grozav și poate funcționa perfect, dar este exact genul de lucru pe care nu doriți să apară în rezultatele căutării dvs. Există două modalități de a vă asigura că pagina dvs. 404 nu apare în rezultatele căutării:

  • Asigurați-vă că serverul dvs. Web returnează un cod de stare 404 HTTP actual și corect atunci când este solicitată o pagină lipsă, astfel că motorul de căutare îl va ignora.
  • Adăugați pagina dvs. 404 la dvs. robots.txt fişier.

A doua dintre aceste două metode poate fi de asemenea folosită pentru a opri motoarele de căutare să găsească paginile pe care nu le doriți să le vadă - cum ar fi pagina dvs. 404, fișierele PHP back-end (cum ar fi funcțiile de conectare) și multe altele. Doar adăugați adresa URL la robots.txt fișier și încărcați-l pe serverul dvs.:

 Dezactivați: /404.html

Utilizarea paginii dvs. 404

Este foarte bine să aveți o pagină nouă personalizată 404 care să vă ajute spectatorii, dar este, evident, foarte important să vă asigurați că este de fapt folosită. Pentru a vă asigura că serverul dvs. redirecționează utilizatorii către pagina dvs. 404 (în loc să utilizați doar implicit), va trebui să configurați fișierul .htaccess.

Configurarea fișierului dvs. .htaccess pentru direcția personalizată 404 este extrem de ușor. Mai întâi, localizați fișierul .htaccess pe serverul dvs. (ar trebui să fie deja acolo, dar dacă nu puteți să creați un fișier nou cu numele respectiv), deschideți-l. Adăugați următoarea linie de cod:

ErrorDocument 404 /404.php

Asigurați-vă că extensia de cale și fișier coincide cu fișierul dvs. 404. Dacă fișierul dvs. urma să fie numit 404-error.html și a fost localizat într-un director de eroare, ați modifica fragmentul astfel:

ErrorDocument 404 /error/404-error.html

Browser-urile vor fi direcționate acum către pagina dvs. 404 în cazul unei erori 404. Este atat de simplu!


Concluzie

Deci, acum știm că, în loc de paginile standard 404 de pagini standard, plictisitoare și nefolositoare, este în interesul nostru să ne petrecem timpul creând propriile 404 de pagini personalizate. Dacă sunt făcute în mod corespunzător, acestea vor ajuta la păstrarea vizitatorilor pe site și, în final, la reducerea ratelor de respingere.


Resurse suplimentare

  • Cum de a crea o pagină de eroare simplă 404 pentru WordPress Teme pe Wptuts+
  • 30 de cele mai tari 404 de pagini de pe site-ul Creative Bloq