Share
Se un visitatore arriva a vedere la tua pagina di errore 404 standard, c'è il pericolo che non restino in giro a lungo per vedere cos'altro offre il tuo sito. Una pagina 404 personalizzata, che è invitante e utile, incoraggerà i tuoi visitatori a guardare oltre nel tuo sito invece di andare alla deriva altrove.
Anteprima immagine dalla pagina Tuts + 404.
La semplice risposta è, molto. Una pagina 404 che dice semplicemente "Pagina non trovata" non è affatto utile per il visitatore - aggiungendo un link che dice "Torna alla home page" non aiuta davvero nessuno dei due.
La mancanza di una pagina 404 decente indebolisce l'esperienza dell'utente. Gli utenti che tentano di trovare una pagina sul tuo sito, ma ottengono l'url errata o vi sono inviati da un collegamento interrotto, saranno obbligati a tornare alla homepage e riprovare. Se ancora non riescono a trovare quello che stavano cercando, potrebbero finire per sentirsi frustrati e lasciare il tuo sito. In un mondo ideale, gli utenti non dovrebbero mai affrontare errori, ma la pagina 404 offre almeno l'opportunità di chiedere scusa e aiutare gli utenti a trovare ciò che stavano cercando. È più probabile che un utente soddisfatto ritorni in futuro.
Ancora peggio di una povera pagina 404 è la completa mancanza di uno. L'utente non ha idea di cosa stia succedendo e non ci sarà nemmeno un link alla homepage. La mancanza di una pagina 404 renderà il tuo sito non professionale e incoraggerà solo i visitatori a partire.
Questo è un esempio di una povera pagina 404. La sua unica caratteristica che riscatta è il link della homepage, e anche questo non sembra particolarmente bello. Se la tua pagina 404 ha questo aspetto, ha bisogno di miglioramenti!
Si può fare molto per migliorare la nostra pagina 404 dall'alto.
Il fattore chiave per una pagina di errore 404 è renderlo facile e comprensibile per l'utente. Metti in chiaro che la pagina che stavano cercando non esiste (aiuta a usare un linguaggio facile da capire e in gergo gratis). Prova a spiegare perché non esiste, la pagina è stata spostata? Indicare quale potrebbe essere il problema, in modo amichevole e invitante.
Ci dispiace, partner. La pagina richiesta non è nel nostro database. Potresti aver seguito un brutto collegamento esterno o aver digitato male un URL. - Una pagina 404 di List Apart
Non rendere l'esperienza 404 come una grande, brutta prova. Fallo un'esperienza amichevole e positiva!
È importante che il design della pagina 404 rimanga fedele al resto del sito. Ciò include il logo, la navigazione, la combinazione di colori, ecc. Avere una pagina 404 che non è completamente correlata al resto del tuo sito può far sentire l'utente come se fosse stato lasciato alla deriva - mantenendo il tuo marchio, l'esperienza 404 non sentirsi come un dramma. L'utente si sentirà ancora coinvolto nel sito.
Quelli tra voi che hanno giocato con Bootstrap di Twitter riconosceranno il loro marchio familiare, anche sulla pagina 404.
Come continuiamo a menzionare, una pagina 404 deve essere estremamente utile per l'utente. Ci sono molti modi per ottenere questo, ma alcune delle migliori caratteristiche che un 404 può avere sono:
Non dare per scontato che i tuoi utenti sappiano cos'è un 'errore 404'. Dovrai spiegare qual è il problema in modo semplice, amichevole e comprensibile. In questo modo, un utente non si sentirà confuso dal tuo gergo. È meglio dire qualcosa come "Oops! Non siamo riusciti a trovare la pagina che stavi cercando", piuttosto che semplicemente affermare i fatti, come "Errore 404: Pagina non trovata".
Come utente, quale preferiresti vedere?
La pagina 404 di Apartmenthomeliving è piuttosto divertente e informale. Meglio di tutti, (anche se non è visibile nella foto) il design della pagina rimane coerente con il branding del sito, e ci sono molti link per incoraggiare i visitatori a restare.
Avere un design di pagina di errore 404 minimalista e di base può essere comunque efficace.
Se disponi di un sito di grandi dimensioni, come Google, con molte, molte pagine correlate possibili, una pagina 404 con elementi quali collegamenti alla sitemap, elenchi di pagine popolari o un modulo di ricerca non è particolarmente pratica e molto probabilmente non aiuterà l'utente molto comunque.
Google's 404 Page è molto minimalista ma funziona bene. C'è ancora un collegamento alla homepage (il logo di Google) ed è scritto in modo amichevole e comprensibile. Il bel disegno aiuta anche a creare un'atmosfera rilassata e tranquilla.
Anche se questo sembra andare contro tutto ciò che è stato detto finora, se è troppo poco pratico avere una pagina 404 avanzata, allora una semplice e amichevole è altrettanto buona.
Una buona pagina 404 può anche essere casuale, e anche divertente.
Creare una pagina 404 divertente e memorabile può avere un enorme impatto sul mantenere i visitatori sul sito. Inoltre, se hai una pagina 404 particolarmente divertente o divertente che si attacca nelle menti delle persone, potrebbero finire a dirlo ai loro amici in modo che le persone lo cerchino deliberatamente! Questo è certamente il caso della pagina 404 di Github:
Github fa attenzione a mantenere gli aspetti utili di una pagina 404, anche se alleggeriscono l'umore con umorismo.
La pagina 404 di Blizzard Entertainment - decisamente divertente ma conserva ancora i link per la disponibilità in basso e (per certi aspetti) lo stesso design del sito.
Dai un'occhiata a questo video, trovato su nosh.com, dimostrando che c'è molto spazio per l'umorismo (e la post produzione!)
BuySellAds utilizza un approccio video simile (anche se meno laborioso) alla sua pagina.
Il tuo nuovissimo, ben progettato e utile 404 Page personalizzato può sembrare fantastico e perfettamente funzionante, ma è esattamente il tipo di cosa che non vuoi apparire nei tuoi risultati di ricerca. Esistono due modi per garantire che la pagina 404 non venga visualizzata nei risultati di ricerca:
Accentsconagua
robots.txt file.Il secondo di questi due metodi può anche essere utilizzato per impedire ai motori di ricerca di trovare le pagine che non si desidera visualizzare, come la pagina 404, i file PHP back-end (come le funzioni di accesso) e altro. Basta aggiungere il loro URL al robots.txt file e caricarlo sul tuo server:
Non consentire: /404.html
Va benissimo avere una bella nuova pagina 404 personalizzata che è utile per i tuoi spettatori, ma è ovviamente molto importante assicurarsi che sia effettivamente utilizzata. Per assicurarti che il tuo server reindirizzi gli utenti alla tua pagina 404 (invece di usare solo l'impostazione predefinita) dovrai impostare il tuo file .htaccess.
La configurazione del tuo file .htaccess per la direzione 404 personalizzata è estremamente semplice. Innanzitutto, individua il file .htaccess sul tuo server (dovrebbe già essere lì, ma se non puoi semplicemente creare un nuovo file con quel nome), aprilo. Aggiungi la seguente riga di codice:
ErrorDocument 404 /404.php
Assicurati che il percorso e l'estensione del file coincidano con il tuo file 404. Se il tuo file dovesse essere chiamato 404-error.html e si trovasse all'interno di una directory "error", dovresti modificare lo snippet in questo modo:
ErrorDocument 404 /error/404-error.html
I browser verranno ora indirizzati alla pagina 404 in caso di errore 404. È così semplice!
Quindi, ora sappiamo che al posto della pagina 404 predefinita del browser standard, noioso e inutile, è nel nostro interesse spendere tempo a creare le nostre 404 pagine personalizzate. Se fatto correttamente, aiuteranno a mantenere i visitatori sul sito e alla fine ridurre la frequenza di rimbalzo.
