Ecco come ottimizzare l’utilità delle pagine 404, anche su WordPress

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

di Gabriele Costamagna

pagina 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 &egrave; 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“.

Ti è piaciuto questo articolo?

Ricevi continui aggiornamenti su come migliorare il tuo blog:

Scegli di seguire i post e le chicche di blographik (esclusiva ai soli iscritti), direttamente nella tua casella email.

Abbonati ora alla newsletter compilando questo form.

Nome:
Email:
 
 

Articoli correlati:

Se di tuo interesse, puoi consultare anche i seguenti post correlati:

10 Commenti

  1. 9 giugno 2009 alle 11:03 | Permalink

    Ottimi suggerimenti… spesso si trascurano le pagine 404, invece possono essere ben ottimizzate per re-dirigere l’utente e tenerlo fidelizzato…

  2. 9 giugno 2009 alle 11:14 | Permalink

    @NBWeb.it:
    si, infatti, sono i dettagli che fanno la differenza, e l’ottimizzazione della pagina 404 potrebbe essere uno di questi.

  3. 9 giugno 2009 alle 14:39 | Permalink

    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.

  4. 9 giugno 2009 alle 15:20 | Permalink

    @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.

  5. 9 giugno 2009 alle 19:55 | Permalink

    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.

  6. 9 giugno 2009 alle 19:57 | Permalink

    P.s. wordpress mi tronca il codice non so come postarlo

  7. 9 giugno 2009 alle 20:25 | Permalink

    @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 ;) .

  8. 9 giugno 2009 alle 22:46 | Permalink

    Ho scritto un’articolo per l’occasione qui http://www.luckylab.eu/2009/06/09/come-creare-una-pagina-404-personalizzata/

  9. 10 giugno 2009 alle 09:07 | Permalink

    @Lucky:
    perfetto, così da approfondire il tema anche dal tuo blog.
    Grazie per il link.

  10. 10 giugno 2009 alle 09:11 | Permalink

    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

  1. [...] su blographik e’ stato pubblicato un mio articolo in cui propongo alcuni consigli su come ottimizzare le pagine 404. Un buona progettazione di pagine [...]

  2. [...] su blographik e’ stato pubblicato un mio articolo in cui propongo alcuni consigli su come ottimizzare le pagine 404. Un buona progettazione di pagine [...]

Commenta il post

La tua e-mail non sará mai resa di pubblico dominio.
I campi contrassegnati sono obbigatori *

*
*
blog comments powered by Disqus