Chybová stránka 404 sa používateľovi zobrazuje vtedy, keď klikne na neexistujúcu stránku. Jej úlohou by malo byť informovať o tejto skutočnosti a nasmerovať na správnu stránku, respektíve poskytnúť možnosť vyhľadať si želaný alebo podobný obsah. Nie vždy to tak v praxi býva.

Pôvodný článok na túto tému napísal Marek Šulik a bol publikovaný 21. 2. 2013. Informácie v článku som upravil a doplnil o nové.

Mnoho webov má na svojej custom 404 stránke iba jednu vetu o tom, že stránka sa nedá zobraziť, prípadne ju nemajú vôbec a návštevníkovi sa zobrazí chybová hláška zo servera. V prípade absencie užitočných funkcionalít sa tak môže zvyšovať miera okamžitého odchodu (bounce rate).

Ako vyzerá nenastavená custom 404 stránka?

Pozrime sa na pár príkladov, ako to vyzerá, keď customizovaná 404 stránka nie je nastavená. Zobrazenie 404 stránky je veľmi jednoduché – stačí do vyhľadávacieho riadku zadať neexistujúcu alebo „nezmyselnú” URL adresu a vyhľadať ju.

Stránka Národnej rady Slovenskej republiky:

404 nrsr

Stránka špeciálne zriadená pre informácie ohľadom pandemickej situácie na Slovensku:

404 korona

Takýchto príkladov na neužitočné 404 sa dajú nájsť stovky a je to jedna z vecí, na ktoré zabúda veľa webmastrov. Práve preto je prítomnosť customizovanej 404 stránky jedným z bodov, ktoré analyzujeme v SEO audite.

Ako vyriešiť neexistujúcu custom 404 stránku?

My odporúčame vytvoriť customizovanú 404 stránku s vyhľadávacou funkcionalitou v rámci obsahu webu. V ideálnom prípade je dobré naprogramovať vyhľadávacie okno na stránke 404 tak, aby automaticky zobrazovalo aj výsledky vyhľadávania pre chybnú URL adresu.

To by spôsobilo, že pri príchode na URL adresu, ktorá zobrazí 404 stránku (napríklad na vymyslenú adresu https://www.domena.sk/chybny-nazov-produktu), by sa zobrazila customizovaná 404 stránka spolu s výsledkami vyhľadávania pre nasledovnú časť URL adresy: chybny-nazov-produktu.

Príklady customizovaných 404 stránok

Do pozornosti dávame niekoľko príkladov toho, ako môže customizovaná 404 stránka vyzerať tak, aby bola aj obsahovo prispôsobená danému webu.

404 custom

404 custom 2

Martinus má dokonca viaceré variácie 404 stránok:

404 harry

404 pinoccio

404 sherlock

Zaujímavý príklad nájdete na webe mantralabsglobal.com, kde po odpočítavaní budete presmerovaní na domovskú stránku:

404 vesmir

My sme napríklad do customizovanej 404 stránky implementovali lietajúce hranolky:

404 gif

Po zadaní neexistujúcej URL adresy sa môže návštevník hneď prekliknúť na iné časti webu alebo si vyhľadať želaný obsah. Pred implementáciou nevynechajte ani tipy ku custom 404 stránkam priamo od Googlu.