Una problematica importante, spesso trascurata, nella creazione di un sito web è la programmazione dei contenuti delle pagine 404.
Può capitare occasionalmente che gli utenti, a causa di una scorretta digitazione di un URL o magari di un link rotto all’interno del tuo blog o portale, cerchino di accedere a pagine inesistenti.
Progettare delle pagine 404 personalizzate che guidino il lettore verso contenuti reali, potrebbe migliorare di molto la navigazione sul sito garantendo la permanenza di un utente che altrimenti andrebbe perso.
Quali sono le operazioni da evitare?
Migliorare la navigabilità del tuo blog ottimizzando la pagina di errore 404

Assicurati che la pagina 404 possa essere indicizzata nei motori di ricerca
Sicuramente puoi far si che le pagine 404 non vengano indicizzate dai motori di ricerca.
Assicurati quindi che il tuo blog o sito web server sia configurato in modo da restituire dei messaggi 404 HTTP Status code nel momento in cui queste pagine vengono richieste.
Non fornire messaggi vaghi
…del tipo “Non trovato”,“errore” e simili.
Inserisci piuttosto un link che rimandi ad altre pagine del vostro sito usando una frase del tipo “Quello che stai cercando non si trova qui prova con…”.
Un’alternativa potrebbe essere quella di offrire un form di ricerca che il lettore può utilizzare per trovare la pagina corretta.
Google, a dimostrazione che questi piccoli accorgimenti sono importanti, offre lo strumento 404 widget che può essere inserito nel vostro sito per personalizzare le pagine 404.
Utilizzare un plugin gratuito per WordPress
Un ultimo consiglio per tutti i blogger che utilizzano WordPress.
Esiste un plugin gratuito, 404-Notifier, che una volta installato e configurato permette di ricevere nella vostra casella di posta un’e-mail recante i tentativi di accedere a pagine inesistenti del vostro sito.
In alternativa, per individuare le sorgenti di traffico inesistenti potete utilizzare gli “Strumenti per i Webmaster” forniti da Google.
Un esempio di pagina 404 con wordpress
Solitamente tutti i temi wordpress hanno un file 404.php che viene richiamato quando non viene trovata una pagina. Dopo aver aperto il file troverete del codice simile:
<?php get_header(); ?>
<div id=”content-wrap”>
<div id=”back_top”>
<?php get_sidebar(); ?>
<div id=”content”>
<h2 class=”center”>ERROR 404! Not FOUND</h2>
</div>
<?php get_sidebar(); ?>
</div>
<?php get_footer(); ?>
Modifica il codice inserendo al posto della riga “<h2 class=”center”>ERROR 404! Not FOUND</h2>” queste righe di codice:
<h2 class=”center”>OPS! Quello che stai cercando non è qui!</h2>
Prova ad effettuare una ricerca nel sito:
<form id=”searchform” method=”get” action=”http://www.tuosito.com/“>
<div>
<input type=”text” value=”Cerca nel sito..” name=”s” id=”s” size=”15″ class=”txt”/>
<input type=”submit” class=”button” value=”VAI”/>
</div>
</form>
Questo è solo un esempio, divertiti nel rendere User Friendly le vostre pagine di errore!
Autore: Gabriele Costamagna, neo Dottore laureato all’università di Torino in Informatica. Ha appena aperto un suo blog personale dedicato alla sua “passione per il design“.
Abbonati al Feed Rss
Blographik è un progetto dedicato in larga parte a web design, grafica e risorse per blog. Nasce nel Gennaio del 2006 con lo scopo di seguire i continui sviluppi del blogging e del web design cercando di proporre sempre materiale ed informazioni utili per tutti i professionisti e gli appassionati del settore.
10 Commenti
Ottimi suggerimenti… spesso si trascurano le pagine 404, invece possono essere ben ottimizzate per re-dirigere l’utente e tenerlo fidelizzato…
@NBWeb.it:
si, infatti, sono i dettagli che fanno la differenza, e l’ottimizzazione della pagina 404 potrebbe essere uno di questi.
La pagina 404 corre il rischio di essere l’ultima pagina che un visitatore vede, dopo la quale decide di andarsene…
Quindi è meglio ottimizzarla e fornire delle informazioni in modo da “rimettere sui binari” il visitatore che si è perso.
Nella mia pagina 404 (del blog) ci ho messo la lista delle pagine con una breve descrizione e la lista degli ultimi articoli.
@Giacomo Rotta:
.
benvenuto su blographik
Ottimi suggerimenti anche i tuoi.
Ne aggiungo un’altro come continuazione del tuo:
per vedere cosa inserire nella pagina 404 di un blog, si potrebbero selezionare i migliori blog nazionali e internazionali e provare a vedere e trarne spunti utili.
Generalmente ho sempre usato uno file 404.shtml con un codice del tipo:
Ooops la pagina che cerchi non è stata trovata!
Le cause possibili sono:
La pagina è momentaneamente offline per allestimento;
L’indirizzo che hai digitato non è corretto (attenzione: ricordati di rispettare le lettere maiuscole e minuscole!);
La pagina non esiste più.
Entro 15secondi sarai reindirizzato sulla Home Page.
Non so se funziona con wordpress che ha un codice diverso per gli errori 404, ma per altri tipi si siti anche php funziona sicuramente.
P.s. wordpress mi tronca il codice non so come postarlo
@Lucky:
grazie anche a te per gli utili consigli in base alla tua esperienza.
Sinceramente non so perchè wordpress in questo caso non inserisce il codice, forse perchè non ho abilitato questa funzione anche nelle discussioni.
Se vuoi, aggiungi uno screenshot su facebook o flickr, e poi ci mandi il link dell’immagine correlata, per vedere il codice di cui parlavi.
Grazie
.
Ho scritto un’articolo per l’occasione qui http://www.luckylab.eu/2009/06/09/come-creare-una-pagina-404-personalizzata/
@Lucky:
perfetto, così da approfondire il tema anche dal tuo blog.
Grazie per il link.
Ringrazio pubblicamente ancora una volta Mirko che mi ha dato l’opportunita’ di scrivere su blographik
.
Quello delle pagine 404 mi sembrava un tema utile e una piccolezza che molto spesso, a torto, viene tralasciata.
Grazie ancora e mi raccomando, visitate il mio blog (e magari proponetemi qualche guets post
.
2 Trackbacks
11 giugno 2009 alle 00:03
[...] su blographik e’ stato pubblicato un mio articolo in cui propongo alcuni consigli su come ottimizzare le pagine 404. Un buona progettazione di pagine [...]
11 aprile 2010 alle 10:24
[...] su blographik e’ stato pubblicato un mio articolo in cui propongo alcuni consigli su come ottimizzare le pagine 404. Un buona progettazione di pagine [...]