Una pagina 404 epica probabilmente non vincerà nessun premio. L’ho capito.
Ma dimostra che hai a cuore i tuoi clienti.
Una grande pagina 404 può essere un modo intelligente per mostrare la personalità del tuo marchio.
Ma vale la pena investire in una pagina 404 elegante?
Perché quando gli utenti arrivano sulla tua pagina 404, non stanno trovando ciò di cui hanno bisogno.
Utilizzare link, grafica intelligente e un testo spiritoso può fargli dimenticare che (forse) hai fatto un casino e farli tornare in pista.
Alla luce dell’importanza delle pagine 404, quella che segue è una lista di 37 dei migliori esempi di pagine 404 che puoi trovare online.
Prima di tuffarci negli esempi, prendiamoci un momento per rivedere le basi di una pagina 404.
Che cos’è una pagina 404?
Una pagina 404 è una pagina di destinazione che dice agli spettatori del tuo sito che la pagina richiesta non è disponibile o, in alcuni casi, non esiste.
Un errore 404 dice agli utenti che la pagina non è accessibile – e può essere un grosso problema.
Quando gli utenti non possono accedere a una pagina, non possono trovare le informazioni di cui hanno bisogno.
Informa anche Google che il tuo sito offre una scarsa esperienza al cliente, il che può comportare meno traffico e un posizionamento più basso.
In teoria, i visitatori del sito non arriverebbero mai su una pagina 404, ma la realtà è che di tanto in tanto si verificano, anche in siti ben curati.
Perché un visitatore potrebbe finire su una pagina 404?
Perché un utente potrebbe ricevere un errore 404?
Ci sono diverse ragioni, che includono:
- Il server non funziona.
- La pagina si è spostata e non è stata reindirizzata.
- La pagina non è mai esistita.
- L’utente ha digitato male l’URL.
- L’URL è rotto.
In pratica, se un utente cerca di visitare una pagina che non può essere trovata, sarà mandato alla tua pagina 404.
A che serve creare una pagina 404 che si distingua?
Una pagina di errore 404 visivamente accattivante e user-friendly mostra ai clienti che ti preoccupi della loro esperienza e che sei interessato a tenerli sul tuo sito web.
Quando è fatta bene, una buona pagina 404 aiuta gli utenti a perdonare l’errore (anche se è stata colpa loro che hanno sbagliato a digitare l’URL) e li mantiene sul tuo sito.
Una grande pagina 404 può far sorridere gli utenti e – cosa più importante – aiutarli a trovare quello che stanno cercando.
Abbiamo esaminato decine di pagine 404 per trovare le migliori che mostrano la creatività e la personalità dei marchi.
Ecco 37 dei migliori esempi di pagine 404 fatte bene.
Disney
Disney batte il ferro con la sua pagina 404 mettendo in evidenza uno dei personaggi più popolari noti per la distruzione – Wreck-it Ralph.
Sono presenti anche KnowsMore, un personaggio secondario di Ralph Breaks The Internet.
Entrambi i personaggi sono appropriati per la pagina 404, ma notate cosa c’è proprio accanto a KnowsMore: una piccola barra di ricerca.
C’è un’altra in cima alla pagina, ma questa è proprio al centro dove gli utenti la vedono. Questa barra di ricerca mantiene gli utenti sulla pagina aiutandoli a trovare quello che stanno cercando.
Drift
Drift è uno strumento di marketing di conversione e una piattaforma di vendita che offre strumenti per la live chat, landing page e altro.
La copia della loro pagina 404 rimane on-brand menzionando “conversazioni”, ma lavora anche per mantenere le persone sul sito web Drift offrendo link alla loro homepage, il loro blog, e link ad alcuni dei loro contenuti più popolari.
Nell’angolo in alto a destra, offrono anche un percorso di conversione fornendo il pulsante Get Drift Free.
Help Scout
Help Scout fornisce alle aziende strumenti per software help desk, supporto clienti via email e knowledge base online.
Come Drift, la loro pagina 404 offre link al loro blog e altri post, ma usano una grafica carina di cani carini per mantenere il sorriso delle persone.
Apartment Therapy
Apartment Therapy, un sito di arredamento per la casa, lo mantiene leggero scherzando sul fatto che il washi tape (un popolare nastro di carta usato nella decorazione e nello scrapbooking) non può riparare il link rotto.
Appena sotto la piega, si collegano a diversi post popolari per tenere impegnati i visitatori del sito.
Hanno anche incluso una barra di ricerca e la loro barra di navigazione principale in modo che gli utenti possano continuare ad esplorare il sito.
CoSchedule
CoSchedule, uno strumento di pianificazione del marketing, lo mantiene semplice con una GIF di un cane carino e link alla loro homepage e blog.
Questo esempio dimostra che non c’è bisogno di spendere molti soldi per creare una pagina 404 accattivante.
È semplice, ma fa il suo lavoro.
Sprout Social
Sprout Social, lo strumento di social media marketing, vuole davvero mantenere i suoi clienti sulla pagina.
Iniziano con una reazione ironica all’atterraggio sulla pagina sbagliata – ma spingono anche una demo gratuita, mentre il link della home page passa in secondo piano.
Poi, appare il loro chatbot per scoprire di cosa avete bisogno.
In fondo, promuovono la loro newsletter.
In sostanza, hanno trasformato la loro pagina 404 in una landing page.
ConvertKit
Chi non ama i cani?
ConvertKit lo mantiene leggero offrendo una foto del cane di un membro del team e un link alla loro homepage.
Ma lo mantiene anche professionale fornendo la loro chat online e un CTA per iscriversi gratuitamente.
Screaming Frog
Screaming Frog è uno strumento progettato per aiutare i proprietari di siti a trovare e correggere i link non funzionanti – e riconoscono l’ironia di avere una pagina 404, prendendo un po’ in giro se stessi, poi offrendo link al loro blog, alla pagina dei contatti e ai servizi.
A differenza delle altre pagine 404 della lista, questa non è statica.
Le mosche si muovono nella pagina, i pesci galleggiano e le ninfee girano.
È un piccolo cambiamento, ma rende la pagina ben pensata.
Moz
Moz mantiene la semplicità con un cameo di Roger Mozbat, la mascotte del marchio.
La sua presenza è sul marchio e un modo semplice per far sorridere la maggior parte delle persone.
Moz ti dà anche una barra di ricerca del sito in modo da poter trovare ciò che stai cercando.
BigCommerce
La pagina 404 di BigCommerce offre molte delle stesse caratteristiche che abbiamo visto prima – il CTA per contattare, richiedere una demo, e un modo semplice per esplorare il sito.
Ma ciò che spicca è l’immagine spaziale ben progettata, che fa sembrare la pagina pensata e pianificata.
C’è una buona probabilità che gli utenti che atterrano sulla tua pagina 404 siano infastiditi – una grafica creativa aiuta a far sembrare che tu abbia tutto sotto controllo e che questo sia stato solo un piccolo passo falso.
Kinsta
Kinsta, una società di hosting WordPress cloud-based, adotta un approccio simile a BigCommerce offrendo un’immagine ben progettata sulla loro pagina 404.
Mantengono la loro navigazione superiore e la barra di ricerca, in modo che gli utenti possano trovare facilmente altre informazioni.
Utilizzano anche un pop up per suggerire contenuti gated, che probabilmente aiuta a guidare gli iscritti all’email.
Lego
Lego si mantiene leggero usando una grande immagine di un omino Lego insieme alla battuta “Ci dispiace, non riusciamo a trovare quella pagina! Non ti preoccupare, ma tutto è ANCORA FANTASTICO!” che è un riferimento ad una canzone del film Lego.
Offrono anche un link al loro negozio per mantenere gli utenti sul posto.
Slack
La pagina 404 di Slack è incredibile.
L’immagine qui sopra scorre effettivamente per mostrare una foresta con farfalle volanti, maiali, fiori e polli.
Va anche in bianco e nero se vai in un’altra scheda, il che, sfortunatamente, rende difficile fare uno screenshot della meraviglia.
Vai al loro sito per l’esperienza completa.
Mailchimp
Lo strumento di posta elettronica Mailchimp si mantiene semplice – ma intelligente – con la loro pagina animata 404 di un animale alla ricerca in un buco, presumibilmente, la pagina che si è persa.
È intelligente e mostra che la loro pagina 404 non è un ripensamento.
okta
Okta è una società di gestione degli accessi basata su cloud con sede a San Francisco.
La loro pagina 404 è piuttosto semplice, ma mi piace molto che offrano ragioni per cui il link potrebbe essere rotto, il che aiuta gli utenti a capire cosa potrebbe essere andato storto.
Svizzera
Swiss Airlines non offre alcuna informazione aggiuntiva, a parte un link alla loro homepage e la barra di navigazione, ma l’immagine sulla loro pagina 404 è davvero bella.
Le nuvole si muovono mentre guidi il cursore sulla pagina, avvolgendoti nelle nuvole.
È una caratteristica interessante che mi ha tenuto sulla loro pagina 404 più a lungo di quanto vorrei ammettere.
Wizarding World
Come molti fan di Harry Potter sanno, Harry si perde la prima volta che cerca di usare la polvere Floo, una sostanza scintillante che permette ai maghi di viaggiare trasportandoli in quasi tutte le altre case o edifici con un camino.
L’immagine qui sopra mostra la scena in cui Harry esce dal camino dove si è trasportato accidentalmente coperto di fuliggine – rendendola l’immagine perfetta per una pagina 404.
Sud-ovest
Ecco un’altra pagina 404 che mi ha fatto sorridere – per prima cosa, usano un riferimento a “Star Wars”, che la mantiene leggera.
La pagina presenta anche un bastone mobile usato dagli assistenti di volo che dirigono gli aerei sulla pista.
Accanto all’immagine, Southwest offre link rapidi per aiutare gli utenti a trovare ciò di cui hanno bisogno.
È funzionale ma si distingue comunque.
9GAG
9GAG, la piattaforma online per meme e video, usa una GIF totalmente on-brand per la sua pagina 404 e offre un unico link che indirizza gli utenti alla sua app.
È semplice, ma rimanere on-brand assicura che i visitatori del sito sappiano di essere sul sito giusto, anche se non trovano la pagina che stavano cercando.
Flywheel
Flywheel, una società di hosting WordPress gestito, offre questa eccentrica pagina 404 per far sapere alla gente che sono finiti sulla pagina sbagliata.
Il linguaggio informale riflette l’atmosfera generale del loro marchio, e il link alla homepage aiuta gli utenti a trovare la loro strada.
Come molti altri marchi, offrono anche una funzione di chat per aiutare ulteriormente gli utenti che hanno perso la strada.
Dan Woodger
Dan Woodger, un artista e illustratore, presenta il suo lavoro sulla sua pagina 404. Il suo hamburger luminoso e allegro è proprio di casa.
Nota che non menziona che è una pagina 404 o dà altre informazioni, a parte un link al suo lavoro.
Questo esempio dimostra che una grande pagina non deve essere complicata.
Distillata
Un sacco di marche chiamano la loro pagina 404. Pensano che non molte persone vedranno la pagina, quindi cosa importa.
Ma mostrare lo stile del tuo marchio su una pagina (apparentemente) insignificante ha molto peso.
Se ti interessa la tua pagina 404, è molto probabile che ti interessi anche ai tuoi clienti.
Distilled usa un’immagine infografica per spiegare cos’è la pagina e cosa potrebbe essere andato storto.
Taco Bell
Taco Bell è noto per essere un po’ irriverente. La loro pagina 404 non fa eccezione.
La pagina presenta un taco danzante che scivola e rovescia il suo ripieno, poi lo rimette nel suo guscio.
È un divertente promemoria che ricorda loro che qualcosa è andato storto.
La pagina include anche un link alla homepage del sito, al menu, alle sedi e a dove acquistare carte regalo e merchandise.
Magnt
Magnt offre un costruttore facile da usare e strumenti per creare siti, e sono orgogliosi di essere meglio del tuo costruttore di siti web standard basato su modelli.
La loro pagina 404 evidenzia la creatività del marchio con un diagramma di Venn intelligente che esplora le ragioni per cui potresti essere finito sulla pagina – “Abbiamo rotto qualcosa” o “Non puoi digitare.”
Dribble
Dribble, un mercato creativo per professionisti del design, offre una pagina 404 completamente funzionale.
Gli utenti possono trascinare il punto sotto il font 404 per esplorare i designer all’interno di una specifica gamma di colori.
Cliccando sui blocchi che compongono i numeri 404 si arriva a quei designer specifici.
Offrono anche una barra di ricerca, per gli utenti che preferiscono cercare nel sito in questo modo.
Overflow
La personalità di Overflow è posta davanti e al centro della loro pagina 404.
Il loro tono colloquiale e l’umorismo sono invitanti e accoglienti e mi fanno venire voglia di cliccare di nuovo sulla loro home page.
E, la stessa voce e lo stesso tono sono trasmessi sulla homepage.
Wendy’s
A questo punto, probabilmente avrete riso di uno o due tweet di Wendy’s.
Ma, simile a Overflow, Wendy’s continua a far fluire la stessa voce e lo stesso tono nel loro sito web, anche nella loro pagina 404.
Hanno creato un videogioco interattivo per gli utenti simile a Pac-Man sulla loro pagina 404.
Vedi se riesci a portare Wendy alla fine!
Red Bull
La pagina 404 di Red Bull è un sogno per qualsiasi professionista del SEO o del marketing.
È piena di link ad articoli e playlist di video.
Red Bull fa persino ruotare la playlist di video per il loro evento più recente.
Si può vedere dall’immagine qui sopra, Red Bull stava usando il loro evento di surf Red Bull Big Wave del 2020 come fonte di ispirazione.
Blizzard
Blizzard Entertainment, i creatori di World of Warcraft, noto anche come WOW se sei un geek come me. 🤓
Blizzard presenta uno dei loro personaggi più noti, un Murloc, per aiutarti a salvarti dalla loro pagina 404.
Marvel
Marvel utilizza i suoi diversi personaggi dei fumetti come Captain America, Deadpool, ecc. in una pagina 404 a rotazione.
Un piccolo suggerimento: continua a premere refresh. Ogni tre aggiornamenti, Marvel servirà un’immagine diversa.
Patagonia
Patagonia sta appendendo dieci sulla loro pagina 404 giocando sul suo casual, tropicale.
Prima coinvolgono lo spettatore con un video in loop, ma poi guidano l’utente più in basso nella pagina verso i link alle loro popolari categorie di shopping.
Backcountry
Backcountry, un popolare sito di attrezzatura outdoor che spesso passo troppo tempo a comprare cose che non comprerò mai, mostra il suo lato divertente mentre si collega al suo pubblico.
Nintendo
Nintendo manca di alcuni pezzi visivamente accattivanti, Il che mi ha sorpreso, essendo Nintendo e tutto il resto.
Ma l’importante è che Nintendo aggiunga dei link per le risorse per l’utente.
Costringe gli utenti a rimanere sul sito e a non rimbalzare verso le SERP.
Zillow
Zillow offre una GIF interattiva a chi cerca casa.
E, per tenere impegnati gli amanti degli animali, hanno creato questo gatto interattivo che aggiunge una piccola risatina alla fine quando rompe qualcosa nel soggiorno.
Come amante degli animali, posso collegarmi a questo!
H&R Block
H&R Block è un altro sguardo ad una pagina nonpagina 404 non così attraente, ma offre più informazioni agli utenti per mantenerli cliccanti e impegnati sul loro sito web.
World of Warcraft
Il team di World of Warcraft riconosce le competenze del suo pubblico con alcune battute sulle CDN e sull’above the fold.
Playstation
Playstation dà un bel risalto a uno dei suoi giochi più recenti sulla sua pagina 404.
Inoltre, forniscono opzioni per tornare alla homepage o ottenere consigli dal centro assistenza.
Sommario
In un mondo perfetto, nessuno vedrebbe mai le tue pagine 404.
Starebbero nascoste lontano, come il sacchetto di Reese’s thins che tengo nascosto nel mio armadio. Sai, per i momenti drastici.
Ma nel mondo reale, le cose accadono.
I link vengono troncati, le dita grasse scivolano, e a volte ci si dimentica semplicemente di reindirizzare una pagina. Cominciate ad usare uno strumento come Screaming Frog per trovare quei link interrotti.
Ricordate, ci vuole tempo per creare una pagina 404 creativa che attiri gli utenti piuttosto che cacciarli via.