Come progettare una pagina 404 perfetta per il tuo negozio di e-commerce
Pubblicato: 2021-09-07404, questo numero a 3 cifre può avere un effetto significativo sul tuo negozio. Come qualsiasi altra pagina del tuo negozio di e-commerce, non dovresti trascurare la pagina di errore 404. Nessuno vuole incontrare questa pagina, non piace a nessuno, ma non puoi nemmeno evitarla. Pertanto, è meglio prestare particolare attenzione a questa pagina e costruire relazioni più solide con i clienti.
Come proprietario di un negozio di e-commerce, vogliamo sempre vedere un afflusso consistente di traffico sul nostro sito web. Mostra che i visitatori apprezzano e fanno clic sulle varie pagine nei risultati di ricerca. Tuttavia, l'esperienza di un nuovo visitatore può diventare orribile se incontra il messaggio "pagina non trovata". Queste pagine di errore possono rendere vano tutto il tuo duro lavoro.
E cosa faranno i visitatori dopo?
I visitatori non batteranno le palpebre mentre fanno clic sul pulsante Indietro se non hai impostato correttamente una pagina di errore 404 (codice di stato). Hai appena fatto esplodere la tua prima impressione con una pagina di errore personalizzata.
Che cos'è una pagina di errore 404?
Comunemente nota come "Pagina non trovata", una pagina di errore 404 è l'errore più comune che puoi riscontrare durante la navigazione. Questo errore si verifica quando si fa clic su un collegamento interrotto o si digita un URL errato nella barra degli indirizzi all'interno di un sito Web funzionante. Questi collegamenti interrotti possono avere un impatto significativo sul tuo sito in termini di SEO ed esperienza utente. Pertanto, è meglio rimuovere queste pagine o sostituirle con collegamenti pertinenti. Tuttavia, se non ci sono collegamenti interrotti nel tuo negozio, potrebbe apparire una pagina di errore 404 in caso di errore di digitazione da parte di un cliente. E questa è la tua ultima occasione per mostrare la tua creatività e aumentare le tue vendite.
Perché si verificano i 404?
Un errore 404 è un codice di errore HTTP standard che significa che la pagina web che stavi cercando di raggiungere non è stata trovata sul server. La pagina web viene rimossa o spostata e l'URL non è stato modificato di conseguenza oppure l'utente ha digitato un URL errato.
I collegamenti interrotti sono la causa principale delle pagine di errore 404.
Pagine spostate
Sebbene sembri un gioco da ragazzi, la maggior parte delle pagine 404 si verificano quando i proprietari del sito generalmente rinominano una pagina Web o la spostano. I vecchi URL dovrebbero essere reindirizzati a un nuovo sito con un reindirizzamento 301, ma non è necessario che si verifichi.
Directory Web
Un cambiamento nella directory web obbliga gli utenti a modificare gli URL o quando gli URL vengono spostati/cancellati senza un aggiornamento.
I collegamenti interni che non vengono aggiornati all'interno della directory possono portare a pagine di errore 404. Ma dopo tutti questi problemi, il sito Web rappresenta solo il 17% dei 404 problemi riscontrati dai visitatori. Quindi, indipendentemente da quanto sei diligente riguardo alla scansione del tuo sito per correggere errori o impostare reindirizzamenti. Gli utenti reindirizzeranno comunque alle pagine 404 senza colpa tua:
In generale, i motivi principali per le pagine di errore 404 sono:
- Diretto, errore di battitura, e-mail, segnalibri – 45,87%
- Referral e social network – 30,26%
- Link non funzionante sul tuo sito web – 17,58%
- Motore di ricerca – 6,3%
Costo nascosto degli errori 404
I visitatori che incontrano collegamenti interrotti alle pagine del tuo sito possono avere un impatto significativo sulle vendite complessive, sui tassi di conversione, sulla visibilità del sito, sull'immagine del marchio e sull'esperienza utente.
Le tre statistiche significative che mostrano direttamente questo problema sono
- Solo il 23% dei visitatori fa un secondo tentativo di trovare una pagina mancante dopo aver incontrato una pagina 404.
- Il 79% dei visitatori che non sono soddisfatti delle prestazioni del sito Web afferma che non acquisterà più dallo stesso sito.
- In media, acquisire un nuovo cliente è cinque volte più costoso rispetto a mantenere un cliente esistente.
Tuttavia, è obbligatorio al 100% che tu abbia perso un cliente che è arrivato sulla pagina di errore 404. Una pagina di errore 404 personalizzata può aiutarti a indirizzare l'utente alla pagina web corretta del tuo negozio. Conosciamo l'importanza di creare una pagina di errore 404 personalizzata.
Perché è necessario creare una pagina 404 personalizzata?
Devi mettere sforzi sostanziali e competenze tecniche per creare una pagina 404 personalizzata attraente. Dovrai modificare il tuo file .htaccss ed eseguire alcuni comandi sul server.
Devi assumere un programmatore che possa farlo per te. Siamo qui per te, quindi non preoccuparti in questo senso. Ma perché creare una pagina 404 personalizzata? Ecco i motivi principali:
un. Aumenta il numero di pagine indicizzate del tuo sito nei motori di ricerca:
Con l'aumento del numero di pagine su un sito, aumentano anche i link morti. Puoi aumentare le pagine del tuo sito Web indicizzate attraverso le pagine 404. Devi solo collegare la pagina di errore 404 a pagine interne casuali del tuo sito web.
B. Costruisci un'immagine coerente del marchio
Noi umani preferiamo la coerenza. Dopo aver acquisito familiarità con un negozio, inconsciamente iniziamo a fidarci di esso. Il focus principale è sulla superficie. Una pagina 404 generica offre un'esperienza utente scadente. Non puoi eliminare il codice di stato HTTP, ma puoi identificare il problema e migliorare la UX con una pagina di errore personalizzata.
Prendi un file di registro e acquisisci le informazioni sul problema e un codice di risposta per gestirlo in modo appropriato. Se l'utente è atterrato su un link morto del tuo negozio, è essenziale mostrare il tuo profumo. Il design non dovrebbe sconcertare l'utente che si trova su un sito diverso.
In breve, la pagina di errore 404 deve avere uno stile di carattere, codici colore, logo, navigazione, intestazione e piè di pagina simili.
C. Coinvolgi nuovamente i visitatori insoddisfatti
Considera un utente che è arrivato nel tuo negozio alla ricerca di informazioni su un particolare prodotto. Tuttavia, dopo aver fatto clic su una pagina Web dai risultati del motore di ricerca, non viene visualizzata alcuna pagina con risposta ma mostra una pagina "pagina non trovata". Farà sentire l'utente malissimo.
Ma se fornisci all'utente un link alla pagina del tuo sito, puoi coinvolgere nuovamente l'utente. In questo modo, mantieni la loro attenzione.
D. Mostra la personalità del tuo marchio
Non puoi metterti in mostra come azienda. Il tuo marchio dovrebbe dare un tocco umano. Mostrando la tua personalità, puoi connetterti meglio con il tuo pubblico di destinazione. L'interazione dell'utente con il tuo sito web dovrebbe farli sentire bene. Le decisioni umane vengono prese in una frazione di secondo.
Pertanto, dovresti prendere la pagina di errore 404 come mezzo per esprimere te stesso, far sentire bene i tuoi visitatori e rafforzare la tua relazione con il tuo pubblico. Riconosci la frustrazione del tuo cliente, accetta che qualcosa è andato storto. Questo creerà un'interazione personale.
e. Aumenta il tasso di conversione
Creando una pagina di errore 404, accetti il tuo errore e ti assicuri che l'utente si diverta nel tuo negozio.
Una risposta personalizzata di una pagina di errore 404 probabilmente cancellerà dal cervello dell'utente la cattiva memoria del collegamento interrotto del tuo sito web. E aumenta le possibilità che ti diano una seconda possibilità. Questa è più simile a un'ipotesi.
Ma puoi praticamente aumentare il tuo tasso di conversione offrendo uno sconto sulle tue pagine 404. Sì, usa una pagina di errore personalizzata per convertire. Un codice di stato HTTP in questo modo porta gli errori ai guadagni.
Componenti di una pagina di errore 404
Ci sono 4 componenti significativi in un'utile pagina di errore 404. Questi sono Navigazione, Tono, SEO e Creatività. Conosciamo in dettaglio ogni elemento:
1. Navigazione
La prima necessità di un utente atterrato su una pagina di errore 404 è la navigazione. Dovresti reindirizzare gli utenti alla pagina in cui vogliono andare. Un collegamento alla home page oa qualsiasi altra pagina pertinente funziona meglio. Anche la navigazione nella barra dei menu (presente anche nelle altre pagine del sito Web) è buona. Se possibile, puoi anche utilizzare i chatbot per invitare i visitatori persi.
2. Tono
Come accennato in precedenza, una pagina di errore 404 dovrebbe riflettere anche la personalità del tuo marchio. Non vuoi che gli utenti che sono atterrati sulle tue pagine 404 sentano di essere atterrati su un sito web completamente diverso. Il tema e lo stile dovrebbero essere coerenti.
3. SEO
Sappiamo tutti che le pagine di errore 404 sono inevitabili. I collegamenti interrotti portano a 404 pagine e sono inevitabili. Ma una pagina 404, se opportunamente personalizzata, può ridurre i danni e persino trasformare l'esperienza negativa in positiva.
4. Creatività
La pagina 404 ti offre la migliore opportunità per mostrare le tue capacità creative. Puoi fare una battuta, offrire interattività e mostrare alcuni elementi interagenti, rilassati o divertenti.
I migliori esempi di pagina di errore 404
Ecco alcuni migliori esempi di pagine di errore 404 di diversi settori, di cui puoi fare riferimento.
1. Amazon
Saresti sorpreso di sapere che più di 7.000 cani si sono registrati legalmente per lavorare presso la sede di Amazon. La natura pet-friendly di Amazon è virale e l'azienda condivide persino con orgoglio la sua cultura dog-friendly. Viene anche mostrato dalla sua pagina di errore 404.
Sebbene tutti ammirino i cani e li trovino adorabili, Amazon lo porta al livello successivo mostrando l'immagine del cane di un amazzone che hanno portato al lavoro. Inoltre, nelle pagine 404, c'è un link alla casa e un articolo sugli altri cani che hanno. Gli utenti che arrivano sulla pagina di errore 404 di Amazon possono anche utilizzare la barra di ricerca per esplorare i prodotti desiderati.
2. Movimento dei personaggi su eBay
eBayeBay è molto popolare e tra i più antichi negozi di e-commerce in tutto il mondo. L'azienda ha adottato un design semplice e sottile per la pagina di errore 404, ma è comunque facile da usare. Gli utenti possono scoprire le offerte di tendenza sulla pagina, che li attireranno a procedere ulteriormente sul sito e ad acquistare prodotti. Oltre a questo, c'è una barra di ricerca e un collegamento alla homepage.
Puoi fare riferimento alla pagina 404 di eBay in quanto è altamente convertibile e un ottimo esempio.
3. IKEA
Un marchio di mobili alla moda con enormi negozi di mobili in tutto il mondo, IKEA offre una vasta gamma di prodotti di mobili. L'azienda è altamente innovativa nel fornire una migliore esperienza di acquisto su un'app mobile, un sito Web o anche attraverso le 404 pagine.
Hanno mostrato un eccezionale livello di creatività nella pagina di errore 404. Gli elementi impiegati sottolineano il lavoro e il marchio dell'azienda. È stato abbinato a un messaggio diretto e al collegamento alla home page. Non ci sono altri elementi sulla pagina per evitare qualsiasi distrazione e l'obiettivo è chiaro: reindirizzare i clienti persi alla home page del sito web.
4. Myntra
Myntra è un nome prevalente nel settore dell'e-commerce di moda indiano. In questo sito di ecommerce di moda è possibile trovare una vasta gamma di wearable da indossare per ogni fascia di età e genere. Bella anche la pagina 404 dello store. Stanno indicando all'utente un'idea di navigazione persa e, allo stesso tempo, c'è una barra di ricerca su cui l'utente può cercare prodotti, categorie e molto altro.
La pagina 404 di Myntra ha tutto ciò di cui un cliente potrebbe aver bisogno, come la lista dei desideri, il collegamento alla pagina del carrello, il collegamento al profilo e la casella di ricerca.
5. Github
Github ha utilizzato riferimenti sia all'umorismo che alla cultura pop nella sua pagina di errore 404 e fornisce un messaggio divertente che disinnesca qualsiasi imbarazzo quando atterra sulla pagina di errore. Ci sono semplici opzioni di navigazione per non creare confusione. C'è una barra di ricerca e collegamenti al supporto e una pagina di stato.
Tuttavia, il colpo di grazia è il sottile effetto di parallasse che fa reagire l'immagine in modo giocoso con il cursore dell'utente. Questa animazione mostra che i designer di GitHub sono molto in sintonia con il pubblico.
6. BigCommerce
BigCommerce è una piattaforma di sviluppo e-commerce di prim'ordine. Migliaia di negozi di e-commerce sono stati costruiti su questa piattaforma. Nelle sue 404 pagine, gli utenti possono facilmente capire di essersi persi nel cyberspazio. Oltre alla homepage, hanno elencato alcuni su cui vogliono atterrare gli utenti.
C'è anche la funzionalità di prenotare una demo o contattarli dalla pagina di errore 404.
7. Spazio di testa
Nei servizi di meditazione online, Headspace ha guadagnato una notevole reputazione. Il loro team capisce come funziona il cervello umano e, quindi, la sua pagina di errore 404 mostra solo il suo scopo. Si concentra sul prodotto e dimostra cosa può fare, ad esempio, calmare gli utenti dallo stress. Un movimento lento e ritmato del personaggio che un visitatore smarrito può vedere per un po' di tempo e ottenere un po' di spazio di testa. Dice all'utente di essere senza stress e di inspirare ed espirare.
8. Volusion
Volusion è un software di e-commerce basato su cloud su cui è possibile sviluppare negozi di e-commerce. I commercianti possono aggiungere prodotti, creare categorie, aggiungere dettagli di pagamento e iniziare a vendere. Ci sono palline colorate nella pagina di errore 404 che sono molto attraenti per gli utenti.
Per dimostrare il suo marchio, i designer hanno utilizzato una combinazione di colori nelle palline del logo Volusion e la pagina ordinata dopo la caduta delle palline mostra il collegamento alla homepage.
9. Spazio quadrato
Un famoso costruttore di siti Web, Squarespace consente ai commercianti di creare e ospitare un sito Web. Gli utenti possono utilizzare modelli precompilati con funzionalità di trascinamento della selezione per la creazione di CMS e pagine web. Nella pagina di errore 404, c'è un gioco dell'alfabeto che gli utenti possono divertirsi. Gli utenti possono spostare gli alfabeti utilizzando il cursore. Se l'utente non vuole giocare, può semplicemente reindirizzare ai collegamenti forniti.
10. Le SINGE
Ultimo ma non meno importante, Le SINGE viene fornito con un fantastico concetto delle 404 pagine. Li vende subito per quello che fanno. 404 è raffigurato con l'oscurità e quando il cursore dell'utente si sposta, i riflettori vengono proiettati in quella parte dello schermo.
L'utente può utilizzare i collegamenti diretti o avviare la chat con il team di supporto.
Avvolgendo
In questo articolo, esaminiamo tutti i diversi aspetti della pagina 404, il motivo per cui sorge, i suoi componenti, il valore, gli esempi e molto altro. Assumi la migliore società di sviluppo di e-commerce che abbia designer esperti nella creazione di pagine di errore 404 personalizzate, attraenti e utili.