Większość osób zajmujących się SEO zdaje sobie sprawę, że podstrony zwracające 404 są zupełnie naturalne. Jeżeli nie są generowane masowo w wyniku błędów technicznych i nie przyrastają w tempie kilku milionów tygodniowo (widziałem takie przypadki, a jakże), sztuczne odbudowywanie ich nie ma zazwyczaj sensu, natomiast przekierowywanie 301 na stronę główną czy podstrony kategorii może wręcz zaszkodzić. Dlatego też warto poświęcić chwilę na zaprojektowanie wiadomości, która wyświetlała będzie się użytkownikom pod adresami zwracającymi ten właśnie status HTTP.
Na listę fajnie zaprojektowanych podstron z błędem 404 natrafiłem podczas lektury jednej z seowych dyskusji na Reddicie. Co ciekawe, autorem komentarza jest bloger SEO Pub, którego możecie kojarzyć jako twórcę jednego z bookmarkletów do pobierania fan-out queries z konwersacji w ChacieGPT. Okazało się, że fajnych i ciekawych podstron 404 można znaleźć w internecie znacznie więcej. Przejrzałem je i wybrałem 27 najciekawszych, po czym uzupełniłem artykuł o perspektywę SEO.
27 fajnych przykładów stron 404
(Kolejność odwrócona alfabetycznie, albowiem tak się wrzuciło do galerii multimedów w CMS-ie. Oprócz tych Cards Against Humanity z początku, nie wiem do końca, co się wydarzyło z nazwą pliku graficznego).
1. Cards Against Humanity
Ciekawa, choć nieco rozczarowująca – żeby natknąć się na nowe karty, trzeba się sporo naklikać, bo często generuje te same. Btw. robienie gry imprezowej przez AI wybitnie Against Humanity 😀
2. Zalando
Niełatwo znaleźć wśród większych polskich e-commerce jakkolwiek ciekawe podstrony 404 (będzie jeszcze jeden), tutaj mnie urzekła gra słowna, strasznie lubię nawet takie proste zabawy słowem.
3. Wizzair
Jest ładna grafika, jest nawiązanie do działalności linii lotniczej, jest wytłumaczenie tego, co 404 oznacza, są dalsze opcje… Wzorowa, a wręcz wzorcowa podstrona.
4. The Playa
Na screenie tego oczywiście nie widać, ale te żółte elementy można sobie przesuwać i one się zgodnie z fizyką (chyba, nie znam się w sumie na fizyce) zachowują, przesuwają, zatrzymują na sobie lub z siebie spadają. Fajna zabawa, fajnie też wydaje się zgrywać z tematem game developmentu.
5. The Nero Design
Te literki są strasznie małe i w sumie trzeba się mocno wczytać, ale raz, że lubię czytać, a dwa, że taki miał być chyba designerski efekt. I faktycznie, podoba mnie się.
6. Star Wars
Sporo będzie tu przykładów popkulturowych, bo to w sumie wdzięczny temat do ogrania i mrugnięcia okiem. Na pierwszy rzut oka ładna i minimalistyczna 404 z oficjalnej strony Gwiezdnych Wojen. Nota bene chciałem kiedyś nabyć linka z jakiejś polskiej strony fanowskiej o Star Wars, napisałem takiego pięknego oficjalnego maila z korporacyjnego konta, a dostałem odpowiedź podpisaną jako „Darth Cośtam”. Piękna rzecz 😀
7. Spotify
Wszystko się zgadza, a do tego ładne i proste.
8. Slack
Może nie jestem za bardzo fanem odsyłania z 404 do helpdesku (mam wrażenie, że to nagminne w przypadku większych polskich sklepów internetowych), bo to zwyczajnie głupie, ale grafika lecąca w tle naprawdę fajnie wygląda.
9. Rare Days
Podstrona 404, która oprócz błędu zaczyna sypać kolejnymi miniaturowymi grafikami i naklejkami, aż cały ekran zostanie z nimi zasypany. Uczucia mam mieszane, bo nie lubię wodotrysków i internet mógłby być dla mnie czarno-biały, ale ostatecznie daję okejkę, bo po wbiciu na taką 404 mam poczucie, że trafiłem w jakieś niecodzienne miejsce. A to też w sumie wartość.
10. Screaming Frog
Fajne mrugnięcie okiem, fajny komunikat.
11. Notino
Drugi ze wspomnianych polskich e-commerce przerzuca wprawdzie całą odpowiedzialność na odbiorcę komunikatu (co jest niezbyt zgodne z rzeczywistością, bo jednak na strony trafia się raczej z odnośników, niż wpisując adres z palca i robiąc w nim literówkę), ale jest fajna tematyczna grafika i są eleganckie odnośniki do najpopularniejszych kategorii.
12. Orange Coat
Firma zajmująca się tworzeniem stron internetowych podeszła do sprawy chyba najbardziej kreatywnie (czego nie powiedziałbym o zdecydowanej większości przykładów fajnych 404), zamieszczając w miejsce informacji o błędzie flowchart decyzyjny. Błyskotliwie wypełnia on zadanie informacyjne, zadanie reprezentacyjne, a zapewne też ma szansę przykuć użytkownika do strony chwilę dłużej. Może nawet na tyle, że zostanie na niej, mimo początkowego rozczarowania.
13.Nite Riot
Może nic szczególnego, ale przejeżdżając po tej podstronie kursorem, ciągniemy za sobą kopię filmiku wyświetlającego się w obrębie liczby 404 i to jest soooooo muuuuuch coooool.
14. Niccolo Miranda
Jako że nie jestem zbyt wkręcony w rzeczy estetyczne, łatwo zrobić na mnie wrażenie (wow, to takie graficzne!) i po chwili zirytować (kurwa, czemu to wszystko odciąga uwagę lub zakrywa potrzebne mi informacje). Cała strona projektanta wywołuje to pierwsze, absolutnie nie wywołuje tego drugiego, a status 404 idealnie wpisuje się w całą estetykę oraz informacyjną przejrzystość.
15. Mobbin
Nie jest to wprawdzie strona wybitnego duetu hip-hopowego Mobbyn, lecz appki dla projektantów o dość podobnej nazwie, no ale robotę też robi. O ile link z komunikatu nie prowadzi zgodnie z anchorem i planem do projektów stron 404 (albo ja ich nie widzę, nie będąc zalogowanym), spędziłem zaskakująco sporo czasu na klikaniu quizu wiedzowego. Podejrzewam, że dla osoby zainteresowanej choć w minimalnym stopniu tematyką strony może to być naprawdę dobra droga do przekonania się do Mobbin poprzez ujrzenie dziesiątek screenów z istotnych ekranów popularnych aplikacji w praktyce.
16. MBDS.PRO
W całości strona studia architektonicznego wywołuje wprawdzie ten mniej oczekiwany efekt scharakteryzowany kilka nagłówków wcześniej (centralnie bym wyszedł z niej przez przytłoczenie, nawet jakbym był potencjalnym klientem potrzebującym uzyskać konkretnych informacji), ale akurat 404 bardzo się mnie podoba. Chyba właśnie przez klarowność informacji oraz brak graficznego przytłoczenia, jakie dominuje na pozostałych podstronach.
17. Marvel
Popkulturowe 404 są bardzo proste i ta ze strony Marvela nie przekonuje jakoś wybitnie do pozostania na stronie, ale bardzo doceniam kilka różnych projektów (wystarczy odświeżyć stronę zwracającą status 404), fantastyczne grafiki spójne z komiksową tematyką oraz zabawne nawiązania w komunikacie.
18. PLL LOT
Istnieje bardzo dużo argumentów przemawiających za hipotezą, że komunikat na podstronach zwracających 404 na stronie PLL LOT powstał co najmniej dwie dekady temu. To się po prostu widzi. Odkładając jednak na bok te bzdurne wymagania, żeby wszystko wyglądało nowocześnie, designersko oraz projektowane było pod gusta jury i tak ustawionych z góry nagród branżowych, to zgadza się tutaj wszystko. Jest humor związany z tematyką latania, jest konkretne wytłumaczenie, są wygodne opcje dla użytkownika. Doceniam i daję okejkę.
19. Lubimy czytać
Wprawdzie okropnie irytuje fakt, że przeczytanie komunikatu oraz zobaczenie tej podstrony wymaga przeklikania się przez tony reklam, pop-upów i displayów, ale jak już się wyświetli, to efekt trzeba docenić.
20. Lego
Może nie jest to najwybitniejszy komunikat pod kątem informacyjnym, ale automatycznie wprowadza na twarz odbiorcy co najmniej skrzywienie kąciku ust, a prawdopodobnie nawet i szeroki uśmiech.
21. HBO
Grafika z sitcomu „Curb Your Enthusiasm” połączona z parafrazą pochodzącego z niego catchphrase’u to wprawdzie rzecz dla koneserów, ale nawet bez znajomości oryginału sprawia miłe wrażenie. Brak tutaj klarownej informacji o charakterze błędu, ale jest za to próba przekierowania ewentualnego zainteresowania dalej.
22. IKEA
Wprawdzie strona polska pokazuje najnudniejszą 404 w historii nudnych e-commerce’owych 404, ale strona angielska nadrabia to z dużym zapasem. Mówiąc szczerze, odświeżałem ten błąd jak pojebion, bo są jakieś miliony wariantów, a część z nich to nie tylko zabawne nawiązania do angielskich idiomów (miś przy „bear with us” albo kolejka przy „go off track”), ale wybitnie ciekawa prezentacja idiomów szwedzkich („posadzić ostatniego ziemniaka” jako „pojść za daleko” czy „nie ma krowy na lodzie” jako „nie ma się czym przejmować”). Dobre to.
23. Harry Potter
W sumie w poprzednich popkulturowych przypadkach nie czułem się zbyt związany z uniwersum, więc odnotowuję to dopiero tutaj: bardzo fajnym elementem podstron błędów 404 na tego typu stronach jest fakt, że trafnie dobrana grafika potrafi szybko przekuć irytację we wzruszenie lub ciepłą myśl. Właśnie takie emocje pojawiły się we mnie, gdy ujrzałem poniższą scenę (Na Przekątną!).
24. Financial Times
Zawsze wyjdzie ze mnie bestia potrzebująca dużych ilości tekstu, ale jak już je dostanie, to pozostaje bardzo (hehe) ukontentowana. Z tego względu podstrona 404 z Financial Timesa jest moją absolutnie ulubioną, szczególnie zważywszy na fakt, że wybitnie wpisuje się w moje poczucie humoru. Podczas lektury parskałem śmiechem co najmniej tyle razy, ile podczas oglądania nagrania z dobrego godzinnego występu stand-upowego.
25. Disney
Dość standardowa popkulturowa 404, ale bardzo urocza.
26. DC Comics
Szkoda, że podobnie jak na stronie Marvela nie zostało przygotowanych kilka kreacji, ale daję okejkę.
27. Blizzard
Tutaj efekt podobnie jak z Harrym Potterem. Chociaż w World of Warcraft nigdy nie miałem konta, jestem zapalonym graczem Hearthstone’a i na widok buttonu z okrzykiem murloka poczułem się bardzo miło.
Jak wygląda kwestia błędu 404 z perspektywy SEO?
Jak wielokrotnie podkreślali przedstawiciele Google’a: błędy 404 to naturalna część internetu i nie wpływają negatywnie na ranking pozostałych stron w witrynie. Wbrew obawom wielu webmasterów, obecność takich błędów nie szkodzi ocenie całej domeny. Co więcej: lepszy prawidłowy błąd 404 niż soft 404. Dlatego nie należy przekierowywać wszystkich nieistniejących adresów na stronę główną czy kategorię. W dłuższej perspektywie Google może potraktować to jako soft-404, co jest gorsze niż zwykły błąd.
Problem pojawia się tylko w jednym scenariuszu: gdy błąd 404 dotyczy strony z wartościowymi linkami zwrotnymi. W takiej sytuacji tracimy potencjał rankingowy, który te backlinki mogłyby przekazać. Rozwiązanie? Jeśli strona miała cenne linki, warto przekierować ją (301) na treść o bardzo podobnej tematyce lub po prostu odbudować oryginalną podstronę (oczywiście dbając, aby zawierała aktualną i wartościową treść).
Wszystkie podane powyżej przykłady ciekawych 404 wiążą się z aspektem doświadczenia użytkownika, który z jakiegoś powodu trafia na podstronę zwracającą taki status. Jeżeli chcemy zwiększyć prawdopodobieństwo, że pozostanie w serwisie, musimy dobrze zaprojektować 404. Powinna jasno informować o problemie, zawierać nawigację do kluczowych sekcji serwisu i zachowywać spójny design z resztą witryny.
Źródła
Spojrzenie na podstrony 404 to podsumowanie informacji zawartych w szerszym wpisie na temat statusów HTTP w SEO. Są one jednak dobrze udokumentowane w następujących wypowiedziach przedstawicieli Google’a oraz dokumentacji:
O autorze
Nazywam się Michał Małysa i od wielu lat zajmuję się zawodowo SEO oraz analizą treści, a od 2023 roku w zakres moich obowiązków i zainteresowań dość naturalnie weszło AI. Na stronie MałySEO porządkuję wiedzę o pozycjonowaniu stron internetowych, AI Search oraz działaniu LLM-ów. Prowadzę również MałySEO Newsletter, do którego subskrypcji serdecznie Cię zachęcam na podstronie najlepszego w Polsce newslettera SEO.
Jako że przygotowanie materiałów do MałySEO Newslettera oraz na bloga zajmuje nieco czasu, może zaświtać Ci w głowie dość miły z mojej perspektywy pomysł drobnego rewanżu. Jeżeli uznasz, że lektura tego wpisu była dla Ciebie czymś więcej, niż tylko szybkim odklepaniem randomowej internetowej treści, możesz postawić mi kawkę na buycoffee.to. Z góry dziękuję!
Jeżeli z jakiegoś powodu potrzebujesz się ze mną skontaktować, wyślij mail na adres kontakt[at]michalmalysa.pl