Jak skorzystać ze strony 404?

Czy kiedykolwiek napotkałeś błąd Nie znaleziono (404) na jakiejkolwiek stronie internetowej? Czy wiesz, że masz możliwość konwersji tych odwiedzających, którzy trafili na nie znalezione strony? Ten artykuł pomoże Ci skorzystać ze strony 404.

Jeśli nie masz skonfigurowanego narzędzia Google Analytics do śledzenia strony 404. Oto oficjalny blog, który zakłada go dla Twojej witryny.

Jeśli wiesz, że sieć działa na protokole HTTP. Serwer sieciowy zwróci odpowiedni kod stanu HTTP dla każdego żądania zasobów.

Istnieją cztery podstawowe kody statusu HTTP, które możesz potrzebować i są to 200 – Znaleziono , 301 – Przeniesiony na stałe , 404 – Nie znaleziono , 500 – wewnętrzny błąd serwera . 404 – nie znaleziono i 500 – wewnętrzny błąd serwera to dwa z najczęściej wyświetlanych kodów stanu.

Jedyną różnicą między 404 i 500 jest to, że serwer sieciowy wyświetli przypisaną stronę błędu w przypadku nieznalezienia błędu 404, podczas gdy w przypadku 500 nie ma wygenerowanych przez serwer danych wyjściowych, ponieważ serwer sieciowy napotyka jakiś błąd konfiguracji.

Błąd 404 może wystąpić z różnych powodów, takich jak prośba o zasób, który nigdy nie istniał w Twojej witrynie, żądanie usunięcia strony/zasobu lub żądanie zasobu z błędem lub literówką w URI.

W niektórych przypadkach chcesz usunąć te nieaktualne strony, posty i zasoby multimedialne. A posiadanie błędów 404 w tym przypadku jest naturalnym procesem. Nie ma w tym nic złego.

Jeśli zrobisz trochę badań, odkryjesz, że większość stron internetowych ma statyczną stronę 404 w miejscu. W każdym przypadku nieznalezienia błędu zostanie wyświetlona ta sama strona. Jeśli projektant jest wystarczająco doświadczony, mógł umieścić małą nawigację do linku/przycisku głównego.

Co powiesz na zrobienie dodatkowego kilometra ze swoimi stronami 404? Co zrobić, jeśli Twoja strona 404 będzie trochę interaktywna? Zbadajmy możliwości.

Oto cztery sposoby na przekształcenie statycznej strony 404 w bardziej interaktywną:

1. Strona 404 z najtrafniejszym linkiem wyszukiwanym przez użytkownika
2. Strona 404 z najlepszymi darmowymi ofertami
3. Strona 404 z asystentami linków
4. Strona 404 z linkami, które chcesz promować

01. Strona 404 z najtrafniejszym linkiem wyszukiwanym przez użytkownika:

Wiedza o tym, czego użytkownicy szukali w Twojej witrynie, jest kluczowa. Udostępnianie użytkownikowi właściwych linków do najlepiej dopasowanych zasobów prawdopodobnie zapewniłoby najlepsze wrażenia użytkownika, jakie możesz zapewnić odwiedzającemu.

Może pojawić się pytanie, skąd wiesz, czego szukał użytkownik i jak sugerowałbyś linki na podstawie jego wyszukiwania?

Cóż, rozwiązanie może początkowo wyglądać na skomplikowane, ale nie jest tak skomplikowane do opracowania. Jeśli jesteś programistą, wiesz, że możesz wyodrębnić żądany ciąg zasobów i sprawdzić wyrażenie regularne w odniesieniu do zasobów, które masz w swojej witrynie.

Na przykład oferujesz usługę naprawy głośników dla wszystkich większości marek produkujących audio. Na Twojej liście znajdują się na przykład głośniki Bose X1. Ale odwiedzający odwiedza Twoją witrynę z Bose X10 jako żądanym zasobem. Nie ma głośnika o nazwie Bose X10, więc naturalnie nie może się on znajdować na Twojej liście.

Na stronie 404 można wyświetlić listę wszystkich naprawianych głośników BOSE. A jeśli to możliwe, umieść te głośniki z serii BOSE X na liście jako pierwsze.

Może to być najlepszy sposób na przejście użytkownika do właściwej strony, pomimo trafienia na stronę 404. Szanse na konwersję tej strony 404 są bardzo duże. Pomogłeś mu przejść do właściwej strony.

Dodatkowo pomoże Ci to również obniżyć współczynnik odrzuceń Twojej witryny. Jeśli nie wyświetlasz sugerowanych linków do najlepiej dopasowanej strony, istnieje duże prawdopodobieństwo, że odwiedzający cofnie się lub opuści Twoją witrynę.

02. Strona 404 z najlepszymi darmowymi ofertami:

Załóżmy, że wyświetlanie najtrafniejszego linku nie jest możliwe w przypadku Twojej witryny. Albo nie chcesz zagłębiać się w kodowanie. To może być najlepsza opcja na początek.

Gdy odwiedzający przejdzie na stronę 404 Twojej witryny, pokaż mu komunikat, że przepraszasz, że szukany przez niego zasób jest niedostępny.

Zaraz po tekście przeprosin pokaż im najlepszą ofertę działającą na Twojej stronie. To może być jak zaoferowanie 5% lub 10% rabatu na swój najgorętszy produkt lub zaoferowanie czegoś wartościowego za darmo w zamian za wiadomość e-mail.

To może być najlepszy sposób, aby wszyscy odwiedzający byli zaangażowani w inne produkty lub oferty, którzy trafili na stronę 404!

03. Strona 404 z pomocą linków:

Chociaż zawsze możesz wyświetlić nawigację na stronach 404. Ale jest bardzo prawdopodobne, że odwiedzający przejdzie do twojego panelu nawigacyjnego, zidentyfikuje stronę, którą chciałby odwiedzić i wyląduje na tej stronie! Większość z nich po prostu wyjeżdża.

Możesz mieć projekt strony 404 w taki sposób, aby zawierał wszystkie ważne linki do różnych zasobów Twojej witryny wraz z wyraźnym komunikatem o błędzie 404.

Może to pomóc użytkownikowi zrozumieć, że trafił na niewłaściwą stronę. To 404, ale ma listę linków wyświetlających wszystkie ważne zasoby na stronie, które może odwiedzić.

04. Strona 404 z linkami, które chcesz promować:

To cholernie proste, wystarczy umieścić linki, które mają odwiedzać Twoi goście, na 404 stronach. Nie sugerowałbym pójścia tą ścieżką sam. Może być mieszaniną sugestii 03 i 04, która może działać.

Utrzymywanie linków do stron, które naprawdę chcesz promować na stronie 404, z pewnością pomoże Ci zwiększyć liczbę odwiedzin na tych stronach. Minusem jest to, że generujesz więcej obojętnych wizyt, które mogą przyczynić się do wysokiego współczynnika odrzuceń.

Jedyną sugestią, jaką chciałbym tutaj uczynić, jest to, że jeśli pójdziesz tą ścieżką, proszę mieć co najmniej jedną ofertę, która jest albo bezpłatna, albo bardzo ogólna z natury. Oznacza to, że każdy będzie w stanie odnieść się do oferty, którą składasz. Jest albo bardzo przystępny cenowo, albo darmowy, co pomoże ci poprawić zaangażowanie.

Popularne przykłady kreatywnych stron 404

Jeśli szukasz inspiracji podczas tworzenia strony 404 dla swojej witryny, oto kilka moich ulubionych przykładów strony 404.

Wufoo

Wufoo to jedna z najpopularniejszych usług integracji formularzy kontaktowych w Internecie. Obserwuj ogólny motyw strony i zielony przycisk odróżniający się od reszty strony!

Dinozaur reprezentuje nieznalezioną wiadomość i spójrz na przycisk UTWÓRZ FORMULARZ ZA DARMO Wezwanie do działania. Wyraźnie skłania użytkownika do naciśnięcia przycisku i podjęcia działania również na nie znalezionej stronie.

Zamiast trzymać nawigację na górze, użyli wybranych elementów nawigacji pod przyciskiem CTA.

AirBnB

Zobacz, jak AirBnB reprezentuje wszystko, od jasnego komunikatu 404, nie znaleziono ilustracji i linku nawigacyjnego pod maleńkim obszarem!

Użytkownik, który zgubił się na stronie AirBnB, wyląduje na tej stronie, ta strona ma wszystkie niezbędne wskazówki (linki), aby odesłać użytkownika z powrotem do ważnych stron i utrzymać go w witrynie.

Szympans pocztowy

Mailchimp, bardzo popularna platforma do e-mail marketingu, ma piękną stronę 404 na swoim miejscu. Użyli Małpy ze stylizacją przypominającą hulk, która została zastosowana do tych, którzy wydają się zagubić w lesie.

Użytkownik, który wylądował na tym 404, otrzymuje jasny komunikat z ilustracją, jasny komunikat, po którym następuje ilustracja.

Najlepsze jest to, że wiedzą, że użycie zgubiło się, więc może znaleźć pasek wyszukiwania zaraz po nie znalezionej wiadomości. Użytkownik może być w stanie wyszukać dowolny zasób, którego szukał wcześniej, korzystając z wyszukiwania.

Jeśli wyszukiwanie nie jest czymś, co wolisz znaleźć lub zlokalizować zasób, zawiera piękną nawigację tuż pod paskiem wyszukiwania!

Bitly

Bitly to jedna z najpopularniejszych usług skracania adresów URL z kilkoma fajnymi funkcjami, takimi jak niestandardowe branding i analiza kliknięć.

Najwyraźniej mają piękną i znaczącą stronę 404 na swoim miejscu! Jeśli poświęcisz kilka sekund, zauważysz, że projektantka trzymała ocean pusty. Oznacza to, że w wodzie nie ma nic, co daje jasną ilustrację tego, że nic nie znaleziono dla żądanego zasobu.

Brak panelu nawigacyjnego w nagłówku. Strona pokazuje komunikat o błędzie, a następnie trzy proste i najbardziej podstawowe łącza nawigacyjne na dole.

Aby uczynić rzeczy bardziej interaktywnymi, zespół projektowy stworzył efekt fali w przypadku ruchu myszy. Odwiedź stronę, aby tego doświadczyć.

Cooklet

Piękna ilustracja pustego talerza w Cooklet jasno pokazuje, że to, czego szukasz, nie istnieje.

O nie! Wraz z pustą tabliczką przekaż wiadomość nie znalezioną. Ciekawostką jest to, że utworzyli link akcji Get Back (powrót historii javascript) i link do strony głównej dostępny pod nieznalezioną wiadomością.

Dodatkowo utrzymują nagłówek z nienaruszonym paskiem wyszukiwania. Oznacza to, że użytkownik, który chce nawigować inną niż poprzednia lub strona główna, będzie mógł łatwo zlokalizować zasoby.

Czy przetestowałem któryś z nich?

Powyżej znajduje się obraz strony 404 mojej własnej witryny. Początkowo nie miałem żadnych przycisków ani linków na mojej stronie 404. To była zwykła strona 404 pokazująca komunikat o błędzie, że to!

Dodałem przycisk, który odróżnia się od pozostałych elementów strony i motywuje odwiedzającego do jego naciśnięcia. Naciśnięcie go przenosi użytkownika z powrotem na stronę główną. Prosty przycisk pomógł mi przyciągnąć odwiedzających na stronę główną mojej witryny i utrzymać ich zaangażowanie w witrynie.

Niedługo planuję dodać bardziej dynamiczne rzeczy do mojej strony, o której pisałem w punkcie #1.

Wniosek

Posiadanie 404 jest naturalną rzeczą dla każdej strony internetowej. Ale właściwe wykorzystanie strony 404 i przekształcenie tych 404 odwiedzających w klientów to prawdziwa mądrość. Omówione techniki pomogą Ci obniżyć współczynnik odrzuceń i poprawić zaangażowanie.