Come creare una fantastica pagina 404 per i tuoi utenti
Pubblicato: 2021-11-04Raggiungere una pagina 404 non è un'esperienza piacevole. Ma ci sono cose che puoi fare per assicurarti che non sia l'esperienza finale che un utente ha con il tuo sito web.
Per progettare una fantastica pagina 404, devi sapere quali elementi sono più utili per gli utenti e possono aiutare la tua pagina a distinguersi.
Ecco un elenco di 6 funzioni per aiutarti a ottenere il massimo dalla tua pagina 404.
Che cos'è un codice 404?
404 è uno dei codici di stato HTTP che appare quando non è possibile trovare una pagina.
404 appartiene al gruppo 4xx, che indica che si tratta di un errore lato client. Più specificamente, significa che il client ha raggiunto il tuo server, ma il server non ha trovato il file richiesto.
Il codice 404 può apparire per vari motivi, come ad esempio:
- La pagina è stata cancellata,
- L'utente ha commesso un errore di battitura durante la digitazione dell'URL,
- Il link che punta alla pagina non era corretto.
Indipendentemente dal motivo del codice 404, gli utenti non saranno in grado di accedere alla pagina perché semplicemente non può essere trovata.
La pagina che l'utente vedrà al posto della pagina mancante è sotto il tuo controllo. Le tue opzioni includono:
- Una pagina 404 standard, o
- Una pagina 404 personalizzata.
Una pagina 404 standard e non personalizzata potrebbe contenere un semplice pezzo di testo su uno sfondo bianco che dice semplicemente "Non trovato". Il tuo server genera automaticamente questa pagina.
D'altra parte, puoi scegliere di personalizzare la tua pagina 404: progettarla per adattarla al resto del tuo sito Web e selezionare gli elementi che desideri includere.
Perché dovresti creare una pagina 404 personalizzata
Una pagina 404 personalizzata ben progettata è vantaggiosa sia per gli utenti che per la tua azienda.
Quando un utente accede a una pagina 404 standard, capisce solo che qualcosa è andato storto e la pagina non è stata trovata. Non sanno cosa è successo o cosa dovrebbero fare dopo.
Di conseguenza, il tuo cliente potrebbe uscire dal tuo sito senza soddisfare le sue esigenze. Questo è tutt'altro che ideale. Un utente non era soddisfatto della sua ricerca e tu hai perso la sua attività.
Con una pagina 404 personalizzata, puoi cambiare la pagina predefinita e non utile in qualcosa di utile sia per gli utenti che per la tua azienda.
Una pagina 404 personalizzata consente di:
- Aiuta gli utenti a trovare le informazioni che stanno cercando,
- Incoraggia gli utenti a esplorare la tua pagina,
- Mostra la voce e la creatività del tuo marchio.
Inoltre, Google consiglia di creare una pagina 404 personalizzata .
Se hai accesso ai file di configurazione del tuo server, puoi rendere queste pagine di errore utili agli utenti personalizzandole. Una buona pagina 404 personalizzata aiuta le persone a trovare le informazioni che stanno cercando e fornisce anche altri contenuti utili che incoraggiano le persone a esplorare ulteriormente il tuo sito.fonte: Google
La citazione afferma chiaramente che Google considera una pagina 404 personalizzata utile per l'utente e incoraggia i proprietari del sito a personalizzare le proprie pagine 404.
Come creare una fantastica pagina 404 personalizzata
Anche se personalizzi completamente la tua pagina 404, assicurati che il server restituisca comunque un codice di stato HTTP 404. È una cattiva pratica impostare un codice 200, suggerendo una risposta corretta quando la pagina in realtà non esiste.
Quando decidi cosa includere nella tua pagina 404, uno degli elementi essenziali è un messaggio che indichi chiaramente che si tratta di una pagina di errore . Informa gli utenti che qualcosa è andato storto in modo amichevole e diretto.
Ma questo è solo l'inizio. Ecco le caratteristiche principali che puoi aggiungere alla tua pagina 404 personalizzata per renderla più utile:
- Una barra di ricerca,
- Un elenco di risorse disponibili sul tuo sito web,
- Un pulsante CTA,
- Collegamenti ai tuoi contenuti principali,
- Design in linea con il tuo marchio.
Una chiave per una buona pagina 404 è la sua utilità per gli utenti. Non è necessario includere tutti gli elementi dell'elenco sopra, solo quelli che aiuteranno i tuoi utenti a orientarsi nel tuo sito web.
Cancella messaggio di errore
Una buona pagina 404 dovrebbe sempre includere un messaggio chiaro che si tratta di una pagina di errore. Indipendentemente dal design che scegli, dovresti sempre far sapere agli utenti che qualcosa è andato storto e la pagina non è stata trovata.
Ikea lo fa molto bene. Forniscono un messaggio chiaro che include sia il codice 404 che una breve spiegazione che lo rende facilmente comprensibile per gli utenti.
Barra di ricerca
Una barra di ricerca consente agli utenti che cercano un contenuto specifico di dargli un'altra possibilità e cercare ciò che stavano cercando sul tuo sito web.
Un buon esempio di pagina 404 con barra di ricerca è Moz.com:
Quindi, se stavi cercando qualcosa di specifico su Moz.com ma non l'hai trovato, puoi cercare di nuovo direttamente nella pagina 404.
Elenco delle risorse
Se un utente è finito su una pagina 404 ma non aveva in mente una cosa specifica da digitare nella barra di ricerca, puoi fornire un elenco di risorse che possono essere trovate sul tuo sito web.
Backcountry ha una pagina 404 personalizzata con un design semplice che si adatta al sito Web e un elenco di pagine essenziali.
Non solo questa pagina è utile per gli utenti, ma consente anche a Backcountry di mostrare il suo contenuto e incoraggiare le persone a esplorare il sito web.
Un altro esempio di pagina 404 con un elenco di risorse è Tripadvisor. Con un po' di umorismo e quattro semplici pulsanti, Tripadvisor offre un'opzione facile per sfogliare le sezioni che potrebbero interessare di più gli utenti.
Pulsante CTA
Includendo un pulsante CTA, puoi mostrare agli utenti il passaggio successivo che possono compiere.
L'uso più semplice di un pulsante CTA è indirizzare gli utenti alla tua home page . Un modo semplice ma efficace per fornire agli utenti alcune indicazioni.
Ecco un esempio della pagina 404 di Netflix con un pulsante CTA che porta alla loro home page.
Un'altra soluzione è includere un pulsante CTA "Contattaci" . Ad esempio, se un utente è arrivato con una domanda specifica e la pagina 404 ha reso impossibile ottenere la risposta, potrebbe voler contattarti per chiedere dettagli.
Gli utenti possono anche utilizzare l'opzione "Contattaci" per segnalarti l'errore.
Kinsta include sia una "Pagina principale" che un pulsante "Contattaci". Gli utenti possono navigare attraverso il sito web o mettersi in contatto con l'azienda. Pertanto, fornisce una soluzione per le persone che desiderano esplorare il sito Web o trovare una risposta a una domanda specifica.
Il pulsante CTA dovrebbe aiutare i tuoi utenti ma anche adattarsi ai tuoi obiettivi di business. Ad esempio, puoi includere un'opzione per lasciare un'e-mail e iscriverti alla tua newsletter.
9gag usa la sua pagina 404 per incoraggiare le persone a scaricare la sua app. L'aggiunta di una gif di sfondo si adatta perfettamente allo stile 9gag.
Collegamenti ai contenuti principali
I tuoi contenuti popolari hanno le migliori possibilità di coinvolgere gli utenti. Ti dà l'opportunità di attirare l'attenzione dei tuoi utenti prima che lascino la tua pagina 404.
I collegamenti ai tuoi contenuti più popolari possono essere particolarmente utili per i siti Web di e-commerce perché puoi promuovere i tuoi prodotti più venduti su una pagina che altrimenti sarebbe un vicolo cieco.
Un eccellente esempio di pagina 404 che presenta i migliori contenuti è mostrato sul sito Web di Urban Outfitters . Ha una sezione "I più popolari" con la possibilità di acquistare gli articoli subito.
Identità aziendale
Personalizzando la tua pagina 404 e allineandola con il design del tuo sito web, puoi dimostrare che tieni davvero all'intero percorso del tuo cliente attraverso il tuo sito web.
Una pagina 404 può mostrare il tono e la personalità del tuo marchio. Un design creativo che si adatta allo stile del sito Web può far sorridere le persone e forse persino incoraggiarle a condividere la pagina con gli amici.
La Pixar sta usando uno dei suoi famosi personaggi nella pagina 404. Anche se la pagina non fornisce funzionalità di navigazione complete, la grafica e il messaggio commovente si adattano perfettamente allo stile del marchio.
Oltre al pulsante "Portami a casa", Canva include un piccolo puzzle per il divertimento degli utenti. La sua creatività e unicità spiccano tra le altre pagine. È un'alternativa divertente a una pagina 404 standard.
Avvolgendo
Non lasciare i tuoi utenti soli con una pagina 404 standard.
Gli utenti non dovrebbero mai essere lasciati senza informazioni su cosa è successo e cosa dovrebbero fare dopo.
Cerca invece di creare una buona esperienza in tutto il tuo sito. Ciò include le pagine di errore.