Progettazione di 404 pagine intuitive e facili da usare

Tutti noi abbiamo interagito con una pagina 404 ad un certo punto.

Queste pagine vengono visualizzate quando il collegamento viene interrotto, una pagina viene eliminata o quando l’utente ha digitato in modo errato l’indirizzo della pagina. Ma qualunque sia la ragione, rimane un errore che deve essere corretto. Inoltre, i collegamenti interrotti danneggiano il posizionamento del tuo sito e non è quello di cui hai bisogno. L’aspetto SEO del tuo sito è incredibilmente importante, quindi non vuoi perdere traffico solo perché ti sei dimenticato di tenere d’occhio le notifiche 404.

Sebbene sia chiaro che le pagine 404 devono essere riparate al più presto, non è mai possibile prevedere quando l’utente incontra un collegamento interrotto. Quindi, per essere pronto e trasformare l’esperienza negativa in positiva, devi personalizzare le tue pagine 404 e renderle user-friendly e intuitive.

Pronto a imparare come trasformare il male in bene? Scopriamolo.

Personalizza la pagina 404 per il tuo sito

Immagina di navigare in un sito Web incredibilmente colorato e accattivante con molti elementi interattivi e improvvisamente ti imbatti in una pagina vuota con il semplice messaggio "Pagina 404 non trovata".

Un po’ un risveglio, vero?

La pagina 404 non dovrebbe apparire come una spiacevole sorpresa, ecco perché è così importante mantenere il suo design uguale al layout generale del sito.

Per questo, mantieni l’aspetto della pagina 404 uguale all’aspetto delle altre pagine, inclusi sfondo, colori, caratteri e altri elementi (se applicabile). Inoltre, molti siti Web sfruttano la pagina 404 come un’opportunità per enfatizzare il marchio e ricordarlo ancora una volta agli utenti.

Quando progetti una pagina 404 per il tuo sito, presta attenzione al messaggio. Un messaggio ben congegnato è una buona opportunità per includere un gioco di parole intelligente o ricordare agli utenti i tuoi prodotti/servizi in modo discreto.

Spiega cosa è successo

Se guardiamo la pagina 404 predefinita sotto Apache, vedremo quanto segue:

E questo è tutto. L’utente non ha idea di cosa sia realmente accaduto e cosa fare dopo.

Poiché ti preoccupi per i tuoi clienti e desideri ignorare qualsiasi esperienza spiacevole, fornisci una spiegazione per l’errore. I motivi principali per 404 sono di solito:

• L’utente ha sbagliato a digitare qualcosa,
• Il collegamento è rotto,
• La pagina non esiste,
• La connessione con il server è interrotta.

Naturalmente, non è necessario elencare tutti i problemi sopra menzionati. Assicurati solo che la tua spiegazione sia comprensibile.

Essendo onesto sul problema, conquisterai gli utenti e li incoraggerai a rimanere sul sito e continuare a navigarlo.

Crea un messaggio coinvolgente

La pagina 404 è un’occasione perfetta per il marchio per mostrare la propria identità attraverso un messaggio ben congegnato.

I migliori esempi di 404 pagine spesso includono:

• Giochi di parole
• Messaggio relativo ai prodotti o servizi del sito
• Appello personale,
• Riferimenti alla cultura pop ed eventi riconoscibili.

Poiché la pagina 404 è un errore per impostazione predefinita, è necessario trasformarla in qualcosa di completamente opposto, ovvero un’esperienza positiva e divertente.

GitHub ha fatto un ottimo lavoro in termini di progettazione della sua pagina 404. Ha usato lo stereotipo sugli sviluppatori e il loro amore per la saga di "Star Wars" e lo ha usato a proprio vantaggio rendendo immediatamente riconoscibili sia gli elementi visivi che il messaggio della pagina anche da quelle persone che non hanno visto nessun film di Star Wars.

Proponi un’azione da intraprendere

Un invito all’azione è davvero importante ed è un must assoluto per un design di 404 pagine.

Un utente non dovrebbe mai essere lasciato con una pagina vuota e zero scelte. Quindi, anche se accadesse qualcosa come 404, offri un’alternativa che porterebbe a un vantaggio reciproco.

Alcuni dei CTA più popolari per la pagina 404 sono:

• una barra di ricerca
• pagina iniziale
• top-prodotti/servizi
• iscriviti a un prodotto o a una newsletter
• un’offerta di una prova gratuita

Presta attenzione al design dei pulsanti CTA. Devono essere facilmente individuabili e non devono fondersi con lo sfondo, altrimenti l’utente non li noterà. Inoltre, pensa al messaggio del pulsante CTA: invece di cliché come "Fai clic qui", scegli qualcosa di più creativo ("Guarda cosa abbiamo ottenuto").

Aggiungi una barra di ricerca

Un utente è arrivato sulla pagina 404 perché stava cercando qualcosa. Quindi offri loro un’opzione per riprovare aggiungendo una barra di ricerca alla pagina.

Puoi supportarlo con un messaggio del tipo: "Sembra che la tua query non si trovi da nessuna parte… Perché non riprovare?" Gli inviti all’azione ben scritti hanno un alto tasso di coinvolgimento e funzionano bene insieme alle immagini.

Inoltre, aggiungi un testo di suggerimento alla barra di ricerca. Una barra con un testo ottiene un coinvolgimento migliore rispetto a una vuota.

Aggiungi punti di uscita

Una barra di ricerca sulla pagina 404 non è sufficiente. Cosa succede se gli utenti non sono sicuri di ciò di cui hanno bisogno?

Aggiungi "Home page" o qualsiasi altro pulsante pertinente per far passare l’utente da una pagina 404 a una potenziale conversione. Inoltre, puoi aggiungere un pulsante "Contattaci" per aumentare l’affidabilità.

Alcune aziende utilizzano la pagina 404 come un’opportunità per ricordare i propri prodotti e servizi e inserire i collegamenti corrispondenti nella pagina.

Mostra i tuoi prodotti/servizi

Se sei un negozio di e-commerce, ad esempio, puoi inserire i tuoi prodotti più venduti nella pagina 404 per dare agli utenti la possibilità di scoprire i tuoi prodotti migliori e (si spera!) di acquistarli.

Come per gli altri siti, di sicuro puoi offrire qualcosa di prezioso ai tuoi utenti. Può essere una prova gratuita di un prodotto, un’offerta per l’iscrizione a un corso o una guida alle aree utili del sito.

Rendilo divertente

Come abbiamo già detto sopra, la pagina 404 è un’esperienza negativa perché l’utente non ha ottenuto il risultato previsto. Per risolvere il problema, rendi la pagina interattiva o aggiungi un elemento divertente.

Anche se ti posizioni come un marchio altamente professionale, un po’ di umorismo non guasta. Inoltre, molte aziende aggiungono ludicizzazione e video alla loro pagina 404 per coinvolgere l’utente e farlo divertire.

Monitoraggio dell’errore 404

L’errore 404 non è affare dell’utente. Ma è tuo compito rintracciarlo e identificare la causa dell’errore e il percorso dell’utente.

Ci sono alcune cose da tenere a mente quando si sceglie uno strumento per il monitoraggio degli errori 404.

Considera tutte le fonti di errore 404

Un errore 404 potrebbe non essere necessariamente sul tuo sito: un cliente può aprire una vecchia newsletter e seguire il link oppure potrebbe apparire nei risultati di ricerca su Google.

Quindi, quando scegli uno strumento per il monitoraggio degli errori, ricontrolla che cerchi gli errori 404 ovunque in modo da poterli correggere tutti.

Rapporto sul costo dell’errore 404

Come proprietario di un sito, probabilmente hai un milione di cose da fare e la correzione degli errori 404 potrebbe non essere in cima alla tua lista.

Questo è il motivo per cui hai bisogno di uno strumento che ti faccia sapere quanto costano i tuoi errori 404. E non stiamo parlando di soldi qui: potrebbe essere una percentuale di conversioni perse, una maggiore frequenza di rimbalzo, un numero di utenti persi.

Dopo aver visto l’impatto degli errori 404 sulla tua attività, sarà più facile stabilire la priorità delle attività e spostare gli errori 404 in alto o in basso nell’elenco.

Monitoraggio costante

Un errore 404 non è qualcosa che accade regolarmente. Può succedere che tu stia andando perfettamente bene e poi, all’improvviso, un utente riceve un 404.

Ecco perché il tuo strumento di tracciamento dovrebbe monitorare costantemente gli errori 404 e avvisarti immediatamente quando ne trovi uno. In questo modo, sarai in grado di risolverlo tempestivamente ed eliminare il rischio che altri utenti inciampino nella pagina 404.

Tipi di strumenti di tracciamento

Esistono diversi tipi di strumenti di tracciamento disponibili che ti aiuteranno a individuare l’errore 404 e risolverlo correttamente.

Strumenti di scansione

Gli strumenti di scansione come Screaming Frog sono perfetti per scansionare rapidamente il tuo sito Web e controllarlo per i collegamenti interrotti.

Questi strumenti analizzano i collegamenti del tuo sito Web e ti consentono di sapere quali sono interrotti e qual è la fonte dell’errore. Inoltre, gli strumenti di scansione sono in genere facili da gestire e installare.

Il più grande difetto di tali strumenti è che analizzano solo i collegamenti sul tuo sito Web e ricordi cosa abbiamo detto sull’importanza dell’analisi avanzata? Inoltre, gli strumenti di scansione non ti dicono il costo di un errore 404, ma aiutano solo a identificarlo.

Uno strumento di scansione è decisamente utile e dovresti distribuirlo regolarmente solo per assicurarti che tutto vada bene per il tuo negozio. Tuttavia, non dimenticare di eseguire analisi regolari e avanzate per assicurarti che non ci siano altri errori che potresti aver lasciato inosservato.

Strumenti di collegamento a ritroso

A differenza degli strumenti di scansione, gli strumenti di backlink si concentrano su fonti esterne che portano gli utenti ai collegamenti interrotti sul tuo sito.

Link Explorer di Moz è uno degli strumenti che ti aiutano a trovare i siti Web che portano gli utenti al tuo sito. Tale analisi è davvero utile per il tuo SEO in quanto puoi eliminare i link 404 e migliorare il posizionamento del tuo sito.

Ma ancora una volta, come con gli strumenti di scansione, gli strumenti di monitoraggio dei backlink coprono solo un aspetto dell’identificazione dei collegamenti interrotti. Se vuoi trovare tutti i link di errore 404, compresi quelli nelle vecchie newsletter o sui social media, avrai bisogno di un’analisi più completa.

Monitoraggio con Google Analytics

Uno dei modi più comuni ed efficienti per tenere traccia dell’errore di 404 pagine è con Google Analytics.

Per questo, dovrai copiare questo codice:

<script> 
   // Create Tracker - Send to GA
   // Replace UA-11111111-11 with your own Tracking ID
 ga('create', 'UA-11111111-11');
   ga('send', {
     hitType: 'event',
     eventCategory: '404 Response',
     eventAction: window.location.href,
     eventLabel: document.referrer
});
</script>

e aggiungerlo alla pagina/modello di errore 404. Ricorda solo di incollare l’ID del tuo account Google nel codice.

Successivamente, sarai in grado di vedere quali URL esatti causano l’errore 404 e dove le persone li ottengono.

E infine: risolvi il problema!

Gli incidenti accadranno e questo è un dato di fatto. È meglio avere una bella pagina 404 in anticipo piuttosto che risolvere freneticamente il problema mentre gli utenti infastiditi stanno aspettando.

Tuttavia, 404 è un errore e deve essere corretto. A seconda della priorità dell’errore, è possibile reindirizzare il collegamento, ripristinare la pagina o correggere il collegamento di origine. Inoltre, procedi come segue:

• Introdurre report 404 automatizzati e regolari per tenere d’occhio le pagine 404 e correggerle tempestivamente,
• Imposta notifiche in tempo reale su 404,
• Eseguire un controllo per identificare eventuali collegamenti interrotti.

Tutto sommato, una pagina 404 di facile utilizzo dovrebbe apportare valore all’utente, essere coerente in termini di progettazione complessiva del sito Web e aiutare a navigare nel sito. Seguendo queste regole, manterrai gli utenti e allo stesso tempo aumenterai le tue conversioni.