Pagine di errore 404 personalizzate: i migliori esempi di "pagina non trovata" che salvano pagine Web danneggiate

L'abbiamo vissuto tutti più di quanto vorremmo. Quella sensazione quando fai clic su un collegamento in previsione dell'apertura di una nuova pagina Web che ha fatto abbastanza sul valore nominale per attirare la tua attenzione, solo per essere colpito dal temuto errore 404.

Pagina. Non. Trovato.

Oh caro, oh caro. Se sei l'utente sei immediatamente frustrato o deluso. Se sei il proprietario del sito web, il momento in cui scopri di avere un link o una pagina non funzionante è sempre un misto di imbarazzo e confusione: "ma ieri ha funzionato!"

Tuttavia, tra le interruzioni, ci sono spesso alcune gemme nascoste quando si tratta di pagine di errore 404. Piuttosto che seguire le pecore, alcuni siti web si sono presi il tempo di trasformare le loro pagine 404 in una scusa per usare un'ondata di informazioni divertenti o aggiuntive - piuttosto intelligente se me lo chiedi!

Vuoi i migliori design più curati inviati direttamente alla tua casella di posta?
Iscriviti alla dose giornaliera di DesignRush!

Quelle pagine di errore personalizzate servono come ispirazione perfetta per altri designer. Ovviamente, lo scenario migliore è un design del sito Web immacolato che funziona in modo impeccabile ogni volta. Tuttavia, le cose accadono, i temi vanno male, i server web non funzionano e le pagine si rompono. Pertanto, è imperativo un messaggio personalizzato sul marchio sul tuo sito per ridurre il colpo e far tornare i tuoi visitatori per ulteriori informazioni dopo un pasticcio. Alcune 404 pagine sono così divertenti che le persone continuano a colpirle di proposito e le condividono persino con i loro amici!

Perché sono necessarie le pagine Web di errore 404?

Gli errori di pagina 404 si verificano quando un "link interrotto" o un URL impreciso porta gli utenti a una pagina Web inaccessibile.

A volte, si verificano errori 404 quando altre persone o aziende online menzionano il tuo marchio digitalmente con un collegamento interrotto. Il più delle volte in questi casi, le pagine 404 hanno origine quando qualcuno fa un errore di battitura nel collegamento, ad esempio aggiungendo una lettera aggiuntiva alla fine di un URL. In realtà, il 45,9% delle volte, le persone si imbattono in una pagina 404 a causa di un errore di battitura, di un vecchio collegamento nell'e-mail o di vecchi segnalibri che hanno salvato un collegamento per una pagina che è stata successivamente rimossa.

Una delle occorrenze più comuni di pagine 404, tuttavia, è quando gli amministratori del sito Web eliminano del tutto la pagina quando ci sono ancora altri collegamenti nel loro sito (e nell'intera Internet) che rimandano alla pagina ora disabilitata. In questi casi, dovresti ricordarti di sconfessare i link. Ciò significa che rompi i legami e dici ai motori di ricerca che quei link sono interrotti, invece di lasciarli imparare da soli e indirizzare le persone alle tue pagine di errore.

Quando vuoi spostare o rimuovere contenuti, devi reindirizzare le pagine: ecco a cosa servono quei reindirizzamenti 301, 307 e 308. Un reindirizzamento 301/308 è un reindirizzamento permanente: ogni volta che qualcuno accede a una pagina precedente, verrà immediatamente reindirizzato a quella nuova.

Tuttavia, il reindirizzamento 302/307 è temporaneo. Gli amministratori del sito web li utilizzano per diversi motivi.

Che tu ci creda o no, i motori di ricerca possono portare le persone a pagine 404. Ad esempio, quando esegui correttamente un reindirizzamento, le persone dovrebbero atterrare sulla pagina che stai ora indicando. Ma a volte, i motori di ricerca impiegano alcuni giorni (o più) per eseguire la scansione delle pagine e annotare effettivamente tutte le modifiche apportate. In quel breve lasso di tempo, potrebbero comunque portare le persone alla pagina 404 sbagliata.

Altre volte, potrebbe esserci un bug sul sito Web che crea collegamenti interrotti. In tal caso, è necessario chiedere aiuto a programmatori e sviluppatori. Dopotutto, un sondaggio ha rilevato che il 17,5% dei siti Web ha un collegamento interrotto.

Come monitorare le pagine 404

Dovresti sempre monitorare eventuali pagine 404 potenziali e tentare di risolverle non appena emergono. Fortunatamente, ci sono strumenti che possono aiutarti a trovare i tuoi collegamenti interrotti e ad affrontarli. Alcuni includono Screaming Frog, Dead Link Checker e, forse il più popolare, gli strumenti per i webmaster di Google.

Creazione di pagine Web di errore 404 efficaci

Una cosa è quasi certa: di tanto in tanto avrai sempre 404 pagine, anche se fai tutto bene sul tuo sito. Ma la buona notizia è che puoi massimizzare l'esperienza dell'utente e ridurre al minimo il loro aspetto rinnegando i collegamenti, monitorando costantemente le pagine, eseguendo controlli di siti Web e altro ancora.

Quando accadono gli errori, dovremmo imparare da loro. Utilizza programmi di analisi del sito web come Google Analytics per migliorare le prestazioni del sito web. Tieni traccia di ciò che fanno le persone quando arrivano sulla tua pagina 404. Quindi, usa questi dati a tuo vantaggio.

Se, ad esempio, il prossimo passo che compiono dopo una pagina 404 è tornare alla home page, puoi posizionare un pulsante chiaro e visibile che li condurrà lì all'interno del tuo design. Oppure, se gli piace visitare la pagina dei contatti dopo un errore 404, collegarsi lì e semplificarsi un po' la vita.

Tieni traccia del comportamento e delle informazioni dei consumatori per vedere cosa funziona per il tuo sito web e cosa piace e cosa non piace ai tuoi consumatori. Cosa c'è di meglio? Non ci sono congetture con questo tipo di cose: i numeri e i dati concreti sui visitatori del tuo sito web parleranno da soli.

I migliori design di pagine di errore 404 che vorrai copiare immediatamente

Dopo aver sfogliato Internet alla ricerca di errori (per quanto strano possa sembrare), ci sono alcune pagine 404 che si distinguono dalle altre. Dai un'occhiata: forse alcuni di loro ispireranno il tuo design sul marchio!

1. La pagina di errore 404 mappata: BluePath

BluePath lavora con i propri clienti per "creare e implementare strategie di analisi automatizzate" che aiutano ad allontanare gli utenti dai fogli di calcolo. Sebbene sia fantastico di per sé, hanno anche gentilmente preso il tempo per mettere insieme questa stravagante pagina di errore 404.

La pagina mostra in realtà una mappa (che non sei su grazie alla tua stupidità di navigare "fuori mappa"). La copia sulla pagina dice anche:

“Questa [mappa] mostra tutti i crimini segnalati ad Atlanta negli ultimi due anni. Come mai? Perché è un crimine che tu non ci abbia ancora assunto!”

Ben giocato, BluePath. Ben fatto.

2. L'errore di pagina 404 Snarky: l'australiano

Il principale marchio di notizie nazionali in Australia L'Australian vanta una gamma di notizie nazionali e globali e una copertura aziendale. Tuttavia, proprio come il resto di noi, sono vulnerabili all'errore occasionale. In questo caso la loro pagina di errore 404.

Ma piuttosto che sottomettersi alla classica "pagina non trovata", l'australiano ha scelto di usare la pagina come un'opportunità per avere un'astuta frecciatina a diversi politici australiani (stranamente anche Donald Trump e un pezzo di carbone fanno la lista). Ogni politico ha una citazione associata a loro e i loro pensieri sul collegamento interrotto.

3. La pagina di errore 404 Gamified: Kualo

Ok. Questa potrebbe essere la migliore pagina di errore 404 nella storia di Internet. Kualo ha deciso di trasformare la sua casa per i collegamenti interrotti in un gioco di Space Invaders per gli utenti. La ludicizzazione è un ottimo modo per trasformare i navigatori del web delusi in consumatori di contenuti molto felici.

Inoltre, gli utenti possono tornare intenzionalmente su questa pagina solo per giocare al gioco classico. Poiché i motori di ricerca vedono tutto (ciao, Grande Fratello...) tengono anche traccia del tempo degli utenti sulla pagina. Ha senso: se trascorri molto tempo su una pagina, significa che ti piace davvero il contenuto. Se sei un utente abituale e continui a tornare per saperne di più, i motori di ricerca mapperanno il tuo viaggio e ricompenseranno i siti web con un posizionamento migliore!

Cosa c'è di meglio? Non solo hai la possibilità di giocare al fantastico gioco sul sito web di Kualo, ma hai anche un incentivo a farlo! Se distruggi 1.000 invasori ottieni uno sconto sul loro hosting. Tutto intorno, questo è davvero un design straordinario e mi ci è voluta un'ora in più per scrivere questo articolo esclusivamente a causa di questa pagina. Tanto di cappello a Kualo.

PS Riesci a battere il nostro punteggio più alto?

4. La stravagante pagina di errore 404: l'indice Web inutile

L'inutile indice web - con il suo nome molto appropriato - ha deciso di darci il tanto amato meerkat nel loro design della pagina di errore 404. Più tempo passi sulla pagina più suricati arrivano, tanto che dopo circa 10 secondi ce ne sono almeno otto sullo schermo.

Ti senti quasi in colpa per i suricati che stanno chiaramente lottando per trovare la tua pagina web!

Certo, la gamification fa miracoli per la tua attività, ma anche incorporare un video collegato in remoto agli argomenti 404 è una buona tattica. Le persone possono rimanere a guardarlo fino alla fine, rendendolo un altro ottimo modo per aumentare il tempo trascorso sulla pagina web e migliorare le tue metriche complessive, anche se vengono visualizzate pagine 404.

5. La pagina di errore 404 illustrata: Lego

Se sei un fan di Lego, apprezzerai il design della pagina di errore 404. Come alcune aziende hanno già evidenziato, la pagina 404 è in realtà un'ottima scusa per utilizzare una pagina errata per riaffermare il tuo marchio o prodotto ai visitatori.

Lego è in realtà famoso per l'utilizzo di varie tattiche per aumentare sia la propria base di clienti che per non perdere mai l'occasione di ricordare alle persone che sono rilevanti. Hanno una serie di film animati, videogiochi, contenuti aggiuntivi e altro ancora. Lego è lì per persone di tutte le età, a partire dai mattoncini Lego Duplo per le loro scatole Architect che consentono agli adulti di costruire repliche dei monumenti più famosi.

Non ci aspettavamo niente di meno per la loro pagina 404. In questo caso, la pagina 404 di Lego è molto esplicativa: il 'cavo' che collegava il link su cui hai cliccato alla pagina web è rotto, e qualche poveraccio si è imbattuto in esso con suo orrore!

6. La pagina di errore Punny 404: Blue Daniel

Come parte del suo portfolio, Daniel Karcher ha scelto di utilizzare la pagina di errore 404 per mostrare ulteriormente le sue capacità. Ha optato per un ambiente metropolitano, con cartelloni pubblicitari che utilizzano giochi di parole e giochi di parole per un tocco umoristico.

Nel suo messaggio di errore, noterai riferimenti al film "The Missing" e allo show televisivo "Lost". Quest'ultimo ha dei graffiti sovrapposti per porre agli utenti la domanda "ti sei perso?"

Dato che hai ovviamente perso la strada in questa pagina 404, hai la possibilità di tornare al livello principale. Intelligente!

7. L'avventurosa pagina di errore 404: Emirates

Come accennato all'inizio dell'articolo, alcune aziende utilizzano una combinazione di umorismo e informazioni utili per creare una pagina di errore 404 che sembra più parte del sito Web reale che una sezione o un collegamento interrotto.

Gli Emirati sono un ottimo esempio, che associano uno scherzo ironico a collegamenti alle loro pagine più visitate. Dicono: "Mi dispiace, abbiamo girato il mondo, ma non riusciamo a trovare questa pagina". Suggerendo che dal momento che sono stati ovunque, la pagina che stai cercando quasi certamente non esiste - d'oh!

Considerando il fatto che il 73,7% delle persone che arrivano su una pagina 404 lascia il sito immediatamente, è un'ottima tattica mantenere i visitatori sul tuo sito offrendo link alle pagine più visitate.

Quando le persone non trovano quello che cercano, perdono la fiducia. A loro volta, i motori di ricerca perdono fiducia. E basti dire che non vuoi che nessuno perda la fiducia nella tua attività. Trovare un modo per trasformare una brutta situazione come un collegamento interrotto può aiutarti a far valere la tua attività e persino a impressionare i visitatori del tuo sito web.

8. La pagina di errore minimo 404: trucchi CSS

Probabilmente è abbastanza imbarazzante per un sito Web di sviluppo o codificazione Web avere un errore 404. Voglio dire, è il loro lavoro assicurarsi che queste cose non accadano dopotutto, non è vero?

Indipendentemente da ciò, il team di CSS Tricks è riuscito a trasformare un errore potenzialmente imbarazzante in una pagina 404 ben progettata. Il centro della pagina ha lo stile di un foglio di carta strappato, dietro il quale si trova il codice che avrebbe dovuto costituire la pagina che stai cercando di visitare.

9. La pagina di errore 404 autoironico: Cloud Sigma

Possiamo mettere in relazione ciò che Cloud Sigma ha fatto con la loro pagina di errore 404. Diciamo sempre, in caso di dubbio, di usare solo immagini di cani o gatti per alleviare situazioni potenzialmente negative. In questo caso, il sito presenta l'immagine di un gatto (scusate, il loro sviluppatore junior) che tenta di utilizzare un computer. È al momento giusto. Non puoi fare a meno di ridere!

Ma soprattutto, l'errore del sito Cloud Sigma ti offre anche un metodo chiaro per tornare alla loro homepage. Se non vuoi che le persone lascino completamente il sito web, assicurati che tornare alla home page sia sempre facile ea portata di clic.

10. La pagina di errore 404 non convenzionale: LimpFish

Infine, Limpfish ha utilizzato una versione stravagante di una pagina di errore 404 per portare ancora una volta un sorriso sul volto di ogni utente. Certo, ero un po 'confuso quando l'ho visto per la prima volta perché sembra essere una combinazione di un annuncio di appuntamenti e una vera richiesta relativa alla tecnologia ... Non sono sicuro di quale sia più evidente. Ma se ci pensi, chi ha bisogno di un buon abbinamento più di un collegamento interrotto?

L'effetto giornale, però, aggiunge un po' di ironia, considerando che stiamo operando su internet. L'obiettivo finale è stato un successo: ci hanno fatto sorridere e ridere, e non abbiamo lasciato il sito non appena siamo atterrati su una pagina 404.

Cosa imparare sulle pagine 404

Aggiungendo un aspetto divertente, giocoso, amichevole o ludico che abbina l'identità del tuo marchio alle tue pagine 404, puoi mantenere il visitatore sul tuo sito e persino promuovere ulteriormente la tua attività. Un esempio notevole, la gamification, costa denaro aggiuntivo, ma è un investimento intelligente che riduce le frequenze di rimbalzo.

Oltre alle utili 404 pagine e alle tattiche che abbiamo visto in azione sopra, abbiamo anche preparato un elenco di cose da fare e da non fare che dovrebbero aiutarti a trasformare l'incidente in un'opportunità, soprattutto perché le persone di tanto in tanto scriveranno sempre male, e non puoi controllarlo. Tuttavia, puoi influenzare la loro esperienza se capita di atterrare su una pagina rotta.

Ecco alcune cose da tenere a mente quando crei una tua pagina 404 utile:

• Essere onesti. Come abbiamo detto, ci saranno 404 pagine e a volte non sarà nemmeno colpa tua. Indipendentemente da ciò, assicurati di spiegare cosa è successo e offri modi per riparare la situazione e aiutare le persone a trovare ciò che stanno cercando.
• Non perdere l'occasione. Aggiungi un po' di umorismo e personalità al marchio in modo che le persone non se ne vadano frustrate o non se ne vadano affatto.
• Coinvolgi gli utenti. Lascia che facciano un gioco se il tuo budget può supportarlo. In caso contrario, ci sono diversi modi per aumentare il coinvolgimento. Aggiungi un simpatico video, illustrazione o animazione. Cerca di alleggerire la situazione: se tutto il resto fallisce, anche le foto e i video di animali carini funzioneranno.
• Impedisci loro di andarsene. Ogni visitatore del sito Web che lascia è un'opportunità mancata per convertire un lead in un cliente. Puoi aggiungere collegamenti pertinenti alle pagine più visitate o incorporare una funzione di ricerca nella pagina 404 in modo che possano navigare nel tuo sito web.
• Aggiungi un incentivo. Alcuni marchi offrono incentivi se trovi la loro pagina 404. In questo modo, puoi persino raccogliere più lead. Ad esempio, puoi offrire l'iscrizione a una newsletter, contenuti gratuiti come un e-book o un case study e altro ancora.
• Nessuna pubblicità. Beh, non nel senso tradizionale. Se c'è un errore sul sito web e le persone ci arrivano, non cercare di vendere troppo o far loro pensare che forse stai lasciando apposta la pagina 404.
• Caricamento rapido. Se le persone atterrano su una pagina rotta, non vuoi che aspettino per sempre per scoprirlo. Una buona velocità di caricamento è consigliata anche per tutte le altre pagine del tuo sito web. La frequenza di rimbalzo continua ad aumentare con ogni secondo aggiunto di tempo di attesa.
• Non usare termini tecnici complicati. L'obiettivo è cercare di mantenere gli utenti sul tuo sito Web, non allontanarli ulteriormente con un gergo complicato e termini non necessari.
• Non dimenticare di monitorare i collegamenti interrotti e di correggerli il prima possibile.

Pagina non trovata... ma la conclusione è

Il design della pagina di errore 404 di ogni sito prende l'incidente e lo trasforma in un'opportunità per costruire ulteriormente la fedeltà al marchio. Attraverso la creatività, il design stellare e un po' di arguzia, anche il design del tuo sito web non dovrà preoccuparsi degli errori: sarà solo un'estensione delle offerte dell'azienda.

Il nostro consiglio finale: elimina tutte le fermate per te pagina 404 perché il 73% delle persone che se ne vanno dopo essere atterrato su una pagina 404 rappresenta il 74% dei potenziali clienti persi. Questi sono i tuoi contatti che scappano e una pagina 404 personalizzata potrebbe farli rimanere e navigare di più. Non è importante avere o meno una pagina 404 personalizzata. La domanda è: puoi permetterti di non averne uno?

Vuoi la tua pagina di errore 404 personalizzata per garantire una migliore esperienza utente? DesignRush ha un elenco delle migliori agenzie digitali che possono creare una pagina Web sul marchio E un sito Web completo per la tua attività.

Vuoi altri modelli di ispirazione? Iscriviti alla nostra newsletter!