Chyba 404: Co to je, jak najít a opravit stránky s chybou 404, příklady

Při surfování po internetu se často setkáváme s chybou 404 (Chyba 404 Nenalezeno). Tento kód znamená, že na webu neexistuje stránka s touto adresou. Problém může nastat z několika důvodů: uživatel zadal nesprávnou URL adresu, informace byly přesunuty na jinou webovou adresu, stránka byla smazána nebo došlo k selhání serveru. Čím větší je zdroj a čím více webových stránek má, tím obtížnější je sledovat správnost odkazů v něm. Návštěvníci narazí na odpověď 404 a rychle web opustí, aniž by našli, co hledali. To má negativní vliv na SEO ukazatele. Této chyby se nelze zbavit, ale můžete ji navrhnout tak, aby vám fungovala. V tomto článku si řekneme, proč a jak to různé webové projekty dělají.

Pokud nevíte, co je chyba 404 a jak ji opravit, máme pro vás článek na toto téma. Můžete si ho přečíst na odkazu.

Proč navrhovat stránku s chybou 404 „Nenalezeno“

Stručně řečeno, design stránky 404 je potřebný ke snížení procenta odmítnutí uživatelů. Standardní chybová hláška návštěvníka odpuzuje – po jejím zhlédnutí okamžitě zavře kartu v prohlížeči nebo se vrátí na předchozí adresu (například do vyhledávání). Systémy zaznamenávají čas, který člověk na vašem webu stráví, a takové chování je vnímáno jako odmítnutí: uživatel zde nemá zájem, což znamená, že je třeba ve výsledcích vyhledávání poskytnout další odkazy. Protože není možné zcela vyloučit možnost zobrazení kódu 404, zbývá jen co nejvíce optimalizovat stránku, aby návštěvnost déle setrvala. K tomu je třeba přijít se zajímavým designem, který upoutá pozornost a neodradí klienta.

Je to také dobrý marketingový tah nabídnout návštěvníkovi své služby/produkty/obsah výměnou za webovou stránku, která se neotevřela. Hlavní je udělat to správně.

Doporučení pro návrh 404 stránek

Standardní design stránky 404 je špatný, protože nechává člověka s problémem samotného. Nevypadá to jako součást webu, ale vytváří dojem, že se něco pokazilo a vy jste byli uneseni do hlubin internetu. Není zde žádné vysvětlení, co se stalo, žádná řešení – pouze bílá obrazovka s malým nápisem.

Abyste vzbudili zájem uživatele, je třeba tyto nedostatky opravit. A je žádoucí k problému přistupovat kreativně. Neexistují zde žádná striktní pravidla, ale je nutné vzít v úvahu dva důležité body:

1. Vaším cílem je udržet pozornost, ale ne ji zcela zaujmout. Nepřidávejte přehnaně napínavé minihry ani nevytvářejte celou vstupní stránku.
2. Návštěvník se sem dostal omylem, ale něco hledal, takže mu nezapomeňte pomoct „dostat se ven“.

Níže uvádíme několik dalších doporučení, která vám pomohou správně naformátovat chybovou zprávu.

Záhlaví a zápatí

Protože čelíme úkolu uklidnit uživatele, musíme mu okamžitě ukázat, že je na stejném webu, kde byl. K tomu by návrh chyby 404 měl zahrnovat prvky, které jsou přítomny na všech ostatních stránkách: záhlaví a zápatí. Není třeba s nimi experimentovat. Je lepší jednoduše přidat hotové bloky nahoře a dole, aby při přepínání nedocházelo k ostrému kontrastu. V ideálním případě by vše mělo vypadat, jako by člověk právě vstoupil do další části webového zdroje, kde se struktura dokumentu neliší od předchozích.

Samozřejmě se nejedná o povinný požadavek. Je jen na vás, zda jej dodržíte či nikoli, mnoho internetových projektů dokáže vydat kód 404 bez přenosu těchto prvků. Pokud je spojení s vaším zdrojem obecně odhadnuto, obejdete se bez nich.

Text pro stránku

Řekněme, že si uživatel uvědomil, že je stále na našich webových stránkách. Přesto ale potřebuje alespoň nějaké vysvětlení, co se stalo. Nejste povinni popisovat technické detaily chyby a organizovat rychlokurz. V zásadě nedoporučujeme zacházet do detailů. Pokud ovšem nemáte blog věnovaný studiu práce serverů. V ostatních případech je lepší s návštěvníkem komunikovat jednoduchým a srozumitelným jazykem: omluvte se, řekněte, že stránka nebyla nalezena, vyjádřete svůj úmysl pomoci. K tomu stačí jen pár frází. Můžete také uživatele požádat o kontrolu správnosti URL adresy.

Existuje mnoho možností textu, není nutné se zastavit u něčeho standardního. Hlavní je sdělit význam. Své publikum lépe znáte a jakým jazykem mluví. Využijte tyto znalosti tak, aby obsah webové stránky s chybou odpovídal designu samotného webu.

Navigační prvky

Nejdůležitější při navrhování stránky 404 není udělat z ní slepou uličku. Váš klient pochopí, že došlo k chybě, a nakonec se rozhodne jít jinam. Nastavte dokument tak, aby tímto místem byl váš web, nikoli výsledky vyhledávání. Přidejte odkaz na hlavní stránku, nabídněte návštěvu oblíbených sekcí:

• Pokud máte blog, odkazujte na zajímavé články;
• Pokud máte internetový obchod, zanechte v katalogu odkazy na produkty;
• Pokud poskytujete služby, uveďte odkazy na webové stránky, kde si je lze objednat.

Možná si myslíte, že by bylo jednodušší přesměrovat hned na hlavní stránku, ale z hlediska použitelnosti to není moc chytré řešení. Uživateli je potřeba vysvětlit, že udělal chybu s adresou, jinak se daný člověk bude znovu snažit dostat na neexistující stránku. A to ani on, ani váš server nepotřebují.

Design ve stylu webu

Konečně jsme se dostali k hlavní části: designu. Zde, jak se říká, máte naprostou volnou ruku. Ale ne bez nuancí. Chybová stránka by neměla vyčnívat z celkového stylu vašeho webového zdroje, jinak existuje riziko zmatení návštěvníka. Nechte designéry přemýšlet o tom, jak ji organicky začlenit do stávajícího konceptu. Můžete vzít jako základ obor činnosti společnosti a přijít s vhodnou ilustrací, můžete k problému přistupovat s humorem, nebo pokud je to nevhodné, dát přednost minimalismu. Obvykle není těžké najít řešení – zvláště pokud se podíváte na to, jak k vytvoření „nenalezené“ webové stránky přistoupili jiní zástupci této niky. Obrázky, videa, animované ilustrace, kvízy, minihry nebo striktní minimalistický text ve stylu značky – vyberte si, co se vám nejvíce líbí, ale snažte se zachovat jednotný design.

Příklady návrhů stránek 404

Jak jsme již řekli, pokud si prostudujete design stránek 404 jiných lidí, bude mnohem snazší najít si vlastní řešení. Shromáždili jsme několik různých příkladů, které vám ukážou, jak může výsledek vypadat, pokud budou dodržena všechna pravidla, nebo jen několik z nich. Možná vám jeden z nich dá tu správnou představu.

Centrum internetového hostingu

Jako poskytovatel hostingu je pro nás důležité, aby uživatelé mohli snadno získat informace o našich službách. Proto jsme stránku 404 navrhli jako malého průvodce, který vám sdělí, kde najít určité informace.

Upozorňujeme, že design je proveden ve stejném stylu jako hlavní web. Po najetí myší na barevné čtverce se zobrazí nápis „404“.

Yandex

Yandex navrhl chybu 404 poměrně minimalistickým způsobem:

Neexistují sice žádné ilustrace, ale je zde hlavní prvek, díky kterému je spojení s vyhledáváním snadno čitelné – samotný vyhledávací panel. Zároveň je zde text, který jasně identifikuje problém, a navigace s odkazy na oblíbené služby společnosti.

Zen

Platforma pro obsah k problému přistupovala neformálněji:

Zajímavá ilustrace poutá pozornost a vtipný nápis naznačuje, že si uživatelé Zenu možná jednou vytvoří stránku s takovou adresou. Není zde žádná hlavička ani patička, protože ani na samotném webu žádné nejsou. Jsou zde však odkazy na hlavní stránku.

VK

Každý zná maskota VKontakte, takže bylo nejlogičtější ho použít k návrhu chyby 404:

Sociální síť stručně vysvětlí, v čem je problém, a pomocí nenápadného, ale obrovského tlačítka ve tvaru psa odešle uživatele na hlavní stránku.

Plusphone

Cloudová telefonní platforma si udržela své webové stránky relativně jednoduché, protože její cílovou skupinou jsou firmy.

Záhlaví a zápatí jsou na svém místě, vysvětlení je uvedeno, odkazy jsou uvedeny. Všechno je jednoduché a jasné.

Závěr

Na design stránky 404 neexistují žádné zvláštní požadavky, ale pokud z ní chcete vytěžit maximum, nezanedbávejte tipy, které jsme vám poskytli. Nezapomeňte, že nejdůležitější je vybudovat si důvěru uživatelů.

Související články

Jak chránit webovou stránku před kopírováním textu

Jedinečnost obsahu na webu je jedním z hlavních faktorů hodnocení. Vyhledávače propagují zdroje s unikátním obsahem na vrchol – pokud je na stránce zveřejněn originální text někoho jiného, který byl jednoduše zkopírován z jiného webu, vyhledávače ukládají sankce. A v tomto případě trpí nejen „zloději“, ale i autoři, protože technicky vzato poskytují duplicitní informace. Vyhledávače navíc velmi často považují za primární zdroj nikoli web, který text poprvé publikoval, ale ten, který byl indexován dříve. Abyste se tomu vyhnuli, je třeba vybudovat ochranu proti plagiátorům. V tomto článku vám řekneme, jak deset různých způsobů chránit svůj web před kopírováním textu.

Jak chránit formulář na webu před spamem

Každý web, který má formulář zpětné vazby, může být napaden spammery. Toto je zranitelné místo, které umožňuje robotům odesílat data na server: provádět injekce, zanechávat škodlivé odkazy v komentářích, registrovat falešné účty, zahlcovat databázi nevyžádanými kontakty, prolomit analýzy. S tímto problémem se potýkají všechny komerční webové projekty. Iniciátorem spamového útoku může být konkurent, hacker nebo obyčejný podvodník, který chce na podvodu vydělat. Abyste se nestali obětí spambotů, musíte svůj web před takovými operacemi chránit. V tomto článku vám řekneme, jak to udělat s captcha a bez ní.

Jak opravit chybu „Vaše připojení není zabezpečené“

Bezpečnost internetového zdroje je jedním z hlavních kritérií jeho kvality a spolehlivosti. Proto když se na webu objeví chyba „Vaše připojení není zabezpečené“, uživatelé jej často opouštějí a vyhledávače neumožňují webovému zdroji obsadit dobré pozice ve výsledcích vyhledávání. „Připojení není zabezpečené“ – jak tento problém vyřešit ze strany uživatele i majitele webu? Prozradíme vám to v podrobných pokynech v článku.

Klikněte dvakrát pro zvětšení

Chyba 404 je jednou z nejčastějších, které se na webových stránkách objevují. Znamená to, že stránka, kterou hledáte, nebyla nalezena. Proto je nedostupná jak pro uživatele, tak pro roboty vyhledávačů. Jak najít chyby 404 na webových stránkách a jak se jich zbavit, vám řekneme níže.

Co je 404

Chyba 404 je kód HTTP, který znamená, že informace požadované uživatelem, například webová stránka nebo soubor, nebyly nalezeny. Server je k dispozici pro práci, ale požadovaná data nejsou na zadané adrese k dispozici. Tato odpověď serveru se zobrazí na obrazovce uživatele, když zařízení kontaktuje server, ale nemůže poskytnout požadovaná data (otevřít stránku, obrázek nebo soubor). Nejčastěji je tato odpověď způsobena odstraněním požadované stránky nebo přesunem informací na jinou adresu.

Kdy se vyskytují chyby 404?

Existuje poměrně dost důvodů. Nejčastější jsou:

• smazání stránky z webu;
• přesměrování zdroje na jinou URL adresu bez nastavení přesměrování;
• dočasná nedostupnost webu;
• zadání nesprávné adresy URL;
• viry.

Nesprávné přesměrování může být také důvodem chyby, proto při nastavování přesměrování byste měli vždy zkontrolovat, zda vše funguje správně.

Zkontrolujte svůj web, zda neobsahuje chyby 404

Důsledky chyby 404

Zaprvé se zhoršuje uživatelská zkušenost. Když uživatel uvidí chybu 404, okamžitě stránku zavře a často se na web ani nevrátí. Zadruhé to má negativní dopad na SEO. Klíčová slova umístěná na nefunkční stránce se ztratí. Zatřetí se zhoršuje viditelnost ve výsledcích vyhledávání. Začtvrté, vyhledávací roboti se zdráhají navštěvovat weby s mnoha nefunkčními stránkami a rozpočet na procházení se plýtvá.

Jak najít chybové stránky 404

Existují následující možnosti:

1. Screaming FrogJe hlavním nástrojem, se kterým začít při analýze chyb 404. Může se však jednat o jakýkoli jiný crawler, například Sitebulb, OnCrawl atd. Tyto nástroje umožňují provést hloubkovou analýzu webu. Zobrazují úplné informace o jeho stavu, včetně chyby 404. Vezměme si jako příklad Screaming Frog. Potřebné informace naleznete na kartě Response Codes (Kódy odpovědí). Chcete-li zobrazit přesné umístění každé chyby 404, musíte kliknout na konkrétní URL a poté zkontrolovat kartu Inlinks (Vnitřní odkazy). Pomocí nástroje Screaming Frog můžete také najít chyby 404 z externích zdrojů.
2. Search Console GoogleNefunkční stránku můžete vidět v Google Search Console. GSC bohužel nezobrazuje úplný seznam problematických podstránek, i když by nebylo nadbytečné prohlédnout si zprávy v sekcích „Chyba“ a „Vyloučené“. Pro analýzu odpovědi 404 je vhodné zaměřit se na seznam podstránek označených následovně:
   • Odeslaná URL adresa nebyla nalezena (404);
   • explicitní chyba 404;
   • nenalezeno (404).

Kromě toho se v případě chyb v tomto kódu vyplatí podívat se také na adresy URL uvedené v seznamu podstránek označených jako „Chyba procházení“ a „Odeslaná adresa URL obsahuje chyby procházení“.

Způsoby, jak opravit chybu 404

Všechny nefunkční stránky je potřeba stáhnout do excelového souboru. Protože se data shromažďují z různých zdrojů, s největší pravděpodobností se budou opakovat, možná i vícekrát. Lze je odstranit pomocí vestavěné excelové funkce „Odebrat duplikáty“. Výsledný seznam URL adres je pak potřeba hodit do Ahrefs. Tam se také podívají na klíčová slova, podle kterých se podstránky zobrazují, a na počet externích odkazů, které na ně odkazují. Tato informace vám umožní odfiltrovat důležité stránky. Navíc jsou to ty, kterým je třeba věnovat pozornost jako první.

Jak se zbavit chyb 404

Nejjednodušší způsob je přesměrování z nefunkčních podstránek na aktivní a tematicky podobné. Přesměrování přenáší váhu stránky s chybou na tu přesměrovanou. Díky tomu se neztrácejí klíčová slova, podle kterých ji uživatelé vidí ve výsledcích vyhledávání.

Je důležité vybrat správné podstránky, na které bude nesprávná adresa přesměrována. V případě vrácení chyby 404 je nejlepší odkazovat na jiný podobný produkt. Pokud žádný neexistuje, pak se nastavení provádí pro stránku kategorie, do které patřil. Stejná situace je u příspěvků na blogu. Nefunkční odkaz vedoucí na článek je nejlepší přesměrovat na jiný příspěvek na podobné téma, který lze zobrazit pro podobná klíčová slova.

Jak vytvořit správnou stránku 404

Je obtížné opravit všechny chyby 404, které se na webových stránkách objevují. Někdy k nim dochází v důsledku akcí uživatele, například nesprávně zadané URL adresy. Na takovou situaci se vyplatí připravit správným návrhem stránky s odpovědí 404. Měla by si uživatele udržet. To není tak složité, jak se na první pohled může zdát.

Při navrhování chybové stránky 404 je třeba zvážit:

• šablona musí odpovídat stylu celého webu;
• Veškeré chybové zprávy jsou vyjádřeny srozumitelným jazykem, bez systémových kódů nebo technických definic;
• musí být ponechán odkaz na domovskou stránku nebo jiné klíčové podstránky;
• je umístěn kontaktní formulář nebo telefonní číslo;
• Zobrazuje doporučené nebo nejnovější produkty, informace o akcích atd.

Bylo by dobrým zvykem umístit vyhledávání na viditelné místo.

Jak používat stránku 404

Když návštěvník webových stránek narazí na chybu 404, je zmatený. Na jedné straně nechápe, co se stalo, na druhé straně neví, co dělat dál. V důsledku toho se stránka zavře a potenciální klient odejde. Abyste si ho udrželi, je třeba optimalizovat standardní chybu 404 tak, aby nechtěl web opustit.

Doporučení pro vylepšení stránky 404:

1. Řekněte „ne“ výchozí chybě. Vymyslete originální design ve stylu vaší značky. Standardní stránka vypadá šedě a nudně, je neinformativní a nevyvolává žádné emoce, kromě chuti web opustit.
2. Buďte k návštěvníkům zdvořilí. Vyjádřete lítost nad tím, že nenašli potřebné informace. Nabídněte pomoc s řešením problému.
3. Nezaměřujte se na technické detaily. Podrobný popis důvodu chyby uživatele odradí, takže i číslo 404 je zbytečné. Vysvětlení, co se stalo, je více než dostatečné.
4. Nepřidávejte zbytečný obsah. Abyste uživatele nezmátli, navrhněte stránku s minimálním množstvím informací. Menu můžete ponechat v záhlaví webu, nebo ho můžete zjednodušit ve formě seznamu s odkazy a ponechat ty nejdůležitější (informace o společnosti, katalog produktů, kontakty atd.). Nabídněte místo nich podobné nebo oblíbené stránky. Zbytečný nebude ani odkaz na hlavní stránku.
5. Přidejte vyhledávací lištu. Skvělý způsob, jak udržet návštěvníka, který přesně ví, co hledá.
6. Používejte vhodný humor. Stránka 404 je již dlouho místem, kde designéři mohou experimentovat. Kreativita je samozřejmě vítána, ale s humornými nápady je třeba být opatrný.
7. Nezapomeňte na SEO. Snižte počet interních odkazů na stránky 404 a odstraňte příčinu nesprávných URL adres. Můžete je sledovat v panelu pro webmastery nebo skenováním webu pomocí desktopových programů Screaming Frog SEO Spider Tool nebo Netpeak Spider.
8. Dejte uživateli možnost odeslat hlášení o chybě. Vytvořte formulář pro zpětnou vazbu nebo zanechte e-mail podpory. Tímto způsobem můžete navíc sledovat výskyt nefunkčních odkazů.

Obecně by chybová stránka 404 měla být uživatelsky přívětivá a obsahovat užitečné odkazy, které uživateli pomohou rychle se orientovat a pochopit, co dělat dál.

Zajímavé: existují internetové obchody, které dávají přednost reklamě před kreativitou. Místo krásné ilustrace jsou na stránkách zveřejňovány slevy a zlevněné produkty. Ztraceným návštěvníkům jsou nabízeny bezplatné konzultace a dokonce i služby (například audit webových stránek). Následně se zájemce, aniž by si toho všiml, ocitne v prodejním trychtýři.

Příklady stránek 404

Výchozí zobrazení chyby závisí na používaném prohlížeči. Může vypadat například takto:

Na takové stránce není nic, co by uživateli pomohlo najít potřebné informace nebo alespoň přejít na hlavní stránku. Pokud nechcete ztratit dalšího potenciálního klienta, určitě se o takové chyby postarejte.

Nakonec doporučujeme inspirovat se deseti úžasnými příklady, „jak zařídit, aby uživatel neodcházel“: