A 404-oldal, amely visszatereli a látogatót

Mi az a 404-oldal, és miért fontos?

A 404-es kód egy szabványos HTTP-állapotkód, amely azt jelenti: a kért oldal nem található. Ez önmagában nem hiba a te oldaladon; természetes, hogy idővel megszűnnek vagy áthelyeződnek tartalmak. A kérdés csak az, mit lát a látogató, amikor ilyen címre téved.

Az alapértelmezett, sivár hibaoldal - egy szürke „Not Found” felirat - a látogató számára zsákutca. Nem érti, mi történt, és nem tudja, merre tovább, ezért egyszerűen elhagyja az oldalt. A jól tervezett 404-oldal épp ezt a pillanatot fordítja meg.

Miért keletkeznek 404-es hibák?

A 404-es hibáknak több oka lehet, és ezek nagy része természetes. Fontos megérteni őket, mert másképp kezeljük a magunk hibáját és a külső, elgépelt címeket. A cél mindkét esetben ugyanaz: a látogató ne rekedjen meg.

• Elgépelt cím: a látogató rosszul írta be az URL-t.
• Törölt tartalom: egy régi oldal megszűnt, de a linkje még kering.
• Áthelyezett tartalom: az oldal új címre került, de a régi link nem lett átirányítva.
• Elavult külső link: egy másik oldal vagy egy régi bejegyzés hibás címre mutat.

A saját hibáidat - a törölt vagy áthelyezett tartalmak régi címeit - érdemes átirányítással kezelni, hogy a látogató a megfelelő új oldalra kerüljön. A többi esetben, ahol nincs mit átirányítani, a jól megtervezett 404-oldal a megoldás. A kettő együtt fedi le a lehetséges helyzeteket.

Mit tartalmazzon egy hasznos 404-oldal?

A hasznos 404-oldal néhány jól átgondolt elemből áll. Először röviden, barátságosan elmagyarázza, mi történt, kioktató hangnem nélkül. Utána azonnal utat kínál tovább, hogy a látogató ne rekedjen meg. Az elemeket a fenti ábra is összefoglalja.

• Rövid, emberi magyarázat: a keresett oldal nem található.
• Kereső mező, hogy a látogató maga megtalálhassa, amit keresett.
• A fő menüpontok vagy egy visszatérő gomb a kezdőoldalra.
• Néhány releváns ajánlás: népszerű oldalak vagy kapcsolódó tartalmak.

A hangnem sokat számít: a hibaoldal legyen barátságos, esetleg finoman könnyed, de ne legyen zavaró vagy öncélúan vicces. A cél nem a szórakoztatás, hanem a segítség. A látogató zavarban van amiatt, hogy nem találta meg, amit keresett - ezt oldd fel gyorsan és kedvesen.

Navigáció és keresés: a kiút biztosítása

A 404-oldal legfontosabb feladata, hogy utat kínáljon tovább. A látogató zsákutcában érzi magát, a te dolgod pedig, hogy megmutasd a kiutat. Ennek két fő eszköze a navigáció és a kereső.

A kereső mint mentőöv

A kereső mező azért különösen hasznos, mert a látogató pontosan tudja, mit keresett, csak a cím volt hibás. Ha rögtön kereshet, gyakran néhány másodperc alatt megtalálja a kívánt tartalmat. Ezért a keresőt érdemes jól láthatóan, a hibaoldal középpontjába helyezni.

A teljes menü megtartása is fontos: ne egy csupasz oldalra érkezzen a látogató, hanem egy olyanra, ahonnan a szokásos módon tovább tud navigálni. Egészítsd ki néhány kiemelt, releváns hivatkozással a legnépszerűbb oldalakra. Így a hibaoldalról érezhetően többen lépnek tovább, mint távoznak, ahogy a fenti ábra is jelzi.

Hangnem és arculat: a márka a hibaoldalon is

A 404-oldal ugyanúgy a márkád része, mint a többi oldal. A látogató itt is a te arculatodat, hangnemedet, színvilágodat látja. Egy gondosan megtervezett hibaoldal azt üzeni, hogy a részletekre is figyelsz - még ott is, ahol a látogató nem is számítana rá.

Sok jól tervezett hibaoldal használ finom, a márkához illő illusztrációt vagy egy kedves gesztust, amely oldja a helyzetet. Ez emberivé és barátságossá teszi a pillanatot. A lényeg azonban mindig a funkció: a kedves megjelenés soha ne menjen a hasznosság rovására.

A hibaoldal tartsa meg a szokásos fejlécet és láblécet is, hogy a látogató otthonosan érezze magát. A cél, hogy a 404-oldal ne egy idegen, sivár felület legyen, hanem az oldalad természetes, segítőkész része.

A 404-oldal és a technikai seo

A hibaoldalnak technikai seo-vonatkozásai is vannak, amelyeket könnyű elrontani. A legfontosabb, hogy a nem létező oldal valóban 404-es (vagy 410-es) állapotkódot adjon vissza. Ez jelzi a keresőnek, hogy az oldal nincs, így az idővel eltűnik a keresőmegjelenésből.

A rejtett 404 problémája

Gyakori hiba a rejtett 404 (soft 404): amikor a hibaoldal ránézésre hibát mutat, de a szervere valójában sikeres (200-as) kódot ad vissza. Ilyenkor a kereső azt hiszi, hogy az oldal létezik és értékes tartalom van rajta, ami zavart okoz a keresőmegjelenésben. Ezért a helyes állapotkód nem részletkérdés, hanem alapfeltétel.

A megszűnt, de fontos oldalak esetében az átirányítás a jobb megoldás: a régi címről a megfelelő új oldalra irányítasz, így a látogató és a kereső is a helyes tartalmat kapja. A 404-oldal csak akkor a helyes válasz, ha valóban nincs mit átirányítani. A technikai seo rétegeit a fenti ábra szemlélteti. A hivatalos súgó részletesen kitér a helyes kezelésre.

Ajánlott forrás: a Google súgója a 404-es hibák és a soft 404 kezeléséről.

Átirányítások: mikor ne a 404 legyen a válasz?

Nem minden megszűnt cím megoldása a 404-oldal. Ha egy fontos tartalom új címre költözött, vagy csak átneveztük, a helyes megoldás az átirányítás a régi címről az újra. Így a látogató és a kereső is a megfelelő tartalomhoz jut, zökkenőmentesen.

Végleges és ideiglenes átirányítás

A tartós költözésnél végleges átirányítást (301) használunk: ez jelzi a keresőnek, hogy a tartalom véglegesen az új címen van, és a keresőmegjelenés is átöröklődik. Az ideiglenes átirányítás (302) rövid távú helyzetekre való, például egy átmeneti karbantartásra. A kettő összekeverése zavart okoz a keresőmegjelenésben, ezért fontos a helyes választás.

Vigyázni kell azonban a túlkapással: nem szabad minden hibás címet egységesen a kezdőoldalra irányítani. Ha a látogató egy konkrét tartalmat keresett, a kezdőoldal épp olyan zsákutca, mint a hibaoldal. Az átirányítás akkor jó, ha valóban releváns, megfelelő oldalra vezet.

A 404-es hibák felderítése és javítása

A jó hibaoldal mellett fontos, hogy tudd, hol és milyen gyakran keletkeznek 404-es hibák. A keresőkonzol és a weboldal analitikája egyaránt megmutatja a hibás címeket. Ebből derül ki, mely törött linkeket kell átirányítani vagy javítani.

Érdemes rendszeresen átnézni ezt a listát, mert a gyakran hívott, de nem létező címek valós látogatót és lehetőséget veszítenek el. A rendszeres karbantartás része, hogy a fontos, sokat hívott hibás címeket a megfelelő oldalra irányítod. Így a 404-oldal egyre kevesebb látogatót ér el, a meglévők pedig hasznos utat kapnak.

Mitől lesz jó egy hibaoldal a gyakorlatban?

A gyakorlatban a legjobb hibaoldalak néhány közös vonást mutatnak. Nem hosszú magyarázatba kezdenek, hanem egyetlen mondatban tisztázzák a helyzetet. Utána azonnal, jól láthatóan felkínálják a továbblépés lehetőségeit, hogy a látogató ne kelljen keresgéljen.

• A magyarázat rövid és emberi, nem technikai zsargon.
• A kereső mező központi helyen, azonnal használhatóan jelenik meg.
• A leggyakrabban keresett oldalak közvetlen linkjei is ott vannak.
• A megjelenés a márka arculatát követi, megtartva a fejlécet és a láblécet.

A jó hibaoldal tehát nem különleges kreatív bravúr, hanem gondos, felhasználóközpontú tervezés eredménye. A látogató célja egyszerű: megtalálni, amit keresett. A hibaoldal dolga, hogy ezt a lehető legrövidebb úton lehetővé tegye, kedvesen és zökkenőmentesen.

Gyakori hibák a hibaoldalak körül

A hibaoldalak körüli hibák jellemzően néhány visszatérő pontra vezethetők vissza. Ezek egyenként aprónak tűnnek, de együtt jelentős látogatóveszteséget okoznak. A jó hír, hogy mind kiküszöbölhető.

• Alapértelmezett, sivár hibaoldal, amely nem kínál kiutat.
• Hiányzó kereső és navigáció, így a látogató megreked.
• Rejtett 404 (soft 404), amely 200-as kódot ad a hiba ellenére.
• Elmulasztott átirányítás a fontos, áthelyezett vagy megszűnt oldalakról.

Ezek a hibák azért veszélyesek, mert a háttérben, csendben okoznak veszteséget. A látogató nem panaszkodik, egyszerűen távozik. Ezért érdemes a hibaoldalt és a 404-es listát is a rendszeres karbantartás részévé tenni, nem egyszeri feladatként kezelni.

Mikor kérj szakmai segítséget?

A hasznos 404-oldal megtervezése és a technikai háttér - az állapotkódok és az átirányítások helyes kezelése - összefügg. Az UX oldalát viszonylag könnyű megoldani, a technikai rész viszont körültekintést kíván. Egy tapasztalt szakember mindkettőt összehangoltan kezeli.

Cégünk a weboldal készítést a hasznos hibaoldal megtervezésével és a technikai seo gondozásával együtt kezeli. A barátságos, útmutató 404-oldaltól a helyes állapotkódokon át a törött linkek átirányításáig úgy építjük fel a rendszert, hogy a hibaoldal is a látogató megtartását szolgálja. Így egy zsákutca helyett esélyt kapsz a visszaterelésre.

Összegzés: a hibaoldal mint esély

A 404-oldal a nem létező cím jelzése, de nem kell zsákutcának lennie. Jól megtervezve visszatereli a látogatót az oldalra, ahelyett hogy elengedné. Az első lépés, hogy röviden, barátságosan elmagyarázd a helyzetet, kioktató hangnem nélkül.

Utána azonnal kínálj utat tovább: egy jól látható keresőt, a fő menüpontokat és néhány releváns ajánlást. A kereső különösen hasznos, mert a látogató pontosan tudja, mit keresett, csak a cím volt hibás. A hibaoldal tartsa meg a márka arculatát és a szokásos navigációt is.

Technikai szempontból ügyelj a helyes 404-es állapotkódra, kerüld a rejtett 404-et, és a fontos, áthelyezett oldalakat inkább irányítsd át. Nézd át rendszeresen a 404-es listát, és javítsd a gyakran hívott törött linkeket. Így a hibaoldal a keresőmegjelenést sem rontja, a látogatót pedig visszatereli.