Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

15 najlepszych przykładów stron błędu WordPress 404

Naszym zdaniem jednym z najbardziej niedocenianych elementów witryny WordPress jest strona błędu 404.

Gdy odwiedzający trafiają na stronę 404, znajdują się na rozdrożu. Mogą być sfrustrowani, zdezorientowani lub gotowi do opuszczenia witryny. Jednak dzięki odpowiedniemu projektowi i treści możesz zatrzymać odwiedzających na swojej stronie dłużej, zachęcić ich do dalszej eksploracji, a nawet doprowadzić do konwersji.

W tym artykule podzielimy się niektórymi z najlepszych projektów stron błędu 404, na jakie natrafiliśmy. Przykłady te prezentują kreatywność, funkcjonalność i skuteczne wskazówki dla użytkowników.

Best WordPress 404 error page design examples

Dlaczego musisz zoptymalizować swój projekt 404?

Błąd 404 występuje, gdy serwer nie może dotrzeć do strony, którą ktoś próbuje odwiedzić. Zamiast wyświetlać pusty ekran, serwer wyświetla stronę 404.

Większość motywów WordPress jest dostarczana z podstawowym szablonem 404, ale te projekty są zwykle podstawowe i proste.

The default WordPress 404 page

Nie będą również wyświetlać żadnych treści z Twojej witryny internetowej, takich jak popularne wpisy, które odwiedzający może chcieć przeczytać, lub menu nawigacyjne Twojej witryny.

Jeśli pokażesz odwiedzającym nudną, nieprzydatną stronę 404, to jest bardziej prawdopodobne, że opuszczą twoją witrynę internetową, co zwiększy współczynnik odrzuceń i zaszkodzi SEO WordPress.

Najlepiej byłoby zmniejszyć liczbę błędów 404 w witrynie, przekierowując użytkowników do podobnych treści.

Jednak nie zawsze jest to możliwe. Czasami błąd 404 może wystąpić z powodu błędnie wpisanego adresu URL lub odnośnika.

Mając to na uwadze, mądrze jest stworzyć własną stronę 404, która ma twój własny branding i treść. Możesz również pomóc odwiedzającym znaleźć to, czego szukają, dodając paski wyszukiwania, menu, odnośniki i inne pomocne treści.

Najprostszym sposobem na stworzenie własnego projektu 404 jest użycie wtyczki SeedProd. Jest to najpopularniejszy konfigurator stron docelowych typu „przeciągnij i upuść”, dzięki czemu można stworzyć własną stronę 404 bez pisania jakiegokolwiek kodu.

An example of a 404 page, designed in SeedProd

SeedProd ma również wiele profesjonalnie zaprojektowanych szablonów 404, które pomogą Ci szybko stworzyć piękną stronę błędu.

Po zainstalowaniu SeedProd, dobrym pomysłem jest zwrócenie się do twojej konkurencji w poszukiwaniu inspiracji. Mając to na uwadze, zebraliśmy najlepsze projekty stron błędów 404.

1. DFY

Wiele stron internetowych używa liczników czasu, aby stworzyć poczucie pilności i uzyskać więcej konwersji za pomocą FOMO. Jednak firma DFY podjęła nietypową decyzję o dodaniu licznika czasu do swojej strony 404.

An example of a 404 page design

Licznik ten odlicza sekundy do automatycznego przekierowania użytkownika na stronę główną.

Tworząc limit czasowy, DFY natychmiast sprawia, że ich strona 404 jest bardziej angażująca i zmusza odwiedzających do podjęcia decyzji przed upływem czasu. Jest to również nietypowy wybór projektu, więc z pewnością przyciągnie uwagę odwiedzających.

Komunikat na stronie 404 zwiększa poczucie pilności, sprawiając, że jest to bardzo dramatyczny i atrakcyjny projekt strony.

2. OptinMonster

OptinMonster to jedna z najlepszych wtyczek do przechwytywania e-maili dla WordPressa, z której korzysta ponad 1,2 miliona witryn internetowych. Ma wszystko, czego potrzebujesz, aby zmienić odwiedzających w subskrybentów i klientów.

Nic dziwnego, że OptinMonster wykorzystuje swoją stronę 404 jako narzędzie do generowania leadów z przyciągającą wzrok animacją i wyraźnym wezwaniem do działania.

The OptinMonster 404 page design

Co więcej, ich oferta odnosi się do sytuacji odwiedzającego.

Gdy ktoś wyląduje na stronie 404, istnieje duża szansa, że zrezygnuje i opuści twoją witrynę internetową, ponieważ nie może znaleźć tego, czego szuka.

OptinMonster nawiązuje do tego, pytając: „Czy wiesz, że ponad 70% odwiedzających, którzy opuszczają twoją witrynę internetową, nigdy na nią nie wraca?”.

Ponieważ odwiedzający już myśli o porzuceniu witryny internetowej, jest bardziej prawdopodobne, że podejmie działania w oparciu o tę statystykę. Wezwanie do działania oferuje odwiedzającym darmowy ebook, który obiecuje przekształcić porzucających witrynę internetową w subskrybentów.

Kliknięcie przycisku „Pobierz teraz” otwiera wyskakujące okienko, w którym dana osoba może wpisać swój adres e-mail i pobrać bezpłatną aplikację.

An example of a lead generation 404 page

Jak widzimy, OptinMonster wykorzystuje błąd 404 na swoją korzyść, tworząc kampanię, która wydaje się bardzo istotna i aktualna.

Jeśli chcesz użyć własnej strony 404 do generowania leadów, możesz zbierać adresy e-mail za pomocą bloków Giveaway, Contact Form lub Optin Form w SeedProd.

Collecting leads using SeedProd's optin form block

3. Kualo

Wiele witryn internetowych wykorzystuje grywalizację, aby budować lojalność klientów i sprawić, by ludzie do nich wracali.

Kualo poszło o krok dalej i zgrywalizowało swoją stronę 404.

A gamified 404 page design

Zamiast pomóc odwiedzającym znaleźć drogę powrotną do głównej witryny internetowej Kualo, strona 404 rzuca im wyzwanie w grze Space Invaders.

Zamienia to frustrujący komunikat o błędzie w zabawną niespodziankę. Co więcej, gdy skończą ci się życia, Kualo zachęca cię do dalszej gry.

An example of a gamified 404 page

Wyskakujące okienko oferuje graczom zniżkę na hosting witryny internetowej, jeśli uda im się zdobyć ponad 1000 punktów. Jest to doskonały przykład strony 404, która zatrzymuje odwiedzających na twojej witrynie internetowej na dłużej i wnosi wartość dodaną do doświadczenia użytkownika.

4. TripAdvisor

Strona 404 serwisu TripAdvisor jest zabawna i funkcjonalna, a otwiera ją żart specyficzny dla branży turystycznej.

Kiedy ktoś ląduje na twojej stronie 404, może być sfrustrowany swoim doświadczeniem. Humor może być świetnym sposobem na ponowne zaangażowanie tych osób.

The TripAdvisor 404 error page

Co więcej, żarty zawsze nawiązują do marki TripAdvisor.

Branding jest jedną z głównych korzyści płynących z zastąpienia standardowej strony WordPress 404 niestandardowym projektem, a strona TripAdvisor pokazuje, że branding to nie tylko niestandardowe logo i obrazy. Słowa na stronie 404 są tak samo ważne jak grafika.

Strona 404 podkreśla również wszystkie główne obszary witryny internetowej TripAdvisor, co pomaga odwiedzającym znaleźć to, czego szukają.

Ponieważ nawigacja jest tak ważna, zalecamy zapoznanie się z blokiem Nav Menu SeedProd. Umożliwia on tworzenie wszelkiego rodzaju menu bezpośrednio w edytorze strony. Ułatwia to dodawanie przydatnych menu do twojej witryny internetowej WordPress.

Adding a navigation menu using the SeedProd page builder

5. Brett Terpstra

Na pierwszy rzut oka strona 404 Bretta Terpstry może wyglądać zwyczajnie, ale jej prawdziwa moc tkwi w liście sugerowanych wpisów.

Strona 404 Bretta Terpstry pokazuje listę postów zawierających słowa kluczowe związane z linkiem, do którego użytkownik próbował uzyskać dostęp, gdy otrzymał błąd 404.

A 404 page with dynamic text

To prosta sztuczka, która znacznie poprawia wrażenia odwiedzających.

Dynamiczne treści mogą sprawić, że twoja witryna będzie bardziej użyteczna, angażująca i atrakcyjna, więc sensowne jest rozszerzenie tego na stronę 404.

An example of a custom 404 error page

6. Constant Contact

Constant Contact to kolejna strona 404, która wykorzystuje humor, aby przekonać sfrustrowanych odwiedzających. Dostawca usług e-mail używa nieformalnego języka, aby przemówić do swoich docelowych odbiorców, jednocześnie dając odwiedzającym łatwą drogę powrotną do strony głównej.

The Constant Contact email provider

Jeśli przewiniesz stronę w dół, znajdziesz odnośniki do innych ważnych obszarów witryny internetowej Constant Contact.

Jednak to, co naprawdę nam się podoba, to krótka animacja najechania kursorem, która jest odtwarzana za każdym razem, gdy przesuniesz mysz nad jednym z niebieskich bloków.

An example of the best 404 page designs

Animacje mogą sprawić, że strona będzie bardziej angażująca, a liczne efekty najechania kursorem i animacje tworzą element narracji, gdy odwiedzający porusza się po stronie 404.

Istnieje kilka różnych sposobów animowania twojej strony 404, w tym podświetlanie i obracanie tekstu za pomocą bloku SeedProd Animated Headline.

SeedProd zawiera również ponad 40 animacji wejściowych, które można dodać do dowolnego bloku, w tym obrazków, tekstu, przycisków, filmów i innych.

SeedProd's CSS animations

Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat dodawania animacji CSS w WordPress.

7. IMDb

Większość osób natknie się na twoją stronę 404, szukając czegoś zupełnie innego. Ponieważ błąd 404 jest nieoczekiwany, ważne jest, aby upewnić importerów, że nadal są na twojej witrynie, utrzymując znajomość marki.

IMDb robi to w bardzo subtelny i lekki sposób, pokazując słynny cytat z filmu lub programu telewizyjnego.

An example of the best 404 page designs

Zawierają również odnośnik, dzięki któremu można dowiedzieć się więcej na temat serialu lub filmu, który cytują.

W ten sposób strona 404 IMDb wzmacnia ich markę, jednocześnie dając odwiedzającym zabawny sposób na odkrywanie ich treści.

Showing a random quote on your website

Wyświetlanie losowych cytatów na twojej stronie 404 może być zabawne i wciągające. Jednak nadal dobrym pomysłem jest podanie odnośników do najważniejszych treści twojej witryny, na wypadek gdyby odwiedzający nie był zainteresowany losowo wybranym odnośnikiem.

Dokładnie to robi IMDb, dodając link do swojej strony głównej.

8. SteveMadden

Steve Madden próbuje przekształcić komunikat o błędzie w sprzedaż, pokazując swoje najlepiej sprzedające się produkty na stronie 404.

A best selling products section

Co więcej, dodano filtry, dzięki czemu klienci mogą przeglądać różne produkty bezpośrednio ze strony 404.

Jeśli prowadzisz sklep internetowy, możesz łatwo wyświetlić swoje najpopularniejsze produkty, dodając blok Najlepiej sprzedające się produkty do swojej strony 404.

Adding WooCommerce products to a page using SeedProd

SeedProd posiada również bloki WooCommerce, które można wykorzystać do wyświetlania produktów, które są w sprzedaży, produktów o najwyższej ocenie, najnowszych produktów i innych.

Projektując własną stronę 404, warto użyć tego samego nagłówka i stopki, co reszta twojej witryny internetowej. Wzmocni to twój branding i powstrzyma odwiedzających przed zastanawianiem się, czy są we właściwym miejscu.

Dokładnie to widzimy na stronie 404 Steve’a Maddena, ale szczególnie podoba nam się, jak wiele treści udało im się zmieścić w tych dwóch małych obszarach.

A custom website footer

Nagłówek i stopka pomagają odwiedzającym przejść bezpośrednio do dowolnej części sklepu Steve Madden, a nawet witryn innych firm, takich jak strony firmy na Twitterze i Facebooku.

Zapewniają nawet dostęp do interaktywnych obszarów, w tym inteligentnego paska wyszukiwania produktów.

A custom website header

9. Apartment Therapy

Ten projekt 404 od Apartment Therapy natychmiast przyciąga uwagę odwiedzającego dzięki dużemu obrazkowi bohatera.

A 404 page with a large hero section

Apartment Therapy wykorzystuje również tę przestrzeń do wzmocnienia tożsamości marki, pokazując stylowe zdjęcie kuchni wraz z żartem na temat taśmy washi.

Jeśli chcesz dodać obraz bohatera do swojego projektu, SeedProd ma wiele gotowych sekcji bohaterów. Są to kolekcje obrazów, wezwania do działania, a nawet proste formularze zbierania leadów, które można dodać do projektu 404 za pomocą jednego kliknięcia.

Jest nawet sekcja, która wyglądałaby jak w domu na witrynie internetowej Apartment Therapy.

Adding a hero section to a custom page in WordPress

10. Krzycząca żaba

Podobnie jak inne strony 404 na tej liście, Screaming Frog wykorzystuje humor, aby zaangażować odwiedzających.

Jednak w przeciwieństwie do innych firm z tej listy, Screaming Frog tworzy narzędzie, które pomaga właścicielom witryn internetowych znaleźć i poprawić niedziałające odnośniki. Ich strona 404 nie marnuje czasu na wskazywanie ironii witryny internetowej Screaming Frog mającej uszkodzony adres URL.

Żartując z samych siebie, Screaming Frog dostarcza niezapomnianą stronę 404, która nie traktuje siebie zbyt poważnie.

The Screaming Frog 404 design

Animowane tło również pomaga temu projektowi 404 wyróżnić się z tłumu.

Filmy i animacje to świetny sposób, aby Twoja strona 404 była bardziej angażująca. Mogą one jednak wydłużać czas wczytywania strony 404.

Mając to na uwadze, zalecamy stosowanie się do naszych wskazówek, aby przyspieszyć wydajność WordPressa, szczególnie jeśli używasz wielu dużych lub wysokiej rozdzielczości filmów w twoim projekcie 404.

Nigdy nie powinieneś również przesyłać filmów bezpośrednio do WordPressa, ponieważ może to mieć duży wpływ na wydajność Twojej witryny.

Zamiast tego zalecamy przesłanie pliku do witryny hostującej filmy, a następnie osadzanie pliku na twojej witrynie.

Szczegółowe instrukcje można znaleźć w naszym przewodniku na temat łatwego osadzania filmów w WordPress.

11. MonsterInsights

MonsterInsights to najlepsza wtyczka WordPress do Google Analytics. Pozwala łatwo zainstalować Google Analytics w WordPress i pokazuje pomocne raporty w kokpicie WordPress.

MonsterInsights jest dobrym przykładem strony brandowanej. Gdy tylko odwiedzający wejdą na stronę 404, zobaczą unikatową grafikę opartą na logo MonsterInsights.

The MonsterInsights custom 404 error design

Jest to zabawny sposób na poinformowanie odwiedzających, że nadal znajdują się na witrynie internetowej MonsterInsights, nawet jeśli skorzystali z niedziałającego odnośnika.

Ta strona wyjaśnia również, czym jest błąd 404 i sugeruje kilka rzeczy, które odwiedzający może zrobić, aby poprawić błąd. Pomaganie ludziom w samodzielnym rozwiązaniu błędu 404 może poprawić wrażenia odwiedzających, więc dobrym pomysłem jest umieszczenie tych informacji na twojej stronie 404.

Nawet jeśli zachęcasz odwiedzających do samodzielnej poprawki, nadal ważne jest dodanie linków do najważniejszych treści w witrynie.

Strona MonsterInsights 404 daje użytkownikom kilka opcji, zawierając odnośniki do strony pomocy technicznej, bazy wiedzy MonsterInsights, strony z cennikiem i innych.

12. MAD

MAD stworzył prostą, ale wysoce interaktywną stronę, używając przełączników do utworzenia komunikatu o błędzie 404. Możesz usunąć ten komunikat, wyłączając wszystkie przełączniki, a nawet utworzyć twój własny komunikat, włączając przełączniki.

A gamified error page

Jest to bardzo proste, ale przyjemne doświadczenie, które ma na celu uzyskanie dużej interakcji ze strony odwiedzających. Jest to również unikatowa strona 404, którą odwiedzający zapamiętają, a może nawet udostępnią innym osobom w mediach społecznościowych.

Ten uderzający projekt udowadnia, że można zbudować niezapomnianą i zabawną stronę 404 z prostego pomysłu.

13. Południowy zachód

Strona 404 Southwest stara się pomóc odwiedzającym wrócić na właściwe tory, wyjaśniając, czym jest błąd 404 i dlaczego mogą go widzieć. Sugerują nawet kilka możliwych poprawek, co może być pomocne, jeśli twoja grupa docelowa nie jest zbyt zaznajomiona z błędami 404.

The Southwest error page

To, co naprawdę wyróżnia ten projekt, to liczba odnośników, które udaje mu się wyświetlić w schludny i zorganizowany sposób.

Jeśli przewiniesz ekran do samego dołu, powiadomią Cię o tym odnośniki do mediów społecznościowych, informacje kontaktowe, odnośnik do dołączenia do listy mailingowej i wiele innych adresów URL, ułożonych w przejrzyste i przyjazne dla użytkownika kategorie.

The Southwest footer

Strona Southwest 404 jest doskonałym przykładem tego, jak wiele informacji można upakować na stronie bez przytłaczania odwiedzającego.

W tym przypadku kluczowy jest odpowiedni układ, a Southwest wykonuje świetną robotę, używając kategorii, list i różnych sekcji, aby stworzyć stronę 404, która jest pełna informacji, ale nadal łatwa do odczytania.

Jeśli chcesz skopiować układ Southwest, możesz łatwo wyświetlać widżety WordPress w kolumnach. Niektóre motywy WordPress są nawet domyślnie wyposażone w wiele obszarów gotowych na widżety w stopce.

Multiple WordPress widgets, arranged in a theme's footer

14. Polo Garcia

Polo Garcia's 404 page

Innym sposobem na unikatowy wygląd twojej strony 404 jest użycie pełnoekranowego animowanego tła GIF lub filmu.

Witryna internetowa projektanta Polo Garcii jest tego doskonałym przykładem. Wykorzystuje ona pełnoekranowy GIF wiewiórki na wodzie. Tworzy to wizualnie angażujące i wciągające doświadczenie, nawet w przypadku strony błędu.

Ta taktyka może przyciągnąć uwagę odwiedzającego i sprawić, że będzie mniej sfrustrowany lądowaniem na nieistniejącej stronie.

15. Dribbble

Dribbble's 404 page

Jedną z najlepszych praktyk ulepszania strony 404 jest polecanie zasobów lub dodawanie do niej formularza wyszukiwania, aby zatrzymać użytkowników na twojej witrynie internetowej. To jest dobre i w ogóle, ale jest miejsce na przekraczanie granic, aby uzyskać naprawdę unikatowe wrażenia.

Weźmy na instancję stronę 404 serwisu Dribbble. Zamiast statycznej listy, stworzyli interaktywny element, w którym sam komunikat o błędzie 404 jest wypełniony obrazkami pasującymi do określonego schematu kolorów.

Użytkownicy mogą następnie klikać na te interaktywne obrazki, aby je dalej eksplorować. Dodaje to warstwę interaktywności, która nie tylko utrzymuje zaangażowanie użytkowników, ale także wzmacnia koncentrację Dribbble na treściach wizualnych.

Często zadawane pytania dotyczące projektowania stron z błędem 404

Teraz, gdy omówiliśmy najlepsze przykłady projektów stron 404, przyjrzyjmy się niektórym często zadawanym pytaniom dotyczącym tej strony błędu.

Czy strony 404 mają wpływ na SEO?

Chociaż błędy 404 same w sobie nie zaszkodzą bezpośrednio Twojemu SEO, mogą pośrednio wpływać na nie, frustrując użytkowników i powodując, że szybko opuszczają Twoją witrynę. Dobrze zaprojektowana strona 404 może w rzeczywistości pomóc twojemu SEO, oferując pomocne zasób i utrzymując zaangażowanie odwiedzających.

Jak powinna wyglądać strona 404?

Kluczem do strony 404 jest bycie jasnym i pomocnym. Dołącz przyjazny komunikat wyjaśniający, że strona nie może zostać znaleziona, wraz z sugestiami dotyczącymi powrotu na właściwe tory. Mogą to być odnośniki do twojej strony głównej, popularnych treści lub paska wyszukiwania witryny.

Jak zrobić fajną stronę 404?

Możesz użyć kreatora stron, takiego jak SeedProd, aby łatwo stworzyć dobrze wyglądającą stronę 404. Ma on już mnóstwo szablonów stron 404, których możesz użyć, dzięki czemu nie będziesz musiał zaczynać od zera.

Innym kreatorem stron, który możesz wypróbować jest Thrive Theme Builder, który również jest łatwy w użyciu do zaprojektowania strony 404.

Czy strony 404 mają stopki?

Stopki nie są obowiązkowe dla stron 404. Jednak umieszczenie podstawowej stopki z niezbędnymi odnośnikami, takimi jak informacje kontaktowe lub mapa witryny, może zachować poczucie spójności i zaoferować użytkownikom dodatkowe sposoby poruszania się po twojej witrynie.

Mamy nadzieję, że ten artykuł pomógł Ci znaleźć najlepsze przykłady projektów stron błędów 404. Możesz również zapoznać się z naszym przewodnikiem na temat tworzenia wiralowej strony docelowej z listą oczekujących w WordPressie i naszymi najlepszymi szablonami stron docelowych dla WordPressa.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

72 komentarzeZostaw odpowiedź

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Moinuddin Waheed

    404 error is a very common error and having an optimized and beautiful 404 is a must for keeping the visitors interest continued.
    Seeing some the most interesting 404 error page, it feels like having those creativity and out of the box approach at my own 404 page.
    utilising seedprod to make awesome 404 error page for my websites.

  3. Jiří Vaněk

    People’s creativity is amazing. I was particularly captivated by Pixar’s 404 page, and I let myself be a bit inspired by it for my website too. I believe it’s very important to make the 404 page somewhat humorous to lighten the frustration for a user who encounters content they weren’t looking for. It brings a smile, eases emotions, and might even draw them towards exploring more content on the website.

  4. Damian

    Instead of configuring a 404 error page, I prefered set up a full sitemap page, better for our visitors.

  5. Nure

    Just awesome i like it
    thanks to share

  6. Bruce

    Thanks for this informative information. I like:

    9. Catswhocode
    17. Retard Zone

  7. Viidar

    How about this one? (in Norwegian, but you´ll get the picture):
    http://www.powertech.no/404

    Text: „Ups, Mari, has been down in the server-room again…” (mari works in the finance-department ;) )

  8. Dave

    This page also pretty good, and very funny…
    [Link Removed because the site did not use WordPress]

  9. Niche Website Builder

    Very creative indeed! Of course, my favorite has to be the 404 error pages featuring Homer Simpson and his infamous „D’Oh!”

  10. abrcity

    very nice article,very helpful

  11. Klim

    Some pages are really cool! Thanks for collecting them!

  12. Jeffro

    I like the catswhocode one. Works well with the site name! hah

  13. Hans

    I really like the illustration on Catalyst Studios’. That on Carsonified is also very nice (all of them are) :D

    I like this one to
    http://jayj.dk/404

  14. Asif Iqbal

    Very neat and clean options.. I am going to choone one of the best for my website.

  15. GailGrannum

    Wow, you have really expanded my concept of the 404 page alternatives. Thank you for sharing very creative examples that will assist me in reducing my bounce rate. BTW – I have tweeted this article to my peeps.
    Gail

    • Editorial Staff

      We appreciate all the support on twitter :) If you ever have any questions or need help with WordPress feel free to ask us either via twitter or email.

      Administrator

  16. Teddy

    Thanks for the showcase! I always find a lot of inspiration in 404 pages – basically, a good 404 page will have to appease the possibly frustrated user as well as make a good impression so that the visitor will continue probing the site instead of navigating away almost immediately.

    Oh, and thanks for the tutorial too! I find it very useful and detailed for those who are still new to WordPress and PHP :) awesome job!

    p/s: Some shameless self-promotion here: http://www.teddy-o-ted.com/wp-admins (to trigger a 404 page) and http://www.teddy-o-ted.com/demo/ (not strictly a 404 page but I’m thinking).

    • Editorial Staff

      Love your Hot Dog idea. Also Oh God Dammit is pretty good too. Tough choice eh.

      Administrator

      • Teddy

        Kind of a tough choice. I think I’ll most probably be porting the hot dog idea over to my main site’s 404 template, heh.

        Speaking of which, what inspired you to make the 202 + 202 = 404 title? That’s an interesting one :)

        • Editorial Staff

          The idea of WPBeginner <<< Beginner and the whole number idea because I like numbers. Simple addition.

  17. werthers

    B3ta once ran a competition a long time ago for 404 images and they blew all these out of the water. One featured a map of the internet and an arrow and you are here to 404, it also had porn and the rantings of nerds among other areas.
    It’s going a long time back so I don’t know if many of the images are still hosted

  18. subcorpus

    awesome …
    need to think of kewl way to do that on my blog … hehe …

    • Editorial Staff

      That is surely a memorable one. Had we known about it before, we would’ve added it. Will consider for our next showcase :)

      Administrator

  19. Mike

    techkultura from Polish:

    404 The Way of the Samurai Codex

    „If the searched page doesn’t exist,
    Immediately fulfill Seppuku.”

    • Thomas

      I’m pretty sure putting Adsense on a 404 error page is against Google’s terms of service, don’t you think?

      • Michel

        My WordPress theme uses standard templates, so the 404 page simply has a small adsense block at the top, as most of the pages of my blog have it, too. I wouldn’t worry about it, nor do I care much if this page shows (or not) adsense at all. I was showing the design of the page, not the adsense block — looks like you were looking elsewhere;-)

      • Michel

        Plus, if there’s content on the 404 page, Google allows to show ads on it — this is not against their TOS (this info could be useful to others, too) :)

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.