Chybová stránka 404: Jak nepřijít o zákazníka

Chybová stránka je nedílnou součástí webu, na kterou by se nemělo zapomínat. Pokud se error stránka udělá správně, má obrovský potenciál, a dokonce může vést ke zvýšeným prodejům na webu. 

Jak by správná chybová stránka měla vypadat a co obsahovat? Odpovědi a příklady z praxe najdete v tomto článku. 

Zdroj: Google

Jak vzniká 404?

Chybová stránka 404 se objevuje uživateli, který se snaží dostat na stránku, která neexistuje. Důvodů, proč tato stránka nefunguje může být rovnou několik:

Změna URL adresy: Stránka se přesunula na novou URL adresu, ale její původní adresa nebyla přesměrovaná. 

Odstraněná stránka: Stránka byla odstraněná, ale pořád existuje (je indexovaná ve vyhledávačích, takže ji stále najdete ve výsledcích vyhledávání nebo na ní vedou odkazy z jiných webů/stránek)

Chyba na straně uživatele: Nejčastěji jde o překlep např. creativehandles.com/blok (žádnou takovou stránku nemáme)

Tip: Neměňte URL adresy stávajících stránek, pokud to není naprosto nezbytné. A pokud ano, nezapomeňte na přesměrování z původní (nyní nefunkční adresy) na novou. 

Chybová stránka na vašem webu

Pokud používáte WordPress a nikdy jste chybovou stránku nenastavovali, návštěvníkům vašeho webu se zobrazuje ona nechvalně známá bílá stránka „page not found“. Jak asi tušíte, není to správně. Váš zákazník se takové stránky nejspíš zalekne a z webu odchází.

Zdroj: SuzanneCollinsBooks.com

U webů tvořených na míru je to trochu jinak. Web designer nejspíš připravil skvělý návrh 404 stránky a kódér ho dále implementoval. Je to ale správně? Záleží...

Velmi často se setkávám s tím, že 404 stránky jsou sice krásné a personalizované, ale naprosto k ničemu. 

Veškerá pozornost při vývoji se směřuje na homepage a přitom, jaké jsou vaše konverze z homepage a o kolik zákazníků přicházíte kvůli špatné chybové stránce?

Proč a jak se error stránky (ne)zbavit

Web bez chybové stránky neexistuje. I kdybyste ji nikdy nenastavovali, při chybě z výše zmíněných důvodů by se uživateli zobrazila bílá stránka „page not found“, tedy chyba 404 v tom nejosekanějším a nejméně přívětivém provedení.

Takový formát chyby váš web může negativně ovlivnit. Řekněme, že se uživatel proklikl na vaše stránky, aby si koupil produkt. Místo očekávané prodejní stránky se ale dostal na nic neříkající chybovou hlášku. Co teď? Zmatený uživatel odchází a jen tak se k vám nevrátí.

Zdroj: Basecamp.com

Špatně nastavenou chybovou stránku „trestají“ také prohlížeče jako jsou Google nebo Seznam. Weby s vysokou mírou okamžitého opuštění působí nevěrohodně a algoritmus je vyhodnotí jako neudržované. Sníží jejich hodnocení, a to se projeví na výsledcích vyhledávání SERP, kde se váš web bude zobrazovat na nižších pozicích. Přilákat zákazníky na web organicky (bez investic do reklam) se tak stane zase náročnější.

Zkrátka a dobře, absence správně udělané webové stránky je nevhodná i z pohledu SEO.

Chybové stránky se tedy zbavit nechcete. Důležité je prozkoumat důvody, proč se tato stránka zobrazuje a omezit je na naprosté minimum.

Jak najít chybovou stránku

Jak ale zjistit, které stránky na vašem webu nejsou aktuální a zobrazují chybovou hlášku? K odhalení 404 chyb můžete použít hned několik nástrojů (placených i zdarma). Tyto nástroje váš web analyzují a ukáží vám seznam 404 stran. Zatímco nové nebo malé weby by takových stránek měli mít poskrovnu, může se stát, že velké e-shopy jich budou mít desítky. Není potřeba řešit každou položku, raději se zaměřte na ty stránky, které mají nejvyšší návštěvnost.

Google Search Console

Google Search Console (GSC) patří do balíčku Google nástrojů, které jsou dostupné zdarma a měly by být nedílnou součástí tvorby každého webu. GSC je skvělým pomocníkem při indexování nových stránek, analýze klíčových slov organické návštěvnosti a především odhalování 404 chyb na vašem webu.

Zdroj: vlastní archiv

Google Analytics

Google Analytics (GA) patří k oblíbeným volně dostupným analytickým nástrojům. Najít 404 error pomocí GA je komplikovanější a je potřeba mít správně nastavený Title chybové stránky. Title je název, který vidíte v liště prohlížeče vedle faviconu. Pokud je název chybové stránky jedinečný (např. Stránka nenalezena nebo chyba 404), lze jej pomocí GA vyhledat.

Zdroj: vlastní archiv

Pokud máte vše nastaveno správně, snadno zjistíte, jak často se chybová stránka na vašem webu objevuje a jak se na ni návštěvníci dostanou. Často se ale stává, že je název chybové stránky shodný s názvem domovské stránky. V takovém případě vám GA k určení 404 chyb na webu nepomůžou. 

Jaké další funkce Google Analytics nabízí se dozvíte v článku Úvod do Google Analytics a jak je založit u vás.

Online nástroje

K vlastní analýze 404 chyb vám může posloužit jeden z 404 checker nebo broken links nástrojů dostupných zdarma. S jejich pomocí projdete celý web, často včetně obrázků, kategorií nebo produktů a snadno zjistíte, které stránky nebo elementy vašeho webu vypisují chybu.

Zdroj: Ahrefs

Screaming Frog

Screaming Frog je nástroj, který si oblíbili především SEO specialisté. Jedná se o placený nástroj, který má volně dostupnou limitovanou verzi (měla by vystačit k analýze menšího webu). Funguje podobně jako ostatní checkery, jeho reporty jsou ale detailnější a zaměřuje se především na chyby z pohledu SEO.

Jak opravit chybné stránky

Jakmile dáte dohromady přehled 404 chyb na vašem webu, je potřeba s ním nadále pracovat a jejich počet omezit na minimum. Seznam chybových stránek vložte do tabulky a k jednotlivým položkám přidejte adresy, na které můžete ze starých nefunkčních URL adres uživatele přesměrovat. 

K přesměrování se nejčastěji používá protokol 301 (trvalé přesměrování), díky kterému zachováte SEO předcházející stránky. Snažte se taky vyvarovat přesměrování na domovskou stránku. Je to matoucí pro uživatele a nevhodné z pohledu SEO.

Tip: Pokud přesměrováte celý web, využijte služeb SEO specialisty, který správně vyhodnotí, jak postupovat a zamezí zbytečným 404 chybám.

Zdroj: Mailchimp.com

Základy error stránky

Nezáleží jestli vlastníte e-shop, web, působíte v B2B nebo B2C sektoru, chybová stránka by měla mít jasnou strukturu v každém případě. Jak by měla vypadat a co obsahovat, aby přesvědčila uživatele na webu zůstat a provést zamýšlenou akci?

Podle Nielsen Norman Group by vždy měla být v souladu s 3 hlavními body:

1. Používejte srozumitelný jazyk

• Mluvíte s lidmi, použijte jazyk, kterému budou rozumět i vaši zákazníci. Kódy opravdu nikoho nezajímají.

2. Vysvětlete, co se stalo

• Uveďte důvody, proč se uživatel na chybovou stránku dostal. Může to být z důvodu překlepu v url adrese, zkuste ho na to přátelsky upozornit. V žádném případě na něho ale nesvádějte vinu, nebo ještě hůř – nedělejte si z něho srandu.

3. Nabídněte konstruktivní řešení, jak dále postupovat

Zdroj: Mailtrap.io

Kreativní a funkční chybové stránky

Jak už víte, chybová stránka nemusí být nuda. Jak z takové error stránky dostat maximum se dozvíte i v našem videu. Preferujete číst? Pokračujte dál v článku. :-)

Kreativní hláška

Srozumitelný neznamená strohý nebo nudný. Naopak. Odlehčete situaci a ukažte uživateli, že má cenu na webu zůstat a nakoupit. Skvěle působí obrázky nebo grafika v souladu s designem celkového webu.

Zdroj: ActiveCollab.com

Zakomponujte funkci vyhledávání

Máte velký web s tisíci url adresami? Ulehčete uživateli práci proklikáváním se menu a hledáním správné kategorie. Díky vyhledávání se rychle dostane, kam potřebuje.

Zdroj: TravelBible.cz

Navrhněte, kam by návštěvníci měli přejít

Pořádáte webináře, akce nebo chcete upozornit na novinky na vašem webu? Ukažte uživateli, že máte, co nabídnout. Umístěte klíčové odkazy na chybovou stránku.

Zdroj: Grammarly.com

Kontaktní formulář

Pokud jste restrukturalizovali celý web, může se stát, že jste na nějakou stránku zapomněli a neumístili na ni nikde viditelný odkaz. Pomocí kontaktního formuláře vás mohou uživatelé kontaktovat a uvést co hledali. Skvěle také působí chat, díky kterému můžete zákazníkovi odpovědět okamžitě.

Nabídněte malé extra

Chybová stránka znamená komplikaci pro uživatele. Je tedy na zvážení, jak tuto nepříjemnost vyvážit. Nabídnout můžete třeba voucher nebo slevu na nákup. Nebo třeba jen malou zábavu.

Zdroj: Canva.com

Nezapomeňte na překlady

U multijazykových webů je důležité nezapomínat na překlad chybové stránky. Skvělé kreativní rady v češtině anglicky mluvícího zákazníka prostě nenadchnou.

Zdroj: MDlogistika.cz

Viditelné menu

Nerozhodujte za návštěvníky vašeho webu. Viditelné menu spolu s hlavičkou a patičkou webu uživateli umožní prokliknout se, kam potřebuje.

Zdroj: Jagua.cz

Závěrem

Odlište se od konkurence a vyšperkujte svou chybovou stránku do posledního detailu. Přesvědčíte tím uživatele, kteří se na tuto stránku zatoulají, že nemusí odcházet a raději by měli vyzkoušet vaše služby nebo produkty.

Napište mi a společně se pobavíme o tom, jak vytvořit web nebo aplikaci se vším všudy.