Jak zaprojektować idealną stronę 404 dla swojego sklepu eCommerce?

Przeniesione strony

Chociaż wydaje się to oczywiste, większość stron 404 pojawia się, gdy właściciele generalnie zmienili nazwę strony internetowej lub przenieśli ją. Stare adresy URL powinny być przekierowywane do nowej witryny z przekierowaniem 301, ale nie jest to konieczne.

Katalogi internetowe

Zmiana w katalogu WWW zmusza użytkowników do zmiany adresów URL lub gdy adresy URL są przenoszone/usuwane bez aktualizacji.

Linki wewnętrzne, które nie są aktualizowane w katalogu, mogą prowadzić do stron błędu 404. Ale po tych wszystkich problemach witryna stanowi tylko 17% z 404 problemów, z jakimi spotykają się odwiedzający. Tak więc niezależnie od tego, jak bardzo starasz się indeksować swoją witrynę, aby naprawić błędy lub skonfigurować przekierowania. Użytkownicy nadal będą przekierowywać do stron 404 bez Twojej winy:

Ogólnie rzecz biorąc, głównymi przyczynami stron błędów 404 są:

• Tylko 23% odwiedzających podejmuje drugą próbę znalezienia brakującej strony po napotkaniu strony 404.
• 79% odwiedzających, którzy nie są zadowoleni z wydajności witryny, twierdzi, że nie dokona ponownego zakupu w tej samej witrynie.
• Pozyskanie nowego klienta jest średnio pięć razy droższe niż utrzymanie istniejącego.

a. Zwiększ liczbę zindeksowanych stron swojej witryny w wyszukiwarkach:

Wraz ze wzrostem liczby stron w witrynie rośnie również liczba martwych linków. Możesz zwiększyć liczbę stron witryny indeksowanych przez strony 404. Wystarczy połączyć stronę błędu 404 z losowymi wewnętrznymi stronami Twojej witryny.

b. Zbuduj spójny wizerunek marki

My, ludzie, wolimy spójność. Po zapoznaniu się ze sklepem podświadomie zaczynamy mu ufać. Główny nacisk kładziony jest na powierzchnię. Ogólna strona 404 ma słabe wrażenia użytkownika. Nie możesz wyeliminować kodu statusu HTTP, ale możesz zidentyfikować problem i poprawić UX za pomocą niestandardowej strony błędu.

Pobierz plik dziennika i przechwyć informacje o problemie oraz kod odpowiedzi, aby odpowiednio sobie z nim poradzić. Jeśli użytkownik wylądował na martwym łączu Twojego sklepu, konieczne jest zaprezentowanie swojego zapachu. Projekt nie powinien zdziwić użytkownika, że ​​znajduje się w innej witrynie.

Krótko mówiąc, strona błędu 404 musi mieć podobny styl czcionki, kody kolorów, logo, nawigację, nagłówek i stopkę.

C. Ponowne zaangażowanie i niezadowoleni goście

Zastanów się, czy użytkownik trafił do Twojego sklepu, szukając informacji o konkretnym produkcie. Jednak po kliknięciu strony internetowej z wyników wyszukiwania nie wyświetla ona żadnej strony, na którą można odpowiedzieć, ale pokazuje stronę „nie znaleziono strony”. To sprawi, że użytkownik poczuje się okropnie.
Ale jeśli udostępnisz użytkownikowi link do strony w swojej witrynie, możesz ponownie zaangażować użytkownika. W ten sposób utrzymasz ich uwagę.

D. Pokaż osobowość swojej marki

Nie możesz zaprezentować się jako firma. Twoja marka powinna nadać ludzki charakter. Pokazując swoją osobowość, możesz lepiej nawiązać kontakt z grupą docelową. Interakcja użytkownika z Twoją witryną powinna sprawić, że poczuje się dobrze. Decyzje ludzkie podejmowane są w ułamku sekundy.

Dlatego powinieneś traktować stronę błędu 404 jako środek do wyrażenia siebie, sprawić, by odwiedzający czuli się dobrze i wzmocnić swoje relacje z odbiorcami. Uznaj frustrację klienta, zaakceptuj, że coś poszło nie tak. Stworzy to osobistą interakcję.

mi. Zwiększ współczynnik konwersji

Tworząc stronę błędu 404, akceptujesz swój błąd i zapewniasz użytkownikowi przyjemny czas w Twoim sklepie.

Niestandardowa odpowiedź strony błędu 404 prawdopodobnie usunie z mózgu użytkownika złą pamięć uszkodzonego linku w Twojej witrynie. I zwiększa to szanse, że dadzą ci drugą szansę. To bardziej jak hipoteza.

Ale możesz praktycznie zwiększyć współczynnik konwersji, oferując zniżkę na swoje strony 404. Tak, do konwersji użyj niestandardowej strony błędu. Kod stanu HTTP w ten sposób uwzględnia błędy w zarobkach.

1. Nawigacja

Pierwszą potrzebą użytkownika, który wylądował na stronie błędu 404, jest nawigacja. Powinieneś przekierować użytkowników na stronę, na którą chcą przejść. Najlepiej sprawdza się link do strony głównej lub innej odpowiedniej strony. Zapewniasz nawigację w pasku menu (która jest również obecna na innych stronach internetowych) jest również dobra. Jeśli to możliwe, możesz również użyć chatbotów do zapraszania zagubionych gości.

2. Dźwięk

Jak wspomnieliśmy powyżej, strona błędu 404 powinna również odzwierciedlać osobowość Twojej marki. Nie chcesz, aby użytkownicy, którzy wylądowali na Twoich stronach 404, czuli, że trafili na zupełnie inną witrynę. Temat i styl powinny być spójne.

3. SEO

Wszyscy wiemy, że strony błędów 404 są nieuniknione. Uszkodzone linki prowadzą do 404 stron i są nieuniknione. Ale strona 404, jeśli jest odpowiednio dostosowana, może zmniejszyć szkody, a nawet zmienić negatywne doświadczenie w pozytywne.

4. Kreatywność

Strona 404 daje najlepszą okazję do zaprezentowania swoich umiejętności twórczych. Możesz złamać żart, zaoferować interaktywność i wyświetlić interaktywne, zrelaksowane lub zabawne elementy.

1. Amazonka

Zdziwiłbyś się, wiedząc, że ponad 7000 psów zarejestrowało się legalnie do pracy w siedzibie firmy Amazon. Przyjazny zwierzętom charakter Amazona jest wirusowy, a firma z dumą dzieli się swoją kulturą przyjazną psom. Jest również prezentowany na stronie błędu 404.

Chociaż wszyscy podziwiają psy i uważają je za piękne, Amazon przenosi to na wyższy poziom, pokazując wizerunek psa amazońskiego, którego przywieźli do pracy. Ponadto na stronach 404 znajduje się link do domu i artykuł o innych psach, które mają. Użytkownicy trafiający na stronę błędu 404 w Amazonie mogą również skorzystać z paska wyszukiwania do eksploracji pożądanych produktów.

2. Ruch znaków eBay

eBayeBaysignificanthighly jest popularny i należy do najstarszych sklepów e-commerce na świecie. Firma przyjęła łatwy i subtelny projekt strony błędu 404, ale nadal jest przyjazny dla użytkownika. Użytkownicy mogą znaleźć na stronie popularne oferty, co zachęci ich do dalszego poruszania się po stronie i kupowania produktów. Oprócz tego dostępny jest pasek wyszukiwania i link do strony głównej.
Możesz odwołać się do strony eBay 404, ponieważ jest ona bardzo konwertująca i jest świetnym przykładem.

3. IKEA

Modna marka mebli z ogromnymi sklepami meblowymi na całym świecie, IKEA oferuje masową gamę produktów meblowych. Firma jest wysoce innowacyjna w zapewnianiu lepszych wrażeń zakupowych w aplikacji mobilnej, witrynie internetowej, a nawet na stronach 404.
Wykazali wyjątkowy poziom kreatywności na stronie błędu 404. Zastosowane elementy podkreślają pracę i markę firmy. Został połączony z bezpośrednią wiadomością i linkiem do strony głównej. Na stronie nie ma żadnych innych elementów, które by nie rozpraszały uwagi, a główny cel jest jasny – przekierować utraconych klientów na stronę główną witryny.

4. Myntra

Myntra to popularna nazwa w indyjskim przemyśle modowym e-commerce. Na tej modowej stronie e-commerce można znaleźć szeroką gamę ubrań do noszenia dla każdej grupy wiekowej i płci. Strona 404 sklepu jest również piękna. Wskazują one użytkownikowi pomysł na utraconą nawigację, a jednocześnie pojawia się pasek wyszukiwania, na którym użytkownik może wyszukiwać produkty, kategorie i wiele więcej.
Strona 404 Myntry zawiera wszystko, czego klient może potrzebować, na przykład listę życzeń, link do strony koszyka, link do profilu i pole wyszukiwania.

5. Github

Github wykorzystał zarówno odniesienia do humoru, jak i popkultury na swojej stronie błędu 404 i dostarcza zabawny komunikat, który rozładowuje wszelkie niezręczności podczas lądowania na stronie błędu. Istnieją proste opcje nawigacji, które nie powodują zamieszania. Dostępny jest pasek wyszukiwania i linki do wsparcia oraz strona stanu.

Jednak coup de grace to subtelny efekt paralaksy, który sprawia, że ​​obraz reaguje żartobliwie z kursorem użytkownika. Ta animacja pokazuje, że projektanci GitHub są bardzo zorientowani na publiczność.

6. BigCommerce

BigCommerce to najwyżej oceniana platforma rozwoju e-commerce. Na tej platformie zbudowano tysiące sklepów e-commerce. Na jego 404 stronach użytkownicy mogą łatwo zrozumieć, że zagubili się w cyberprzestrzeni. Oprócz strony głównej wymienili pewne, na których chcą trafić użytkownicy.

Dostępna jest również funkcjonalność rezerwacji demo lub kontaktu ze stroną błędu 404.

7. Przestrzeń nad głową

W internetowych serwisach medytacyjnych Headspace zyskał sporą reputację. Ich zespół rozumie, jak działa ludzki mózg, a zatem strona błędu 404 pokazuje tylko jego cel. Skupia się na produkcie i pokazuje, co może zrobić, tj. uspokoić użytkowników przed stresem. Powolny i rytmiczny ruch postaci, który zagubiony gość widzi przez jakiś czas i zyskuje trochę przestrzeni nad głową. Mówi użytkownikowi, aby był bezstresowy i oddychał.

8. Woluzja

Volusion to oprogramowanie e-commerce oparte na chmurze, na którym można rozwijać sklepy internetowe. Sprzedawcy mogą dodawać produkty, tworzyć kategorie, dodawać szczegóły płatności i rozpocząć sprzedaż. Na stronie błędu 404 znajdują się kolorowe kulki, które są bardzo atrakcyjne dla użytkowników.
Aby zademonstrować swoją markę, projektanci wykorzystali kombinację kolorów kulek w logo Volusion, a schludna strona po upadku kulek pokazuje link do strony głównej.

9. Przestrzeń kwadratowa

Słynny kreator stron internetowych Squarespace umożliwia sprzedawcom tworzenie i hostowanie strony internetowej. Użytkownicy mogą korzystać z gotowych szablonów z funkcją „przeciągnij i upuść” do tworzenia CMS i stron internetowych. Na stronie błędu 404 znajduje się gra alfabetyczna, z której użytkownicy mogą się cieszyć. Użytkownicy mogą przesuwać alfabety za pomocą kursora. Jeśli użytkownik nie chce grać w grę, może po prostu przekierować do podanych linków.

10. SINGE

Wreszcie, Le SINGE zawiera fantastyczną koncepcję 404 stron. Natychmiast sprzedaje je za to, co robią. 404 jest przedstawiony w ciemności, a gdy kursor użytkownika porusza się, światło punktowe jest rzucane na tę część ekranu.
Użytkownik może skorzystać z bezpośrednich linków lub zainicjować czat z zespołem wsparcia.