11 interaktywnych stron 404, aby utrzymać zaangażowanie odbiorców

Martwisz się, że tracisz klientów z przyziemnych powodów? Załóżmy, że odwiedzający popełnia błąd ortograficzny podczas wpisywania Twojej strony internetowej. A z frustracji Twój potencjalny klient rezygnuje lub postanawia spróbować ponownie później, tylko po to, by zapomnieć o Twojej marce. Odpowiedź? Interaktywne strony 404.

To może się teraz dziać w Twojej witrynie. Zamiast pozwalać, by to trwało, dowiedz się wszystkiego, co musisz wiedzieć o tworzeniu i wykorzystywaniu stron 404.

Co to jest strona 404?

Strona 404 to kod używany przez strony internetowe, aby pokazać użytkownikom, że strona, którą próbują odwiedzić, nie istnieje.

Oto przykład:

Jakie scenariusze doprowadziłyby do wylądowania na stronie 404? Oto kilka powodów:

• Odwiedzający witrynę błędnie wpisał stronę internetową (adres URL).
• Odwiedzający kliknął uszkodzony link.
• Użytkownik wprowadził adres URL z pamięci lub z zakładki, ale strona została usunięta.
• Zmieniła się struktura adresów URL.
• Odwiedzający trafia na adres URL treści zamkniętej i musi się zalogować, aby uzyskać do niego dostęp.

Zwykle strony 404 to zwykłe puste ekrany z kilkoma słowami. Zapewniają jednak również potężną okazję do zaangażowania odbiorców i poprawy wizerunku marki, nawet gdy wystąpi drobny błąd 404.

Uatrakcyjnij swoje strony 404, albo stracisz odbiorców na dobre, zamiast utrzymywać ich w ruchu po Twojej witrynie.

W poniższych sekcjach dowiesz się, jak utworzyć strony 404 i poznasz wiele przydatnych przykładów.

Jak łatwo stworzyć strony 404

Tworzenie angażującej strony 404 może być czasochłonnym zadaniem. Ale możesz je stworzyć samodzielnie, jeśli tworzysz swoje treści na WordPress.

WordPress to system zarządzania treścią (CMS), który umożliwia łatwe dodawanie treści do witryny. Jest to najpopularniejszy CMS, a miliony firm używają go do tworzenia swoich witryn.

Jednak nawet początkujący bez umiejętności kodowania mogą tworzyć strony internetowe na WordPressie od podstaw. Co więcej, jeśli użyjesz niesamowicie szybkiego EasyWP do zarządzanego hostingu WordPress, możesz skonfigurować swoją witrynę w ciągu kilku minut.

Gdy Twoja witryna WordPress jest gotowa, potrzebujesz tylko wtyczki SeedProd, która pomoże Ci błyskawicznie skonfigurować stronę 404. Po prostu wybierz ustawienia strony 404 i postępuj zgodnie z metodą krok po kroku, aby dodać grafikę, tekst i linki.

Możesz w pełni dostosować swoją stronę 404 do swoich standardów brandingowych i przekierować odbiorców na właściwą stronę.

W ten sposób możesz łatwo skonfigurować stronę 404 i dodać więcej funkcji, aby poprawić wrażenia użytkowników w Twojej witrynie.

11 pomysłów na interaktywne strony 404 (z przykładami)

Teraz, gdy rozumiesz strony 404 i wiesz, jak je tworzyć, oto kilka przykładów fantastycznych stron 404 z całego internetu. Skorzystaj z tych przykładów, aby zainspirować własne strony 404!

1. Humor

Gdy użytkownik trafia na stronę błędu 404, zwykle odczuwa irytację. Zabawny obraz lub żart może zainteresować użytkownika i zaskoczyć go, prezentując coś zabawnego.

Sprawdź tę stronę 404 autorstwa Blizzarda. Podtytuł i przycisk są przezabawne i sprawiają, że użytkownik jest ciekawy, dokąd prowadzi przycisk.

2. Linki nawigacyjne

Przekieruj użytkownika na właściwą stronę, dodając linki lub przyciski nawigacyjne. Możesz poprosić ich o przejście do strony głównej, strony kontaktowej lub innej odpowiedniej witryny, w której znajdą to, czego potrzebują.

W tym miejscu Dropbox udostępnia łącza do swoich najpopularniejszych stron lub kategorii.

3. Pasek wyszukiwania

Dodanie paska wyszukiwania to sprytny sposób na dostarczenie odwiedzającym potrzebnych informacji. Wprowadzą odpowiednie słowa kluczowe i znajdą właściwą stronę z żądanymi informacjami. Poniższy obraz przedstawia uroczą animację z paskiem wyszukiwania na stronie 404 Disneya.

4. Wczuć się

Okaż empatię i zrozumienie dla frustracji gościa. Samo powiedzenie „przepraszam” lub beztroskie „Ups” sprawi, że ludzie poczują się wysłuchani i przeczytają resztę treści, aby dowiedzieć się, co robić.

5. Dodaj grę lub element interaktywny

Możesz sprawić, by Twoje strony 404 były zabawne i interesujące, jednocześnie prezentując swoje umiejętności. Ta strona 404 autorstwa projektanta Hakima El Hattaba reaguje na ruchy myszy. Gałki oczne na tej grafice poruszają się wraz z kursorem.

Jeśli prowadzisz firmę graficzną lub zajmującą się grami, tego typu interaktywność zaprezentuje Twoje umiejętności i przekona ludzi do skorzystania z Twoich usług.

6. Wideo lub animacja

Użyj filmu lub animacji, aby przyciągnąć uwagę odwiedzających. Sprawdź tę stronę 404 autorstwa Search Engine Journal.

To zabawne i sprawia, że ​​​​chcesz przez chwilę gapić się w ekran. Nie bój się więc używać GIF-ów i filmów na stronach błędów, jeśli pasuje to do tożsamości Twojej marki.

7. Niestandardowa ilustracja

Użyj niestandardowych ilustracji, aby pokazać osobowość swojej marki. Upewnij się, że używasz kolorów swojej marki i tworzysz zabawną ilustrację, która oddaje charakter Twojej firmy.

8. Subskrypcja newslettera

Powinieneś zachęcać użytkowników do jak najczęstszego zapisywania się na Twoją listę e-mailową. Dzieje się tak również wtedy, gdy ludzie lądują na stronie 404.

Jak pokazuje poniższy obrazek, Vimeo ma opcję subskrypcji biuletynu, która jest częścią wspólnej stopki. To jeden ze sposobów dodania do stron zaproszenia do zapisania się do newslettera. Możesz także dodać wyskakujący formularz zgody lub formularz rejestracji na środku strony.

9. Linki do mediów społecznościowych

Dodanie linków do mediów społecznościowych na stronie 404 to świetny sposób na zachęcenie ludzi do sprawdzenia Twoich mediów społecznościowych. Duolingo zaprasza użytkowników do obserwowania ich na Twitterze i Facebooku, gdy ludzie trafią na stronę błędu.

10. Wezwanie do działania

Wezwania do działania (CTA) są ważne, ponieważ „nakazują” lub kierują ludzi do działania. I często możesz użyć tej małej, ale skutecznej techniki, aby przynieść korzyści swojej marce.

Prosty przycisk lub link z wezwaniem do działania, takim jak „Sprawdź nasze najnowsze oferty” lub „Odkryj więcej przepisów”, doprowadzi do większego zaangażowania i wyższych współczynników konwersji.

11. Polecaj zawartość swojego bloga

Jeśli prowadzisz bloga, którego najważniejszym zasobem jest treść, powinieneś stale zachęcać użytkowników do czytania wpisów na blogu.

Sprawdź stronę 404 Content Marketing Institute na obrazku poniżej. Kierują użytkowników do swoich filarowych postów, które dostarczają informacji na temat ich specjalizacji: content marketing.

Cechy udanej strony 404

Teraz, gdy przyjrzeliśmy się kilku niesamowitym przykładom, podzielmy elementy i funkcje udanej strony 404.

Użyj wizualizacji

Większość z 404 przykładowych stron w tym poście zawiera treści wizualne, w tym niestandardowe grafiki, animacje, pliki GIF lub filmy. Nawet firmy, które na swoich stronach 404 używały tylko tekstu, zadbały o to, by były one atrakcyjne i dramatyczne. Pamiętaj więc, aby Twoja własna strona błędu 404 była atrakcyjna wizualnie i efektowna.

Być wyjątkowym

Strona 404 to idealne miejsce do zaprezentowania osobowości Twojej marki. Jeśli prowadzisz komiczną stronę internetową, umieść zabawne obrazki lub tekst. Jeśli masz witrynę finansową, będziesz chciał zamieszczać poważne i profesjonalne treści, które podkreślą Twoją wiarygodność i uczciwość. Pozostań wierny głosowi swojej marki podczas tworzenia strony 404.

Dostosuj doświadczenie

Unikaj używania ogólnego szablonu pustego ekranu na stronach 404. Zamiast tego zaprezentuj interaktywne elementy lub treści, które są unikalne dla Twoich produktów i usług.

Kilka przedstawionych tutaj przykładów tylko wzmacnia ton i styl marki, więc zrób to samo dla swojej witryny.

Jeśli jest to zbyt skomplikowane, możesz zatrudnić programistę vue.js, aby opracował atrakcyjny i niepowtarzalny wygląd, który może być również klikalny i zabawny.

Daj ludziom nowe miejsca do odwiedzenia

Na koniec dodaj linki nawigacyjne, pasek wyszukiwania i przyciski mediów społecznościowych do swoich stron 404. Pomoże to odwiedzającym znaleźć treści, których szukali, jeśli nie wylądowali na właściwej stronie. Ponadto możesz wykorzystać to jako okazję do przyciągnięcia większej liczby użytkowników, dodając formularze subskrypcji biuletynu, wezwania do działania lub posty na blogu, aby zachęcić ludzi do czytania.

Chodzi o to, że użytkownik będzie kontynuował swoją podróż po Twojej stronie, zamiast ją opuszczać.

Zwiększ szybkość swojej witryny

Szybkość witryny jest kluczowym czynnikiem wpływającym na wygodę użytkownika i należy o tym pamiętać nawet w przypadku stron 404. Gdy użytkownik trafi na nieistniejącą stronę, oczekuje szybkiego przekierowania na właściwą stronę lub przynajmniej uzyskania pomocnych informacji lub opcji.

Jeśli jednak strona 404 ładuje się w nieskończoność, osoba odwiedzająca witrynę prawdopodobnie będzie sfrustrowana i całkowicie z niej zrezygnuje.

Ponownie, tutaj zarządzany hosting WordPress EasyWP robi różnicę.

EasyWP to wydajne i niezawodne rozwiązanie hostingowe zaprojektowane z myślą o szybkim ładowaniu stron. Popraw wrażenia użytkownika, zapewniając szybkie i niezawodne ładowanie stron 404.

Zadbaj o to, by Twoi goście zostali na dłużej

Jeśli chodzi o projektowanie treści internetowych, doświadczenie użytkownika powinno zawsze być najwyższym priorytetem. Jeśli odwiedzający spotkają się z mylącym i frustrującym doświadczeniem, nie pozostaną długo.

Zepsute linki i ślepe zaułki to niezawodne sposoby na ich odepchnięcie. Dlatego tak ważne jest, aby strony 404 (czyli strony błędów) były atrakcyjne i zawierały informacje.

Nie pozostawiaj odwiedzających witryny w zawieszeniu — zapewnij im interaktywne elementy i pomocne wskazówki, jak postępować. Stwórz zabójcze strony 404, Twoi goście będą Ci za to wdzięczni!

Mówiąc o stronach błędów, czy kiedykolwiek martwiłeś się, że Twoja witryna została oznaczona przez Google jako niebezpieczna? Jeśli tak, dowiedz się, jak rozwiązać problem z ostrzeżeniem o wprowadzającej w błąd witrynie w Twojej witrynie.

Syed Balkhi jest założycielem WPBeginner, największej bezpłatnej witryny z zasobami WordPress. Z ponad 10-letnim doświadczeniem jest wiodącym ekspertem WordPress w branży. Możesz dowiedzieć się więcej o Syedzie i jego portfelu firm, śledząc go w sieciach społecznościowych.