Prejsť na obsah

Web a UX

Stránka 404: ako ju urobiť užitočnou – dizajn, text a kód odpovede

Čo umiestniť na stránku 404, aby pomáhala návštevníkom: text, dizajn, správny kód odpovede, presmerovania, hľadanie chýb na webe a typické prehrešky.

O nás

Kto sme a ako pracujeme

Užitočná stránka 404 oznamuje, že na tejto adrese nič nie je, zachováva hlavičku a navigáciu webu, ponúka vyhľadávanie a odkazy na hlavné sekcie a server vracia skutočný kód odpovede 404. Vtipy a ilustrácie sú druhoradé: hlavnou úlohou stránky je za pár sekúnd vrátiť návštevníka k potrebnému obsahu.

Stručne

  • Stránka chyby musí vracať kód 404; odpoveď 200 vytvára takzvaný soft 404, ktorý mätie vyhľadávače.
  • Hlavička, menu a vyhľadávanie zostávajú na mieste, preto človek web naďalej používa.
  • Text vysvetľuje, čo sa stalo, a ponúka niekoľko jasných krokov: vyhľadávanie, obľúbené sekcie, hlavnú stránku, kontakty.
  • Presmerovávať všetky pokazené adresy na hlavnú stránku sa neodporúča: pre presunuté stránky sa nastavuje 301 na najbližšiu zodpovedajúcu stránku.
  • Chyby 404 sa sledujú v Search Console, crawleri a analytike a opravujú sa pokazené interné odkazy.
  • Stránka 404 sa kontroluje v každom jazyku a vo vnorených sekciách webu.

Čo znamená chyba 404 a odkiaľ sa berie

Kód 404 (Not Found) znamená, že server funguje, no na požadovanej adrese stránka nie je. Príčiny sú rôzne a od príčiny závisí, čo robiť ďalej:

  • návštevník zadal adresu s chybou alebo otvoril zastaranú záložku;
  • stránku odstránili alebo premenovali a odkazy na ňu zostali;
  • po redizajne alebo migrácii sa adresy zmenili bez presmerovaní;
  • na inom webe umiestnili odkaz s chybou v adrese;
  • adresa sa líši od očakávanej veľkosťou písmen alebo koncovým lomítkom;
  • roboty prechádzajú typické cesty pri hľadaní zraniteľností.

Príčiny sa delia na dve skupiny. Niektoré závisia od webu: pokazené interné odkazy, odstránené stránky, zmena adries. Iné prichádzajú zvonka: chyby v cudzích odkazoch, zastarané záložky, roboty. Prvú skupinu opravujete na webe, na druhú pripravíte užitočnú stránku chyby a presmerovania pre hodnotné odkazy.

Ojedinelé chyby 404 sú bežnou súčasťou života webu a zvyčajne samy osebe neznižujú pozície ostatných stránok. Problémy začínajú tam, kde 404 vracajú stránky s návštevnosťou alebo odkazmi a interné odkazy vedú do prázdna.

Čo umiestniť na stránku 404

Cieľom stránky je pomôcť človeku pokračovať v ceste, preto na nej stačí niekoľko prvkov:

  • zrozumiteľný nadpis typu Stránka sa nenašla;
  • jedna-dve vety o pravdepodobnej príčine a ďalšom kroku;
  • riadok vyhľadávania na webe;
  • odkazy na hlavné sekcie: katalóg alebo služby, akcie, blog, kontakty;
  • tlačidlo návratu na hlavnú stránku;
  • pre obchod – obľúbené produkty alebo kategórie;
  • telefón alebo messenger pre tých, ktorí potrebujú pomoc človeka.

Hlavička, menu a pätička zostávajú rovnaké ako na ostatných stránkach. To drží návštevníka vnútri webu a pripomína mu, kde sa nachádza.

Text a tón

Tón je priateľský a stručný. Vetu, ktorá obviňuje človeka, typu Zadali ste nesprávnu adresu, je lepšie nahradiť neutrálnou: Takáto stránka neexistuje, možno ju presunuli. Humor je namieste, ak zodpovedá hlasu značky a neposúva navigáciu z prvej obrazovky.

Príklady pre rôzne weby

Pre web so službami sa hodí krátky text: Takáto stránka neexistuje. Možno sa adresa zmenila. Pozrite si naše služby alebo nás kontaktujte a pomôžeme vám nájsť potrebné. Pre obchod je užitočné pridať blok obľúbených kategórií a vyhľadávanie podľa názvu alebo katalógového čísla. Pre blog – zoznam čerstvých článkov a vyhľadávanie podľa tém. Takáto stránka rýchlo vráti človeka do potrebnej časti webu.

Dizajn a rýchlosť

Ilustrácia alebo ľahká animácia stránku oživia, no hlavné akcie majú zostať na prvej obrazovke a súbory – ľahké: návštevník s chybou už stratil čas. Stránka sa kóduje responzívne a kontroluje sa na smartfóne, pretože mnoho ľudí prichádza práve z neho.

Kód odpovede a SEO

Hlavným technickým momentom je kód odpovede. Keď server zobrazí pekne spracovanú stránku s hlásením o chybe, ale vráti kód 200, vyhľadávač vidí bežnú stránku s málo hodnotným obsahom. Takéto prípady sa nazývajú soft 404 a Google ich zobrazuje v správe Search Console o stránkach. Správna akcia závisí od situácie:

SituáciaČo urobiť
Stránku presunuli na novú adresuPresmerovanie 301 na novú adresu
Stránku odstránili, náhrada neexistujeKód 404 alebo 410 a užitočná stránka chyby
Produkt dočasne nie je na skladePonechať stránku, zobraziť stav dostupnosti a alternatívy
Produkt bol natrvalo stiahnutý z predaja301 na podobný produkt alebo kategóriu, ak zodpovedajúca stránka existuje; inak 404 alebo 410
Externý odkaz s chybou v adrese301 na správnu stránku, ak je odkaz hodnotný
Staré adresy po redizajne alebo migráciiMapa presmerovaní, v ktorej každá stará adresa vedie na svoju zodpovedajúcu stránku

Pre vyhľadávače fungujú kódy 404 a 410 podobne. Kód 410 priamo oznamuje, že stránka bola odstránená zámerne a definitívne. Presmerovávať všetky neexistujúce adresy na hlavnú stránku sa neodporúča: Google môže takéto presmerovania vyhodnotiť ako soft 404 a návštevník sa dostane na stránku, ktorú nečakal. Pridávať noindex na stránku, ktorá vracia 404, zvyčajne nie je potrebné, lebo kód odpovede už oznamuje, že stránka neexistuje.

Samostatným prípadom sú prázdne stránky interného vyhľadávania a kategórie bez produktov. Aj tie môžu byť rozpoznané ako soft 404, preto sa pre takéto stránky rozhodnite vopred: buď vracať kód 404, alebo zobrazovať zmysluplné alternatívy, napríklad podobné kategórie a nápovedy.

Ako nájsť a opraviť chyby 404

  1. Otvorte v Search Console správu o stránkach a pozrite si dôvod Nenájdené (404): vidno tam adresy, na ktoré robot narazil.
  2. Preskenujte web crawlerom a nájdite interné odkazy, ktoré vedú na neexistujúce stránky, vrátane menu, článkov a filtrov.
  3. V analytike nájdite návštevy stránky chyby a zdroje, odkiaľ sa na ňu ľudia dostávajú.
  4. V logoch servera si pozrite najčastejšie požiadavky na neexistujúce adresy.
  5. Opravte interné odkazy. Pre adresy s návštevnosťou alebo externými odkazmi nastavte 301, ostatné ponechajte s kódom 404 alebo 410.
  6. Kontrolu opakujte po každej veľkej aktualizácii webu.

Časť požiadaviek na neexistujúce adresy vytvárajú roboty, ktoré prechádzajú typické cesty. Takéto požiadavky opravovať netreba.

Ako skontrolovať stránku 404 pred spustením

  1. Otvorte neexistujúcu adresu v koreni webu a presvedčte sa, že kód odpovede je 404.
  2. Zopakujte kontrolu pre vnorené sekcie: blog, katalóg, stránky produktov a osobnú zónu.
  3. Skontrolujte varianty adresy s veľkými písmenami a nadbytočným lomítkom na konci.
  4. Otvorte stránku chyby v každej jazykovej verzii a na smartfóne.
  5. Presvedčte sa, že vyhľadávanie a odkazy na stránke fungujú a hlavička a pätička vyzerajú rovnako ako na zvyšku webu.

Osobitné prípady

  • Viacjazyčný web: stránka chyby sa zobrazuje v jazyku sekcie, kde vznikla.
  • Internetový obchod: produkt, ktorý dočasne nie je na sklade, zostáva dostupný so stavom a alternatívami; kód 404 vracajú stiahnuté produkty bez zodpovedajúcej náhrady.
  • Vnorené sekcie: skontrolujte neexistujúce adresy vnútri blogu, katalógu a osobnej zóny, lebo niektoré systémy správy tam zobrazujú inú šablónu alebo vracajú kód 200.
  • Chyby servera s kódmi 5xx sa líšia od 404: pre ne je potrebná samostatná jednoduchá stránka, ktorá funguje aj vtedy, keď je databáza nedostupná.

Typické chyby

  • Kód 200 namiesto 404 na peknej stránke chyby.
  • Automatické presmerovanie všetkých neexistujúcich adries na hlavnú stránku.
  • Štandardná stránka servera bez hlavičky, menu a vyhľadávania.
  • Slepá ulička: hlásenie o chybe bez jediného odkazu.
  • Tón, ktorý obviňuje návštevníka.
  • Nadmerný humor alebo ťažká animácia, ktoré posúvajú navigáciu.
  • Stránka 404 iba v jednom jazyku na viacjazyčnom webe.
  • Rôzne šablóny chyby v rôznych sekciách webu.
  • Kód 404 pre produkt, ktorý len dočasne nie je na sklade.
  • Chýbajúce pravidelné prezeranie správ o chybách po zmenách na webe.

Otázky a odpovede

Škodia stránky 404 pozíciám webu?

Ojedinelé 404 zvyčajne škodu nespôsobujú. Problémom sa stávajú 404 na stránkach, ktoré mali návštevnosť a odkazy, a tiež pokazené interné odkazy, ktoré vedú používateľov a roboty do slepej uličky.

Treba presmerovať všetky 404 na hlavnú stránku?

Nie. Pre presunuté stránky sa nastavuje 301 na najbližšiu zodpovedajúcu stránku a pre odstránené bez náhrady sa ponecháva 404 alebo 410 so zrozumiteľnou stránkou chyby.

Čím sa líšia kódy 404 a 410?

Kód 404 hovorí, že stránka sa nenašla, kód 410 – že bola odstránená definitívne. Vyhľadávače ich spracúvajú podobne, preto pre väčšinu webov stačí 404.

Pridávať noindex na stránku 404?

Zvyčajne nie. Kód odpovede 404 už znamená, že stránka neexistuje, a do indexu sa nedostane. Dôležitejšie je dbať na to, aby stránka chyby nevracala kód 200.

Ako skontrolovať kód odpovede stránky?

Otvorte neexistujúcu adresu v prehliadači, vo vývojárskych nástrojoch prejdite na kartu siete a nájdite kód stavu prvej požiadavky. To isté ukazujú online kontroly hlavičiek a príkaz curl.

Záver

Užitočná stránka 404 odpovedá poctivým kódom, zachováva navigáciu, vysvetľuje situáciu a ponúka ďalšie kroky. Nemenej dôležitá je práca mimo samotnej stránky: opravené interné odkazy, mapa presmerovaní po zmenách a pravidelné prezeranie správ. Stránka chyby je rozsahom malá, no vítá ľudí v momente, keď web sklamal ich očakávania. LightSEO, digitálna agentúra z Mukačeva, vám pomôže nájsť pokazené adresy a nastaviť stránku chyby a presmerovania. Systematicky sa takéto veci kontrolujú počas SEO auditu webu a pri tvorbe nového webu, napríklad webu na šablóne, sa nastavenia zakladajú hneď.

Prečítajte si aj