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.
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.
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.
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.
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.
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ę.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
9. Apartment Therapy
Ten projekt 404 od Apartment Therapy natychmiast przyciąga uwagę odwiedzającego dzięki dużemu obrazkowi bohatera.
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.
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.
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.
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.
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.
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.
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.
14. Polo Garcia
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
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.
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!
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.
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.
Damian
Instead of configuring a 404 error page, I prefered set up a full sitemap page, better for our visitors.
Nure
Just awesome i like it
thanks to share
PatREllery
Here’s a cool one: http://www.bookofzeus.com/404/
Bhavesh
@PatREllery Its really cool one…..
Bruce
Thanks for this informative information. I like:
9. Catswhocode
17. Retard Zone
Dennis
Nice one!
My favourite is #6 CSS
Thanks for sharing.
penthius
After reading this I too decided to give it a go.
It’s my first 404 , it will get better with practice I am sure ;
http://ghostwhisperer.me/404
Zach Hornsby
After reading this article, I created one.
http://netjelly.com/404
Editorial Staff
It looks great
Administrator
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 )
Michelle
these are really great, thanks for sharing
Dave
This page also pretty good, and very funny…
[Link Removed because the site did not use WordPress]
Editorial Staff
Except your site is not using WordPress for that 404 page.
Administrator
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!”
Phaoloo
Nice examples, they inspire me for the next project.
Rent Apartment in Kuala Lumpur
Excellent collection of 404 page design!
Andrew Yates
Nice collection, how about this one… http://www.383project.com/404 ?
Editorial Staff
Very nice We will surely include it in our next collection.
Administrator
arfandhia
wow, nice colection,thanks for this list
Johnson Koh
Interesting collection. Thanks for the effort
abrcity
very nice article,very helpful
Arif
really nice designs, thanks for sharing
Klim
Some pages are really cool! Thanks for collecting them!
Dave Sparks
love the cats who code one, brilliant.
Website Design UK
Excellent showcase, my friend!! Well worthy of a Digg.
Jeffro
I like the catswhocode one. Works well with the site name! hah
G.Han
Beautiful post, very inspiring!
Hans
I really like the illustration on Catalyst Studios’. That on Carsonified is also very nice (all of them are)
I like this one to
http://jayj.dk/404
Editorial Staff
Very nice find there. That one is good.
Administrator
Honour Chick
lol, very funny 404 pages.
Shahriar Hyder
Very nice post. Please do check out the following article as well which is a compilation of:
Custom 404 error pages that are cool, funny yet creative
http://technosiastic.wordpress.com/2009/09/01/custom-404-error-pages-that-are-cool-funny-yet-creative/
Asif Iqbal
Very neat and clean options.. I am going to choone one of the best for my website.
Michigan Fur Coats
Very clever and unique.
vq
I wanted to throw two of mine in there:
http://weare.clickpopmedia.com/404
http://www.clickpopmedia.com/404
Both Wordpress. Let me know what you think.
Editorial Staff
Love your weare page. The second one can still use some work.
Administrator
Tobbi
Great collection. My favorites a #2 and #6
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
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.
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
subcorpus
awesome …
need to think of kewl way to do that on my blog … hehe …
j2brown
I’m biased, since it’s my own site, but I think it’s rather creative:
http://www.sterlingfire.org/?error=404
Michel
Another excellent resource for 404s:
http://simplebits.com/notebook/2007/11/03/404.html
See all comments in this blog post by Dan! (not WP blogs) (but still the collection is impressive)
Oleg
Yeah! Nice Ideas! I have my custom 404 Error page too: http://www.xtraboy.com/some-error
Take a look at it. It’s funny Thanx
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
Oleg
Thank You! I’m glad to hear your words
Simran
Awesome collection. Thanks for sharing
Robert
Some of these are great!
I run a coffee blog in Vancouver and I used a split coffee cup as a my 404 page.
http://coffeevancouver.ca/error
Editorial Staff
Very nice use of the image. Love your other posts.
Administrator
Mike
techkultura from Polish:
404 The Way of the Samurai Codex
„If the searched page doesn’t exist,
Immediately fulfill Seppuku.”
ilmu komputer
they all very creative design.
Good.
TalkVietnam
Nice collection. Thanks.
Chris Berry
Here’s a good WordPress example.
http://roanoketweetup.com/404
lipelip
Nice collection, here is mine
http://www.lipelip.be/micou
I’m a fan of chuck norris
Editorial Staff
Your page is funny and good looking. Keep up the great work, and we love Chuck Norris as well.
Administrator
lipelip
héhé thanks, chuck rocks !
joyoge bookmark
nice 404 designs, thanks for the tut
Michel
Mmm, and how about this one? >
http://www.optimiced.com/en/404
100% WP powered, 100% custom designed;-)
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)
Dave Bowker
How about this one? Can’t go wrong with Oompa Loompas!
http://quoterelish.com/err
Editorial Staff
It’s good, but we only listed sites that were powered by WordPress.
Administrator
Vidimonkey
missed out on http://freetubetv.net/404
it’s a tv blog/app so the 404 page is pretty brilliant considering the execution.
Editorial Staff
Once again, it is not powered by WP.
Daniel
http://www.gowatv.com/error-404.php also