Menu

af1.it

Uno che scrive

Creare una pagina 404 personalizzata semplice e utile

5 minuti
aggiornato il
Creare una semplice pagina per gestire gli url non trovati, può aiutare l'utente a trovare quello che sta cercando

D'ho !!!

Importanza di creare una semplice e chiara pagina 404 personalizzata per gestire gli url, per non disorientare gli utenti ed invitarli a restare nel sito.
Creare una semplice pagina 404 per gestire gli url non trovati, in modo da non disorientare gli utenti ed invitarli a cercare nel sito. Una pagina 404 mal realizzata può demotivare gli utenti a rimanere.

Pagina non trovata e il codice di stato 404

A chi non è mai capitato di finire su di un url che non esiste, in un sito, e trovare la pagina in cui troviamo scritto:
Codice di stato 404 del protocollo HTML
O comunque qualcosa di molto simile.
Si tratta di un codice di stato del protocollo HTML, che serve sia ai motori di ricerca in quanto lo spider comprende che l'url non esiste, e per il robot è più che sufficiente una delle 2 scritte sopra.
Ma per gli utenti no !!!
Se un utente non trova la pagina che cercava non è contento di leggere solo quanto sopra, che sembra quasi un messaggio in codice.
Ovviamente non serve nemmeno fare chissà cosa per creare una semplice, ma gradevole, ed intuitiva pagina 404 per avvisare che l'url cercato non è presente, o è stato spostato.

Da ricerche eseguite da esperti di user experience (UX) come il Nielsen Norman Group, gruppo tra i più autorevoli a riguardo, è stato dimostrato come quando un utente non trova ciò che cerca prova frustrazione, così come quando non riesce a utilizzare il sito come vorrebbe.
Perché non trova le categorie, non trova un pulsante, non vede il box della ricerca, etc. Ecco perché la navigazione del sito deve sempre essere il più intuitiva e semplice possibile, per rendere più facile la vita all'utente durante la navigazione.

Nella pagina 404 deve essere indicato il codice di stato 404 (la pagina richiesta non esiste), ed il layout è ovviamente identico a quello del sito, c'è scritto che l'url richiesto non è stato trovato, ed è presente un ulteriore box di ricerca per facilitare eventualmente l'utente.
Più in basso vengono anche elencati gli ultimi 10 post più recenti.

Non è nulla di che, sebbene mi auguro che anche una semplice immagine come quella presente possa far cambiare aspetto alla pagina e renderla meno fredda e spartana.
Se il sito è in italiano, tanto vale allineare la pagina 404 alla lingua del sito: trovare scritto in altre lingue esce dalla logica del contesto.
Sebbene chiunque, o quasi, comprenda delle poche e semplici parole in inglese che indicano il codice di stato, tanto vale scrivere in italiano anche quanto presente nella pagina 404.

Per quanto riguarda WordPress la si può personalizzare facilmente.
Basta creare un duplicato della pagina 404.php del tema che si utilizza, poi si mette mano al codice (ma è molto semplice) e si scrive quanto si preferisce sostituendo le diciture in inglese, si aggiungono immagini, etc.
Poi è sufficiente inserire il nuovo file 404.php nella (sub)directory child theme di modo che, ai successivi aggiornamenti di WordPress (CMS e tema) le modifiche non vengano perse.

In WordPress la gestione degli errori codice di stato 404 è ovviamente inclusa nei file del CMS.
Se invece il proprio sito (che non utilizza CMS) è sprovvisto della gestione degli url inesistenti con il codice di stato 404, è possibile mettere mano al file .htaccess con la seguente istruzione:

# CODICE DI STATO 404
ErrorDocument 404 /404.php

Dove ovviamente in questo caso sarà necessario creare il file 404.php e personalizzarlo secondo il layout del sito.
Nel codice qui sopra il file che gestisce gli errori degli url non trovati si chiama 404.php come quello di WordPress.
Tuttavia lo si può denominare diversamente se si desidera, esempio “error.php” e sostituire nel codice del file .htaccess il nome del file.

Questo è un altro esempio di pagina 404 che utilizzo su di un altro sito, dove le pagine degli articoli hanno l'estensione .html ho specificato che se questa non fosse presente nell'url potrebbe generare l'errore.
L'immagine del grande Homer Simpson mi auguro sia rilassante, non crei drammi se non si è trovato l'url, strappi un sorriso anche se l'utente è potenzialmente deluso di non avere trovato quanto cercava.
Anche in questo caso è presente il box della ricerca, un altro link alla home page, ed i link agli ultimi 10 articoli più recenti.

Credo sia particolarmente importante il layout della pagina, che non deve uscire da quello del sito, e che le poche parole scritte per giustificare l'url non trovato siano semplici, in italiano (comunque nella stessa lingua del sito), e che facciano capire all'utente come uscirne.
A volte capita di arrivare su pagine che indicano sì l'errore 404, ma non viene scritto null'altro e non sono nemmeno presenti link per uscire da questa situazione, che può essere sì imbarazzante, ma trovo inappropriato farlo pesare.

Come dovrebbe essere la pagina di gestione errore 404

Ricapitolando, la pagina che gestisce il codice di stato 404 dovrebbe:

● avere lo stesso layout del sito;

● far comprendere chiaramente all'utente che, nonostante l'url non è stato trovato, si trova sullo stesso sito; cosa che potrebbe sfuggire se il layout cambia drasticamente;

● contenere indicazioni nella stessa lingua del sito;

● avere link per uscire dalla situazione di stallo creata dall'url non trovato;

● essere semplice e chiara, piacevole.

Come non dovrebbe essere:

· avere un layout diverso da quello del sito;

· una pagina totalmente anonima;

· contenere scritte in lingua diversa da quella del sito;

· non avere nessun link che possa far uscire dalla imbarazzante situazione di stallo (perché tale è);

· opprimente o irriverente, nel layout, per le immagini, o quanto scritto.

 

               

 

Felice Amadeo: autore di af1.it

af1.it è mantenuto dalla mia passione.
Se vuoi sostenere af1.it fai una donazione.

Se qualche articolo ti è piaciuto e vuoi fare una donazione, ti ringrazio.

Tanti anni fa, quando c'erano ancora le lire, un bravo artista di strada, terminata la sua esibizione di giocoliere disse alla folla intorno: se il mio spettacolo vi è piaciuto, dimostratemelo, se non vi è piaciuto scrivetelo su “un deca…”

(un deca, le vecchie 10.000 lire…)
So smile & stay in touch !!!