Projektowanie intuicyjnych i przyjaznych dla użytkownika stron 404

Wszyscy w pewnym momencie weszliśmy w interakcję ze stroną 404.

Strony te pojawiają się, gdy link jest uszkodzony, strona jest usunięta lub gdy użytkownik nieprawidłowo wpisał adres strony. Ale bez względu na przyczynę pozostaje to błąd, który należy naprawić. Ponadto uszkodzone linki szkodzą rankingowi witryny, a to nie jest to, czego potrzebujesz. Aspekt SEO Twojej witryny jest niezwykle ważny, więc nie chcesz tracić ruchu tylko dlatego, że zapomniałeś obserwować powiadomienia 404.

Chociaż jasne jest, że strony 404 muszą zostać naprawione jak najszybciej, nigdy nie można przewidzieć, kiedy użytkownik napotka uszkodzony link. Aby więc być gotowym i zmienić negatywne wrażenia w pozytywne, musisz dostosować swoje strony 404 i uczynić je przyjaznymi dla użytkownika i intuicyjnymi.

Gotowy, aby nauczyć się, jak zamienić zło w dobro? Dowiedzmy się tego.

Dostosuj stronę 404 do swojej witryny

Wyobraź sobie, że przeglądasz niesamowicie kolorową i atrakcyjną stronę internetową z mnóstwem interaktywnych elementów i nagle natrafiasz na pustą stronę ze zwykłym komunikatem „404 nie znaleziono strony”.

Trochę budzika, prawda?

Strona 404 nie powinna być niemiłą niespodzianką, dlatego tak ważne jest, aby jej projekt był taki sam jak ogólny układ witryny.

W tym celu utrzymuj wygląd strony 404 taki sam jak wygląd innych stron, w tym tło, kolory, czcionki i inne elementy (jeśli dotyczy). Ponadto wiele serwisów wykorzystuje stronę 404 jako okazję do podkreślenia marki i ponownego przypomnienia o niej użytkownikom.

Projektując stronę 404 dla swojej witryny, zwróć uwagę na przekaz. Dobrze skomponowany przekaz to dobra okazja, by zamieścić sprytną kalambur lub w dyskretny sposób przypomnieć użytkownikom o swoich produktach/usługach.

Wyjaśnij, co się stało

Jeśli spojrzymy na domyślną stronę 404 pod Apache, zobaczymy co następuje:

I to wszystko. Użytkownik nie ma pojęcia, co się właściwie wydarzyło i co dalej.

Ponieważ dbasz o swoich klientów i chcesz odrzucić wszelkie nieprzyjemne doświadczenia, podaj wyjaśnienie błędu. Głównymi powodami 404 są zwykle:

• Użytkownik coś błędnie wpisał,
• Link jest uszkodzony,
• Strona nie istnieje,
• Połączenie z serwerem jest zerwane.

Oczywiście nie musisz wymieniać wszystkich wyżej wymienionych kwestii. Tylko upewnij się, że twoje wyjaśnienie jest zrozumiałe.

Szczerze mówiąc o problemie, przekonasz użytkowników i zachęcisz ich do pozostania na stronie i kontynuowania jej przeglądania.

Stwórz angażującą wiadomość

Strona 404 to doskonała okazja dla marki do zaprezentowania swojej tożsamości poprzez dobrze skonstruowany przekaz.

Najlepsze 404-stronicowe przykłady często zawierają:

• Kalambury
• Wiadomość związana z produktami lub usługami witryny
• Osobisty apel,
• Nawiązania do popkultury i rozpoznawalnych wydarzeń.

Ponieważ strona 404 jest domyślnie błędem, musisz przekształcić ją w coś zupełnie przeciwnego, czyli pozytywnego i zabawnego doświadczenia.

GitHub wykonał świetną robotę, jeśli chodzi o zaprojektowanie strony 404. Wykorzystał stereotyp dotyczący twórców i ich zamiłowania do sagi „Gwiezdne wojny” i wykorzystał to na swoją korzyść, sprawiając, że zarówno elementy wizualne, jak i przekaz na stronie są natychmiast rozpoznawalne nawet przez osoby, które nie oglądały żadnego filmu o Gwiezdnych wojnach.

Zaproponuj działanie do podjęcia

Wezwanie do działania jest naprawdę ważne i jest absolutną koniecznością w przypadku 404-stronicowego projektu.

Użytkownik nigdy nie powinien pozostać z pustą stroną i zerowym wyborem. Więc nawet jeśli wydarzy się coś takiego jak 404, zaproponuj alternatywę, która doprowadziłaby do obopólnych korzyści.

Niektóre z najpopularniejszych CTA dla strony 404 to:

• pasek wyszukiwania
• strona główna
• najlepsze produkty/usługi
• zapisz się na produkt lub newsletter
• oferta bezpłatnego okresu próbnego

Zwróć uwagę na projekt przycisków CTA. Muszą być łatwo dostrzegalne i nie powinny zlewać się z tłem, w przeciwnym razie użytkownik ich nie zauważy. Pomyśl też o komunikacie przycisku CTA: zamiast frazesów typu „Kliknij tutaj” wybierz coś bardziej kreatywnego („Zobacz, co mamy”).

Dodaj pasek wyszukiwania

Użytkownik trafił na stronę 404, ponieważ czegoś szukał. Dlatego zaoferuj im opcję, aby spróbować jeszcze raz, dodając pasek wyszukiwania na stronie.

Możesz wesprzeć go komunikatem typu: „Wygląda na to, że nigdzie nie można znaleźć twojego zapytania… Dlaczego nie spróbować ponownie?” Dobrze napisane wezwania do działania mają wysoki wskaźnik zaangażowania i działają dobrze w połączeniu z obrazami.

Ponadto dodaj tekst podpowiedzi do paska wyszukiwania. Pasek z tekstem zyskuje większe zaangażowanie niż pusty.

Dodaj punkty wyjścia

Pasek wyszukiwania na stronie 404 to za mało. Co jeśli użytkownicy nie są pewni, czego potrzebują?

Dodaj „Strona główna” lub inne odpowiednie przyciski, aby przejść użytkownika od strony 404 do potencjalnej konwersji. Możesz również dodać przycisk „Skontaktuj się z nami”, aby zwiększyć niezawodność.

Niektóre firmy wykorzystują stronę 404 jako okazję do przypomnienia o swoich produktach i usługach oraz umieszczenia odpowiednich linków na stronie.

Pokaż swoje produkty/usługi

Jeśli na przykład prowadzisz sklep e-commerce, możesz umieścić swoje najlepiej sprzedające się produkty na stronie 404, aby dać użytkownikom szansę na odkrycie Twoich najlepszych produktów i (miejmy nadzieję!) ich zakup.

Jeśli chodzi o inne strony, na pewno możesz zaoferować swoim użytkownikom coś wartościowego. Może to być bezpłatna wersja próbna produktu, oferta zapisania się na kurs lub przewodnik po przydatnych obszarach witryny.

Niech to będzie zabawne

Jak już powiedzieliśmy powyżej, strona 404 jest negatywnym doświadczeniem, ponieważ użytkownik nie uzyskał zamierzonego rezultatu. Aby rozwiązać problem, spraw, aby strona była interaktywna lub dodaj do niej zabawny element.

Nawet jeśli pozycjonujesz się jako wysoce profesjonalna marka, odrobina humoru nie zaszkodzi. Ponadto wiele firm dodaje grywalizację i filmy do swojej strony 404, aby zaangażować użytkownika i zapewnić mu rozrywkę.

Śledzenie błędu 404

Błąd 404 nie jest sprawą użytkownika. Ale Twoim zadaniem jest go śledzić i zidentyfikować przyczynę błędu oraz drogę użytkownika.

Przy wyborze narzędzia do śledzenia błędów 404 należy pamiętać o kilku rzeczach.

Rozważ wszystkie źródła błędów 404

Błąd 404 niekoniecznie musi znajdować się na Twojej stronie – klient może otworzyć stary newsletter i kliknąć link lub może pojawić się w wynikach wyszukiwania w Google.

Dlatego wybierając narzędzie do monitorowania błędów, sprawdź, czy wyszukuje ono wszędzie błędy 404, abyś mógł je wszystkie naprawić.

Raport o koszcie błędu 404

Jako właściciel witryny prawdopodobnie masz milion rzeczy do zrobienia, a naprawa błędów 404 może nie znajdować się na szczycie Twojej listy.

Dlatego potrzebujesz narzędzia, które poinformuje Cię, ile kosztują błędy 404. I nie mówimy tutaj o pieniądzach – może to być procent utraconych konwersji, zwiększony współczynnik odrzuceń, liczba utraconych użytkowników.

Gdy zobaczysz, jak błędy 404 wpływają na Twoją firmę, łatwiej będzie ustalić priorytety zadań i przenieść błędy 404 w górę lub w dół listy.

Stały monitoring

Błąd 404 nie jest czymś, co zdarza się regularnie. Może się zdarzyć, że radzisz sobie doskonale, a wtedy nagle użytkownik otrzyma błąd 404.

Dlatego Twoje narzędzie śledzące powinno stale monitorować błędy 404 i natychmiast powiadamiać Cię o ich znalezieniu. W ten sposób będziesz w stanie naprawić go na czas i wyeliminować ryzyko, że inni użytkownicy natkną się na stronę 404.

Rodzaje narzędzi śledzących

Istnieją różne rodzaje dostępnych narzędzi śledzących, które pomogą Ci zlokalizować błąd 404 i skutecznie go naprawić.

Narzędzia do indeksowania

Narzędzia do indeksowania, takie jak Screaming Frog, są idealne do szybkiego skanowania witryny i sprawdzania, czy nie ma uszkodzonych linków.

Narzędzia te analizują linki w Twojej witrynie i informują, które z nich są uszkodzone i co jest źródłem błędu. Ponadto narzędzia do indeksowania są zwykle łatwe w zarządzaniu i instalacji.

Największą wadą takich narzędzi jest to, że analizują tylko linki na Twojej stronie – a pamiętasz, co powiedzieliśmy o znaczeniu zaawansowanej analizy? Ponadto narzędzia indeksowania nie informują o kosztach błędu 404, a jedynie pomagają go zidentyfikować.

Narzędzie do indeksowania jest zdecydowanie przydatne i powinieneś je regularnie wdrażać, aby upewnić się, że wszystko jest w porządku z Twoim sklepem. Nie zapomnij jednak o regularnej i zaawansowanej analizie, aby upewnić się, że nie ma innych błędów, które mogłeś pozostawić niezauważone.

Narzędzia linków zwrotnych

W przeciwieństwie do narzędzi indeksujących, narzędzia z linkami zwrotnymi skupiają się na zewnętrznych źródłach, które prowadzą użytkowników do uszkodzonych linków w Twojej witrynie.

Link Explorer firmy Moz to jedno z narzędzi, które pomagają znaleźć strony internetowe, które przekierowują użytkowników do Twojej witryny. Taka analiza jest bardzo pomocna dla Twojego SEO, ponieważ możesz wyeliminować linki 404 i poprawić ranking swojej witryny.

Ale znowu, podobnie jak w przypadku narzędzi do indeksowania, narzędzia do śledzenia linków zwrotnych obejmują tylko jeden aspekt identyfikacji uszkodzonych linków. Jeśli chcesz znaleźć wszystkie linki błędu 404, w tym te w starych biuletynach lub w mediach społecznościowych, będziesz potrzebować bardziej kompleksowej analizy.

Śledzenie za pomocą Google Analytics

Jednym z najczęstszych i najskuteczniejszych sposobów śledzenia błędu 404 stron jest Google Analytics.

W tym celu musisz skopiować ten kod:

<script>  
   // Create Tracker - Send to GA
   // Replace UA-11111111-11 with your own Tracking ID
 ga('create', 'UA-11111111-11');
   ga('send', {
     hitType: 'event',
     eventCategory: '404 Response',
     eventAction: window.location.href,
     eventLabel: document.referrer
});
</script>

i dodaj go do strony/szablonu błędu 404. Pamiętaj tylko, aby w kodzie wkleić identyfikator swojego konta Google.

Następnie będziesz mógł zobaczyć, które dokładne adresy URL powodują błąd 404 i skąd ludzie je otrzymują.

I wreszcie: napraw problem!

Wypadki się zdarzają i to jest fakt. Lepiej mieć dobrze wyglądającą stronę 404 z wyprzedzeniem niż gorączkowo naprawiać problem, podczas gdy zirytowani użytkownicy czekają.

Jednak 404 jest błędem i należy go naprawić. W zależności od priorytetu błędu możesz przekierować link, przywrócić stronę lub poprawić link źródłowy. Ponadto wykonaj następujące czynności:

• Wprowadzaj automatyczne i regularne raporty 404, aby mieć oko na strony 404 i na czas je naprawiać,
• Ustaw powiadomienia w czasie rzeczywistym na 404,
• Przeprowadź audyt, aby zidentyfikować wszelkie uszkodzone linki.

Podsumowując, przyjazna dla użytkownika strona 404 powinna przynosić użytkownikowi wartość, być spójna pod względem ogólnego projektu witryny i ułatwiać poruszanie się po witrynie. Przestrzegając tych zasad, utrzymasz użytkowników i jednocześnie zwiększysz konwersje.