Progettazione di pagine 404 intuitive e di facile utilizzo
Pubblicato: 2019-10-16Tutti 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 il motivo, 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 il traffico solo perché hai dimenticato di tenere d'occhio le notifiche 404.
Sebbene sia chiaro che 404 pagine devono essere riparate il prima possibile, non puoi mai prevedere quando l'utente incontra un collegamento interrotto. Quindi, per essere pronti e trasformare l'esperienza negativa in una positiva, devi personalizzare le tue 404 pagine e renderle facili da usare e intuitive.
Pronto per imparare a trasformare il male in buono? 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 di imbatterti improvvisamente in una pagina bianca con un semplice messaggio "404 Pagina non trovata".
Un po' sveglia, 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 a quello delle altre pagine, inclusi sfondo, colori, caratteri e altri elementi (se applicabile). Inoltre, molti siti Web prendono la pagina 404 come un'opportunità per enfatizzare il marchio e ricordarlo agli utenti ancora una volta.
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 osserviamo la pagina 404 predefinita in Apache, vedremo quanto segue:
E questo è tutto. L'utente non ha idea di cosa sia effettivamente successo e cosa fare dopo.
Poiché tieni ai 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 digitato male qualcosa,
- Il collegamento è interrotto,
- 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 onesti riguardo al 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 realizzato.
I migliori esempi di 404 pagine spesso presentano:
- 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.
Offri 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
- homepage
- prodotti/servizi di punta
- iscriviti a un prodotto o a una newsletter
- un'offerta di prova gratuita
Presta attenzione al design dei pulsanti CTA. Devono essere facilmente individuati 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").
Un utente è atterrato sulla pagina 404 perché ha cercato 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 richiesta non si trovi da nessuna parte... Perché non riprovare?" I CTA 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 di una vuota.
Una barra di ricerca sulla pagina 404 non è sufficiente. Cosa succede se gli utenti non sono sicuri di ciò di cui hanno bisogno?
Aggiungi "Homepage" o qualsiasi altro pulsante pertinente per navigare 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 loro prodotti e servizi e inserire i collegamenti corrispondenti nella pagina.
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!) acquistarli.
Come per gli altri siti, sicuramente puoi offrire qualcosa di prezioso ai tuoi utenti. Può essere una prova gratuita di un prodotto, un'offerta per iscriversi a un corso o una guida ad 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 guasterà. Inoltre, molte aziende aggiungono giochi e video alla loro pagina 404 per coinvolgere l'utente e intrattenerlo.
Tracciamento 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.
Un errore 404 potrebbe non essere necessariamente presente sul tuo sito: un cliente può aprire una vecchia newsletter e seguire il collegamento oppure potrebbe apparire nei risultati di ricerca su Google.
Quindi, quando scegli uno strumento per il monitoraggio degli errori, ricontrolla che cerchi 404 errori ovunque in modo da poterli correggere tutti.
Come proprietario di un sito, probabilmente hai un milione di cose da fare e correggere 404 errori 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, aumento della frequenza di rimbalzo, un numero di utenti persi.
Dopo aver visto come gli errori 404 influiscono sulla tua attività, sarà più facile dare la priorità alle tue attività e spostare gli errori 404 in alto o in basso nell'elenco.
Un errore 404 non è qualcosa che accade regolarmente. Può succedere che tu stia andando perfettamente bene e poi, all'improvviso, un utente ottiene un 404.
Ecco perché il tuo strumento di monitoraggio 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 monitoraggio
Esistono diversi tipi di strumenti di monitoraggio disponibili che ti aiuteranno a individuare l'errore 404 e a risolverlo correttamente.
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 generalmente 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 è sicuramente utile e dovresti implementarlo 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.
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.
Il Link Explorer di Moz è uno degli strumenti che ti aiutano a trovare i siti Web che stanno portando gli utenti al tuo sito. Tale analisi è davvero utile per il tuo SEO in quanto puoi eliminare i 404 link 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 404 link di errore, inclusi quelli nelle vecchie newsletter o sui social media, avrai bisogno di un'analisi più completa.
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 aggiungilo alla pagina/modello di errore 404. Ricordati 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 che risolvere freneticamente il problema mentre gli utenti infastiditi aspettano.
Tuttavia, 404 è un errore e deve essere corretto. A seconda della priorità dell'errore, puoi reindirizzare il collegamento, ripristinare la pagina o correggere il collegamento di origine. Inoltre, procedi come segue:
- Introdurre rapporti 404 automatici e regolari per tenere d'occhio 404 pagine 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 design generale del sito Web e aiutare a navigare nel sito. Seguendo queste regole, conserverai gli utenti e allo stesso tempo aumenterai le tue conversioni.