404 Error: Not Found – výjimečně grafický skvost, většinou však žádná sláva | Profi Magazín - webdesign, ikony, jquery, Textpattern


404 Error: Not Found – výjimečně grafický skvost, většinou však žádná sláva

Lenka Melčáková | 14. srpen 2008 | 12 685× zobrazeno | 10 komentářů
Hodnocení: 5.0 (2 hlasy)

Chyba 404 - požadovaná stránka nebyla nalezena (404 Error: Not Found), je standardní reakcí, když návštěvník stránek zadá špatnou www adresu, nebo častěji již obsah na této adrese neexistuje. Stává se to u velkých serverů, kdy se předpokládá nefunkčnost některých starších odkazů. Výjimkou nejsou však i malé webové stránky nebo blogy, kde je úmrnost stránek a odkazů občas opravdu velká.

Existence upravené 404ky je (doporučená) nutnost, protože dříve nebo později na ni návštěvník stejně může narazit a vždy je lepší být připraven než naopak. A tady záleží na provozovateli stránek, jak o své čtenáře a návštěvníky pečuje. Pokud má nastavenou amatérskou 404ku, která návštěvníkovi nic neřekne a v drtivé většině nenabídne nějaké řešení či možnosti, zákazník může zcela zbytečně stránku opustit, což je škoda.

Příklad amatérské 404ky

Amatérská 404ka

Pokud klientovi nabídneme alespoň několik řešení jak chybu napravit, tak se vždy dostane zpátky na vaše stránky, nemusí tedy odcházet hned jinam a nakonec informace třeba přece jen na stránkách najde.

Na stránce 404: Not Found je vhodné uvést:

  • název stránky (např. stránka kterou hledáte nebyla nalezena),
  • omluvu, proč k tomu došlo a následně slíbit nápravu (odstranění neexistujícího odkazu),
  • návrhnout řešení problému, většinou v podobě odkazů na hlavní menu, ze kterého si může uživatel vybrat, kam bude pokračovat.

V poslední řadě je nutné stránku graficky a typograficky upravit. Pokud ne graficky, tak typograficky určitě! Uživateli musí být jasné, co se stalo a dozví se to jedině z kvalitně naformátovaného textu. Minimálně je dobré zahrnout 404ku do stejného designu jako jsou stránky, tak nemá návštěvník pocit, že se dostal kamsi na konec internetu a vyděšeně zavře raději celý prohlížeč. 404ka nemusí být skvost, ale měla by být srozumitelná a uživatel musí poznat na jakém webu se nachází. A pokud do toho všeho zamícháte trochu humoru a zajímavý obrázek, tak nakonec čtenáře snad i potěšíte, že vlastně nenašel na daném odkazu to co chtěl.

Pro ukázku uvádím pár příkladů 404 Error: Not Found, některé jsou pěkné graficky, jiné zase jednoduše a srozumitelně zpracované.

Profi magazín 404

Naše Profi magazín 404 stránka. Ano, není dokonalá, stále ale na Profi magazínu pracujeme a dolaďujeme.

Stránka nebyla nalezena (404 Error: Not Found)

Svět naruby

Ukázka srozumitelně vypracované 404ky. Nahoře název strany a název chyby, pod obrázkem vysvětlení daného problém zároveň s omluvou. Dále možnosti řešení problému formou odkazů hlavního menu stránek a odkaz zpět na úvodní stranu. I naprostý počítačový BFU, by neměl být z této 404ky vyděšený.

Stránka nebyla nalezena (404 Error: Not Found)

Suspendedanimations

Stránka nebyla nalezena (404 Error: Not Found)

Aviationreviews

Stránka nebyla nalezena (404 Error: Not Found)

Jackfig

Stránka nebyla nalezena (404 Error: Not Found)

Woko

Stránka nebyla nalezena (404 Error: Not Found)

404

Stránka nebyla nalezena (404 Error: Not Found)

404 Whoops?

Stránka nebyla nalezena (404 Error: Not Found)

Deviantart

Stránka nebyla nalezena (404 Error: Not Found)

Widgetworks

Stránka nebyla nalezena (404 Error: Not Found)

Merchline

Stránka nebyla nalezena (404 Error: Not Found)

Adaptic

Ukázka velmi kvalitně zpracované 404ky.

Stránka nebyla nalezena (404 Error: Not Found) /></a> </p> <h3>Nuvio</h3> <p> <a mce_thref=

Nuvio

Stránka nebyla nalezena (404 Error: Not Found)

Symbio

Ukázka velmi kvalitně zpracované 404ky.

Stránka nebyla nalezena (404 Error: Not Found)

Bajola

Ukázka velmi kvalitně zpracované 404ky.

Stránka nebyla nalezena (404 Error: Not Found)

Hoya

Stránka nebyla nalezena (404 Error: Not Found)

DF klub

Velice působivé a úsměvné, ale chybí zde právě ty možnosti kam jít dále, uživatel je nucen stránky zavřít, nenachází se zde jediný alternativní odkaz. Ale kouzlo to má.

Stránka nebyla nalezena (404 Error: Not Found)

Pokud se vám líbil tento článek můžete Profi magazín odebírat pomocí RSS.

Komentáře

Venca
14. srpen 2008, 12:41

Tak tady tomu teda říkám paráda.

Webdesign a SEO
15. srpen 2008, 01:05

Velmi dobry clanok. teda clanok az tak nie ako samotne 404ky. Inspirujuce :)

Online hry
15. srpen 2008, 01:33

Líbí se mi Vaše 404, Woka (ta je hustá) a pak ještě Adapticu.

CIJOML
15. srpen 2008, 05:42

Skoda, ze nebylo ukazano, jak takovouhle alternativni stranku rozchodit s Apache a IIS

Online hry
23. srpen 2008, 04:47

Chtěl jsem se jenom zeptat, zda budou nové články?

Lenka
23. srpen 2008, 06:08

Články budou zase od pondělka, tento týden jsme měli dovolenou, první za tři roky :) Teď už jsme ale doma (na další tři roky), takže doba temna na internetu zase skončila ;)

Lenka
23. srpen 2008, 06:11

Pondělí se odkládá asi na úterý, protože jsme zapnuli emailového klienta a máme tam 144 doručených emailů ;-)

Online hry
23. srpen 2008, 11:34

A Lenka řekla: “Budiž světlo”. A Chuck Norris na to: “Staniž se tak”. :-D

VfB
9. listopad 2008, 20:26

ještě jedna “filmová”
http://www.prelozto.cz/404.html

Jarbi
21. únor 2009, 16:16

Moje 404 http://jarbi.czweb.org/404

Komentáře jsou uzavřeny

Pracovní projekty

Bleskovky

Kniha: jQuery Kuchařka programátora

Kniha: jQuery Kuchařka programátora

Rád bych upozornil na zajímavou knihu, o kterou jsem zavadil. Jedná se o knihu s názvem jQuery Kuchařka programátora a je tedy zřejmé, co bude jejím obsahem. Nemá moc smysl cokoliv popisovat. Raději hned mrkněte do obsahu kapitol nebo zkoukněte ukázkovou kapitolu v PDF. Běžná cena je 590 Kč. Momentálně ji můžete online koupit za 502 Kč.

Textpattern.com redesignoval web

Textpattern

Oficiální stránky mého oblíbeného CMS Textpattern prošly redesignem - www.textpattern.com. Ještě je potřeba kompletně redesignovat celý výchozí admin a mohl by se Textpattern lehce vrátit na výsluní. Poslední verze Textpattern 4.2.0 sice podporuje skiny pro admin, ale abych byl upřímný, tak drtivá většina nestojí ani za stažení. Budu muset dodělat tu svou představu o adminu Textpatternu.

Guide to CSS support in e-mail clients

Guide to CSS support in e-mail clients

Tvorba HTML e-mailu rozesíláného především v podobě newsletteru představuje občas nemalé trápení a ladění, aby e-mail vypadal přesně tak, jak chcete nebo jak jste zamýšleli. Na serveru campaignmonitor.com jsou k dispozici tabulky (i ke stažení v PDF, ZIP) s podporou CSS selektorů a vlastností, které lze v nejpoužívanějších e-mailových klientech bezpečně používat.

Fascinující pohled na svět

The Big Picture

Na serveru Boston.com můžete v kategorii The Big Picture vidět fotografie zachycující atmosféru různých zemí, národností, přírodních jevů i katastrof, politiku, válku atd..

Vývoj produktů Apple v letech 1977-2008

Vývoj produktů Apple

Zajímavou podívanou vám nabídne článek, který shrnuje vývoj výrobků Apple, od stolních počítačů přes notebooky, až po jednotlivé periferie jako klávesnice a myš.

Zobrazit další bleskovky »

O všem na internetu