Jak stworzyć świetną stronę 404 dla swoich użytkowników?

Dotarcie do strony 404 nie jest przyjemnym doświadczeniem. Są jednak rzeczy, które możesz zrobić, aby upewnić się, że nie jest to ostateczne doświadczenie użytkownika z Twoją witryną.

Aby zaprojektować świetną stronę 404, musisz wiedzieć, które elementy są najbardziej przydatne dla użytkowników i mogą wyróżnić Twoją stronę.

Oto lista 6 funkcji, które pomogą Ci w pełni wykorzystać stronę 404.

Co to jest kod 404?

404 to jeden z kodów stanu HTTP, który pojawia się, gdy nie można znaleźć strony.

404 należy do grupy 4xx, co oznacza, że ​​jest to błąd po stronie klienta. Dokładniej oznacza to, że klient dotarł do twojego serwera, ale serwer nie znalazł żądanego pliku.

Kod 404 może pojawić się z różnych powodów, takich jak:

• Strona została usunięta,
• Użytkownik popełnił literówkę podczas wpisywania adresu URL,
• Link prowadzący do strony był nieprawidłowy.

Bez względu na przyczynę kodu 404, użytkownicy nie będą mogli uzyskać dostępu do strony, ponieważ po prostu nie można jej znaleźć.

Strona, którą użytkownik zobaczy zamiast brakującej strony, jest pod Twoją kontrolą. Twoje opcje obejmują:

• Standardowa strona 404 lub
• Niestandardowa strona 404.

Standardowa, niedostosowana strona 404 może zawierać prosty fragment tekstu na białym tle z napisem „Nie znaleziono”. Twój serwer automatycznie generuje tę stronę.

Z drugiej strony możesz dostosować swoją stronę 404 – zaprojektuj ją tak, aby pasowała do reszty witryny i wybierz elementy, które chcesz uwzględnić.

Dlaczego powinieneś zbudować niestandardową stronę 404

Dobrze zaprojektowana niestandardowa strona 404 jest korzystna zarówno dla użytkowników, jak i dla Twojej firmy.

Gdy użytkownik wchodzi na standardową stronę 404, rozumie tylko, że coś poszło nie tak i strona nie została znaleziona. Nie wiedzą, co się stało ani co powinni dalej zrobić.

W rezultacie Twój klient może opuścić Twoją witrynę bez zaspokojenia swoich potrzeb. To jest dalekie od ideału. Użytkownik nie był zadowolony ze swojego wyszukiwania, a Ty straciłeś jego firmę.

Dzięki niestandardowej stronie 404 możesz zmienić domyślną, nieprzydatną stronę w coś przydatnego zarówno dla użytkowników, jak i dla Twojej firmy.

Niestandardowa strona 404 umożliwia:

• Pomóż użytkownikom znaleźć informacje, których szukają,
• Zachęć użytkowników do eksploracji Twojej strony,
• Pokaż głos i kreatywność swojej marki.

Dodatkowo, utworzenie niestandardowej strony 404 jest zalecane przez Google .

Jeśli masz dostęp do plików konfiguracyjnych serwera, możesz sprawić, że te strony błędów będą przydatne dla użytkowników, dostosowując je. Dobra niestandardowa strona 404 pomaga użytkownikom znaleźć informacje, których szukają, a także zapewnia inne przydatne treści, które zachęcają do dalszego przeglądania Twojej witryny.

źródło: Google

Cytat wyraźnie stwierdza, że ​​Google uważa niestandardową stronę 404 za pomocną dla użytkownika i zachęca właścicieli witryn do dostosowania swoich stron 404.

Jak zbudować świetną niestandardową stronę 404

Nawet jeśli w pełni dostosujesz swoją stronę 404, upewnij się, że serwer nadal zwraca kod stanu 404 HTTP. Złą praktyką jest skonfigurowanie kodu 200, sugerującego pomyślną odpowiedź, gdy strona faktycznie nie istnieje.

Przy podejmowaniu decyzji, co umieścić na stronie 404, jednym z podstawowych elementów jest komunikat wyraźnie informujący, że jest to strona błędu . W przyjazny i bezpośredni sposób poinformuj użytkowników, że coś poszło nie tak.

Ale to dopiero początek. Oto główne funkcje, które możesz dodać do swojej niestandardowej strony 404, aby była bardziej użyteczna:

• pasek wyszukiwania,
• Lista zasobów dostępnych na Twojej stronie,
• przycisk CTA,
• Linki do Twoich najlepszych treści,
• Projekt zgodny z Twoją marką.

Kluczem do dobrej strony 404 jest jej przydatność dla użytkowników. Nie musisz uwzględniać wszystkich elementów z powyższej listy – tylko te, które pomogą Twoim użytkownikom odnaleźć się w Twojej witrynie.

Wyczyść komunikat o błędzie

Dobra strona 404 powinna zawsze zawierać jasny komunikat, że jest to strona błędu. Bez względu na to, jaki projekt wybierzesz, zawsze powinieneś poinformować użytkowników, że coś poszło nie tak i strona nie została znaleziona.

Ikea robi to bardzo dobrze. Przekazują jasny komunikat, który zawiera zarówno kod 404, jak i krótkie wyjaśnienie, dzięki czemu jest on łatwo zrozumiały dla użytkowników.

Pasek wyszukiwania

Pasek wyszukiwania pozwala użytkownikom poszukującym określonych treści na wykonanie kolejnego ujęcia i wyszukanie tego, czego szukali w Twojej witrynie.

Dobrym przykładem strony 404 z paskiem wyszukiwania jest Moz.com:

Jeśli więc szukałeś czegoś konkretnego na Moz.com, ale tego nie znalazłeś, możesz ponownie zajrzeć na stronę 404.

Lista zasobów

Jeśli użytkownik znalazł się na stronie 404, ale nie miał na myśli konkretnej rzeczy do wpisania w pasku wyszukiwania, możesz podać listę zasobów, które można znaleźć w Twojej witrynie.

Backcountry ma niestandardową stronę 404 o prostym wyglądzie, która pasuje do witryny i listy niezbędnych stron.

Ta strona jest nie tylko pomocna dla użytkowników, ale także pozwala Backcountry pochwalić się swoją zawartością i zachęcić ludzi do eksploracji witryny.

Innym przykładem strony 404 z listą zasobów jest Tripadvisor. Dzięki odrobinie humoru i czterem prostym przyciskom strona Tripadvisor zapewnia łatwą opcję przeglądania sekcji, które mogą najbardziej zainteresować użytkowników.

Przycisk wezwania do działania

Dołączając przycisk CTA, możesz pokazać użytkownikom kolejny krok, jaki mogą wykonać.

Najprostszym zastosowaniem przycisku CTA jest skierowanie użytkowników na Twoją stronę główną . Prosty, ale skuteczny sposób udzielania użytkownikom wskazówek.

Oto przykład strony 404 Netflix z przyciskiem CTA prowadzącym do ich strony głównej.

Innym rozwiązaniem jest dodanie przycisku CTA „Skontaktuj się z nami” . Na przykład, jeśli użytkownik przyszedł z konkretnym pytaniem, a strona 404 uniemożliwiła uzyskanie odpowiedzi, może chcieć skontaktować się z Tobą, aby zapytać o szczegóły.

Użytkownicy mogą również skorzystać z opcji „Skontaktuj się z nami”, aby zgłosić Ci błąd.

Kinsta zawiera zarówno przycisk „Strona główna”, jak i przycisk „Skontaktuj się z nami”. Użytkownicy mogą przejść przez stronę internetową lub skontaktować się z firmą. Tym samym stanowi rozwiązanie dla osób, które chcą poznać serwis lub znaleźć odpowiedź na konkretne pytanie.

Przycisk wezwania do działania powinien pomagać użytkownikom, ale także odpowiadać Twoim celom biznesowym. Na przykład możesz dołączyć opcję pozostawienia wiadomości e-mail i subskrypcji biuletynu.

9gag wykorzystuje swoją stronę 404, aby zachęcić ludzi do pobrania swojej aplikacji. Dodanie gifa w tle idealnie pasuje do stylu 9gag.

Linki do najlepszych treści

Twoje popularne treści mają największe szanse na utrzymanie zaangażowania użytkowników. Daje Ci możliwość przyciągnięcia uwagi użytkowników, zanim opuszczą Twoją stronę 404.

Linki do Twoich najpopularniejszych treści mogą być szczególnie korzystne dla witryn eCommerce, ponieważ możesz promować swoje najlepiej sprzedające się produkty na stronie, która w przeciwnym razie jest nieco ślepa.

Doskonały przykład strony 404, która prezentuje najlepsze treści, znajduje się na stronie Urban Outfitters . Posiada sekcję „Najpopularniejsze” z możliwością natychmiastowego zakupu przedmiotów.

Tożsamość marki

Dostosowując swoją stronę 404 i dopasowując ją do projektu swojej witryny, możesz pokazać, że naprawdę zależy Ci na całości podróży klienta po Twojej witrynie.

Strona 404 może pokazać ton i osobowość Twojej marki. Kreatywny projekt, który pasuje do stylu witryny, może wywołać uśmiech na twarzy, a może nawet zachęcić ich do udostępnienia strony znajomym.

Pixar używa jednej ze swoich dobrze znanych postaci na stronie 404. Mimo że strona nie oferuje rozbudowanych funkcji nawigacyjnych, grafika i sympatyczny przekaz doskonale wpisują się w styl marki.

Oprócz przycisku „Zabierz mnie do domu”, Canva zawiera małą łamigłówkę, z której mogą korzystać użytkownicy. Swoją kreatywnością i wyjątkowością wyróżnia się na tle innych stron. To zabawna alternatywa dla standardowej strony 404.

Zawijanie

Nie zostawiaj użytkowników samych ze standardową stroną 404.

Użytkownicy nigdy nie powinni pozostać bez informacji o tym, co się stało i co powinni zrobić dalej.

Zamiast tego staraj się tworzyć dobre wrażenia w całej witrynie. Obejmuje to strony błędów.