Perché la tua pagina 404 è importante e come renderla geniale invece di noioso

Ad un certo punto della vita di il tuo sito web, un visitatore sta per imbattersi in una pagina di errore 404. Forse il visitatore aggiunge una strana estensione alla fine dell'indirizzo web, o forse ha aggiunto un segnalibro a una vecchia pagina e la tua struttura organizzativa è cambiata. Qualunque sia il motivo, quando il visitatore raggiunge la pagina 404, vuoi che si trasformi in una canalizzazione nel tuo sito o rischi di perdere il visitatore della concorrenza.

L'obiettivo della pagina 404

L'obiettivo della pagina 404 è mantenere un visitatore sul tuo sito anche se colpisce una pagina che non esiste.

Una volta fatto in modo creativo e con uno scopo, una pagina 404 non solo può trattenere il visitatore, ma farla rimanere in giro e controllare cos'altro sta succedendo attorno a dot com. Alcune cose da tenere a mente per la tua pagina 404:

• Dovrebbe essere privo di pubblicità
• Dovrebbe far sapere all'utente che ha raggiunto la pagina per errore, ma il modo in cui glielo fai conoscere può riflettere la personalità del sito
• Dovrebbe incanalare il visitatore su altre pagine o sulla home page
• Dovrebbe essere HTML statico e non contenere script complessi che potrebbero creare errori aggiuntivi per alcuni utenti
• Dovrebbe caricarsi il più rapidamente possibile

Cosa non fare

Prima di parlare di alcuni usi creativi della pagina di errore 404, diamo un'occhiata ad alcuni esempi di pagine 404 generiche e perché non dovresti usarle. Come esperto di web, capisci automaticamente perché è stato restituito un errore 404. Tuttavia, i visitatori del tuo sito potrebbero essere nuovi su Internet o non comprendere appieno il funzionamento dei siti Web. Una pagina 404 generica può frustrare questi neofiti e costringerli a lasciare il tuo sito per non tornare mai più.

Diamo un'occhiata a un messaggio di errore comune su un sito senza un 404 personalizzato.

Nell'esempio sopra, il visitatore del sito potrebbe chiedersi perché c'è un errore 404 e quale sia il pari. Questo messaggio inoltre non offre al visitatore alcuna possibilità di rimanere sul sito. Più che probabile, l'utente non tecnico non esperto lascerà semplicemente il tuo sito a questo punto. Questo è un peccato perché l'unico problema potrebbe essere una parola errata o una lettera fuori posto.

Esempi di buone pagine 404

Prenditi del tempo per personalizzare il tuo messaggio 404 e hai meno probabilità di perdere quei visitatori che incappano in un errore. Di seguito è uno screenshot del messaggio 404 dal mio sito. Imbianchera il visitatore del sito ad altre scelte sul sito. Eventualmente, il visitatore rimarrà e controllerà altre offerte.

Lori Soard (il mio sito)

Nell'esempio sopra, ho fatto un paio di cose per incanalare i visitatori del sito al resto del mio sito. Innanzitutto, l'aspetto della pagina 404 è proprio come il resto delle mie pagine. La mia intestazione è lì, così come la struttura di navigazione. Se il tuo sito è estremamente ricco di grafica, potresti voler utilizzare qualcosa di leggermente diverso per consentire a questa pagina di caricarsi più rapidamente.

Ho anche modificato il testo per far sapere al visitatore che la pagina non è stata trovata sul sito ma ho offerto loro la possibilità di cercare ciò di cui avevano bisogno. Infine, più in basso nella pagina ci sono i miei post più recenti e sotto questo (non puoi vederlo nello screenshot) ci sono categorie e argomenti popolari.

Questo offre al visitatore del sito molte opzioni, ma puoi anche restringere le scelte per incanalarle su una pagina specifica. Lo faccio su altri siti dove lo scopo del sito è più ristretto.

Segreto di Web Hosting Revealed

Non sorprende che WHSR faccia bene la sua pagina 404.

Qui a WHSR, c'è una pagina di errore 404 che offre il vantaggio simile di avere la stessa struttura di navigazione del resto del sito. L'immagine scontrosa del gatto aggiunge un tocco bizzarro e il testo dice scherzosamente "il gatto ha mangiato il nostro file".

Aggiungere un po 'di umorismo può tenere i visitatori sul tuo sito. Il visitatore si assume se la pagina di errore è divertente e ben scritta che gli articoli potrebbero essere pure.

Blue Fountain Media

Blue Fountain Media è un sito che fa davvero bene una pagina 404. Mentre rompe la regola di non script, è efficace per far rimanere il visitatore sul sito per un po '. È anche originale e quindi memorabile.

Blue Fountain Media invita il visitatore che non riesce a trovare la pagina che sta cercando di giocare e giocare a Pac Man. Chi potrebbe resistere? Naturalmente, la struttura di navigazione e le informazioni di contatto si trovano nella parte superiore della pagina nel caso in cui il visitatore desideri maggiori informazioni su Blue Fountain Media.

Dal momento che la gente ama i giochi, il visitatore può persino aggiungere questa pagina di errore 404 ai segnalibri per visite future.

wikipedia

Wikipedia è un altro sito che rompe alcune delle regole base di 404s, ma lo fa così bene che devi offrire un po 'di applausi allo splendore.

Wikipedia prende 404 un ulteriore passo avanti e presuppone che il visitatore del sito abbia intenzione di accedere a una pagina con un nome di estensione simile. Wikipedia quindi reindirizza automaticamente il visitatore del sito alla pagina che ritiene desiderata dal visitatore.

Anche se l'ipotesi può essere corretta o meno, il visitatore viene comunque indirizzato a una pagina interessante, che può tenerlo sul sito o invitarlo a esplorarne altre. Ci sono anche collegamenti forniti alla pagina principale.

Suggerimenti per rinnovare la tua pagina

• Elimina i termini tecnici. Ai visitatori del tuo sito non interessa il motivo per cui la pagina non è presente o ciò che ha causato l'errore tanto quanto a loro importa di raggiungere la pagina desiderata.
• Includi un link alla home page.
• Non puntare il dito sui visitatori. A nessuno piace sentirsi dire che ha torto. Invece di dire "hai digitato un url sbagliato", afferma semplicemente che la pagina non può essere trovata.
• La creatività è buona, ma la follia no. La pagina 404 di WHSR (schermata sopra) è un buon esempio perché offre umorismo, ma non ha scimmie volanti che ingrandiscono e rimpiccioliscono.

Google offre anche alcuni suggerimenti specifici per creare una pagina 404 utile.

Come aggiungere una pagina 404 personalizzata

Poiché la maggior parte dei nostri lettori è probabile piattaforme di hosting che offrono cPanel, fornirò indicazioni e schermate per il caricamento della tua pagina 404 personalizzata tramite cPanel. Puoi anche impostare parametri personalizzati nei tuoi file .htaccess. Se non hai accesso al back-end del tuo sito web, parla con il tuo provider di hosting su come caricare una pagina di errore 404 personalizzata.

1. Personalizza errori tramite cPanel

Vai al pannello di controllo del tuo sito. L'indirizzo è probabilmente qualcosa in questo senso:

http://yoursite.com/controlpanel

or

http://yoursite.com:2082

Una volta effettuato l'accesso al pannello di controllo, scorrere fino alla sezione "Avanzate" e fare clic su "Pagine di errore".

3. Modifica pagine di errore

Verrà visualizzato un elenco di pagine di errore, ad esempio nell'immagine sottostante. Clicca su 404 (non trovato).

La pagina che si apre è un posto in cui puoi inserire i codici che desideri per questa pagina.

404 personalizzati WordPress

WordPress offre probabilmente il modo più semplice per personalizzare la tua pagina 404. Basta usare un plugin come:

• Google 404
• 404 utili
• Pagina di errore in stile Dunstan

Se hai dimestichezza con la codifica, puoi estrarre il file 404.php del tuo tema e aggiungere un po 'di codifica personalizzata per forzare la pagina a fare ciò che desideri. WordPress offre istruzioni dettagliate su come farlo.

Ora che hai alcune idee per personalizzare i tuoi errori 404 e come farlo, ti consigliamo di prendere il tempo per controllare il tuo sito per collegamenti interrotti. La migliore pagina 404, dopo tutto, è quella che non succede mai. Se correggi collegamenti interrotti, i visitatori hanno meno probabilità di imbattersi nel temuto 404 in primo luogo.