Kako napraviti sjajnu stranicu s 404 pogreškom i 10 primjera

Urbana legenda kaže da se prvi internetski poslužitelj nalazio u sobi 404 zgrade CERN-a. Posljedično, ovaj poslužitelj je također proizveo prvu “Nije pronađeno” greška, koja je, kako legenda tvrdi, naknadno nazvana 404 greškom.

Problem je u tome što očigledno soba 404 nikada nije postojala u CERN-u. Nikada nisam bila tamo pa ne bih znala. Ali postoji mnogo logičnije objašnjenje zašto a “Nije pronađeno” je greška 404. HTTP statusni kôd poznaje pet različitih klasa i u njemu postoji do 100 mogućih poruka o statusu. Klasa 4xx izvješćuje o pogreškama klijenta i još dvije znamenke određuju vrstu pogreške. Postoji 18 različitih slučajeva definiranih u klasi 4xx, a pogreška 404 predstavlja slučaj u kojem je zahtjev (npr. Tražena datoteka) “Nije pronađeno”.

Zašto bih trebao napraviti stranicu 404

Vjerojatno će posjetitelji vaše web stranice vidjeti vašu stranicu 404. Nadam se da ih nema mnogo, ali svakako nekoliko. E sad, ako je riječ o generičkoj bijeloj stranici s velikim crnim slovima koja im govori “404 Stranica nije pronađena”, kako mislite da će oni biti sretni?

Stvar je u tome što zadana poruka pogreške 404 nije od velike pomoći kada netko naleti na mrtvu vezu. Umjesto toga, stranica 404 trebala bi pružiti neke resurse, tako da ustali surfer ne ostavlja jednostavno web mjesto, već pokušava drugi put. Ispod su opisane najbolje prakse za dizajn stranica od 404 stranice.

1. Odgovarajući dizajn

To nije mozak. Stranica od 404 trebala bi se lijepo uklopiti s izgledom i dojmom ostatka stranice.

2. odgovarajuća poruka o pogrešci

I ovaj je logičan. Svi koji naiđu na pogrešku trebali bi to primijetiti odjednom. Poštedite detalje, ali surferu dajte nešto ...

3. Opcije

Dodajte neke resurse i veze kako bi se vaš gost brzo mogao vratiti na određeno područje na vašoj web stranici.

10 sjajnih primjera

1. AboveTopSecret

Što ga čini dobrim?

Pruža neke veze na vrhu, okvir za pretraživanje na dnu stranice i neke zabavne informativne bitove u sredini. Jedinstven je, kreativan i koristan.

2. Kišna Daffinson

Što ga čini dobrim?

Sadrži podatke o tome što je možda pošlo po zlu i kako to ispraviti ili prijaviti. Sadrži vrstu Sitemap-a iz kojeg posjetitelj može odabrati novi cilj, koji uključuje i vanjske veze, npr. tražilice.

3. CssLeak

Što ga čini dobrim?

To se savršeno uklapa u ostatak dizajna web mjesta, sadrži bočnu traku s vezama kao i 6 zadnjih pregledanih web mjesta na CssLeaku. Osim toga, originalan je u pružanju recepata za piće.

4. Sustavi za video upravljanje

Što ga čini dobrim?

Predmet glavne stranice su rješenja za digitalni video nadzor. Zaglavlje na stranici 404 je 198404, a navodite, pogađate, iz romana Georgea Orwella 1984. Vrlo ironično, 404 stranica za ovu vrstu tvrtke.

5. Bit inspiracije

Što ga čini dobrim?

Odlično se uklapa u cjelokupni dizajn web mjesta i pruža izbor alternativnih veza i bitova.

6. Web dizajn Greenville SC

Što ga čini dobrim?

Osim što se vizualno podudara s ostatkom web stranice, vrlo je originalan po tome što pruža dijagram koji može pronaći objašnjenje za uočene pogreške. Vrlo dobar i smiješan pristup.

7. žir kreativan

Što ga čini dobrim?

Ovaj je jednostavno smiješan.

8. GOG.com

Što ga čini dobrim?

Vrlo lijep dizajn, gornja i donja traka izbornika s korisnim vezama, resursima i trakom za pretraživanje.

9. Iz uma Jamieja Huskissona

Što ga čini dobrim?

Smiješno je, pruža potrebne informacije, okvir za pretraživanje i vezu do arhive bloga. Vrlo vrijedno.

10. BlueDaniel

Što ga čini dobrim?

Vrlo je osnovno, ne pruža puno resursa, osim veze do glavne stranice (Izlaz). Ali samo gledajući ovaj ekran, zar već ne mislite da je genijalan? I još je bolje od toga jer je interaktivan. Ulazi vlak, zaustavlja se i napušta kolodvor. Vrijedno je istražiti ostatak stranice jer je podjednako dobar.

404 Istraživački laboratorij

Više informacija i resursa o 404 stranice možete pronaći u 404 Research Lab. Na web mjestu se nalazi 404 u tjednu, zbirka sjajnih stranica s pogreškama od 404 i puno više.

Koji je tvoj savjet za 404 stranice? Jeste li pronašli drugu fantastičnu i / ili užasno korisnu stranicu s pogreškom 404 koja nije navedena gore? Brzi savjeti kako napraviti minimalan 404 stranicu? Molim vas da ga podijelite s nama!

Slikovni prikazi willem velthoven