Návrhové vzory: 404
Aneb můj vlastní vzor pro stránku 404 – stránka nebyla nalezena, který v různých obdobách používám na svých aktuálních projektech.
Při vytváření obecné 404ky jsem čerpal především z knihy Defensive design for the web a článku ALA – The Perfect 404. Teď už používám velmi podobnou 404ku na všech projektech – je potřeba upravit a dostylovat pár detailů a během chvilky je tato nutnost hotová.
Proč je nutná? Protože na každém dynamickém projektu začnou dříve nebo později vznikat odkazy na nikdy neexistující, změněné nebo zrušené stránky. A jestliže nechcete ztratit potencionálního zákazníka, tak je dobré ošetřit možné chyby pomocí vlastnoručně vytvořené stránky 404 (stránka nebyla nalezena).
Amatérská chybová hlášení mluví k profesionálům. Profesionální chybová hlášení mluví k amatérům.
— Defensive design for the web
Stránka 404 musí návštěvníkovi pomoci v řešení jeho aktuálního problému, nikoliv mu (jakousi programátorskou hatmatilkou) oznámit, že něco způsobilo, že web nefunguje, a nejlépe přidat email webmastera, ať má komu napsat. Prd. Kolik z návštěvníků vašich eshopů vám kdy napsalo, že vám něco nejede? Raději půjdou a nakoupí u konkurence, než aby se zaobírali vaší neschopností.
Teď k těm šťastnějším, co si vytvoří 404ku ručně – co musí obsahovat dobrá stránka 404?
Nadpis
Jednoduché a srozumitelné oznámení, že uživatel našel něco, co nehledal – tj. Stránka nebyla nalezena (chyba 404). Kód 404 je dobré zmínit pro pokročilejší uživatele, kteří už si zvykli na programátorský žargon.
Omluvu
To, že web nenalezl danou stránku je VAŠE CHYBA, nikoliv chyba uživatele, a tak je slušné se omluvit za svůj prohřešek. Ano – 404ka je vaše chyba, i když se uživatel přepíše v URL.
Identifikaci problému
Aneb PROČ nebyla stránka nalezena. Nejčastější důvody jsou např. přepsání se v URL, špatný odkaz na serveru, špatný odkaz na cizím webu, starý odkaz ve vyhledávači.
Návhy řešení problému
Tj. odkazy na důležité stránky webu (vždy alespoň hlavní strana a mapa webu, dále např. katalog produktů či kontakty) a vyhledávání (zduplikované s normálním vyhledáváním).
Ujištění
Ujistěte své uživatele, že problém byl zaznamenán a bude co nejdříve vyřešen.
Celkový vzhled 404ky
Osobně stránku 404 styluju do designu, který odpovídá zbytku webu – ponechávám na svém místě logotyp, dekorace, vyhledávání i hlavní menu. Jiný přístup říká, že je web třeba očesat na minimum a ponechat jen to nejnutnější – osobně raději nechávám okolí 404ky stejné, abych ještě více nemátl uživatele, který už je dostatečně rozčarován samotnou neexistencí hledané stránky.
A kam raději přesměrování?
Na typické přepisy a překlepy – např. wwww.example.com, example.com, podobné názvy domén (jestliže je prozíravě vlastníte) apod.
PS: Aktuálně nemám spuštěn projekt se vzorovou implementací 404 dle těchto chytrých keců :-) – doplním, až budou dané weby spuštěny. Jaké jsou vaše zkušenosti s implementací stránky 404?
Komentáře
A že zrovna zde je pouhé „Žádné příspěvky nevyhovují zadaným výrazům.“ po zadání nesmyslu do adresy… :)
Jen rýpnutí samozřejmě.
Docela se mi líbí, jak to má udělaný t-mobile – vypadá to, že jim
to i reaguje na referrer
http://t-mobile.cz/nesmysl
Já upřednostňuji error stránky 404, 505 v odlišném designu, aby uživatele/návštevníka trklo, že je něco špatně.
Jinak je také velice dobrý nápad přidat odkaz na úvod, formulář pro hledání na webu a případně mapu webu.
Pěkný článek – dobře shrnuje danou problematiku – ještě bych dodal, co spousta dnešních webdesignérů neví, a to je: Kdy vlastně takovou 404 Not Found stránku zobrazovat, respektive na ni přesměrovávat.
Na stránku 404 Not Found by měl být klient přesměrován pokaždé když není k nalezení to co hledá – tedy například pokud máme adresu url: http://www.example.com/?… a uživatel zkouší jiná čísla v parametru. Spousta webů pouze v lepším případě oznámí (bez jakéhokoliv přesměrování), že takový objekt neexistuje.
Ještě jedna drobnost: Pokud opravdu platí, že 404 je způsobena naší chybou, je vhodné tyto požadavky logovat (a ještě lépe zpřístupnit v CMS), aby se o nich správce webu vůbec dozvěděl…
Nic. Už na to upozorňoval Karel Dytrych a nemíním to nijak řešit… v této verzi blogu… už jsem alespoň jednou psal že je nevychytaná a veskrze špatná nejen z hlediska přístupnosti :-)
„To, že web nenalezl danou stránku je VAŠE CHYBA, nikoliv chyba uživatele, a tak je slušné se omluvit za svůj prohřešek. Ano – 404ka je vaše chyba, i když se uživatel přepíše v URL.“
Omyl. Ciste technicky jsou chyby 4×x chybami klienta, nikoliv serveru :-) Leo
A když už jsme u toho, tak je docela dobré inteligentně ohlašovat a zaznamenávat i chyby při zpracování.
Mne obvykle nezajímá, že skript nemůže otevřít nějaký soubor či databázi. Já bych rád, aby se o tom administrátor dozvěděl a něco s tím udělal :-)
přiznám se bez mučení k tomu že občas to jenom přesměruju na hlavní stránku… :(
pro statické stránky jsem si vymyslel jednu univerzální 404, která se vždy objeví v designu webu, je tam samozřejmě omluva, odkaz na homepage a hlavně 404 hlavička (na tu hodně lidí u 404 stránky zapomíná)
pro dynamické používám wordpress a jedno chytré rozšíření, které napovídá, co asi tak mohl uživatel hledat