Creare una perfetta pagina 404

Sarebbe bello se il nostro blog funzionasse sempre alla perfezione, ogni link al suo posto e ogni pagina fosse sempre raggiungibile, ma purtroppo capita che, soprattutto quando i contenuti iniziano ad aumentare e alcuni post vengono aggiornati o modificati, si arrivi alla fatidica pagina di errore 404…

Ma che cos’è un errore 404?

Un errore 404 avviene quando un client (cioè un browser come Internet Explorer o Firefox) richiede una pagina web ad un server ma questa non viene trovata oppure non è al momento disponibilie. Il browser quindi, per far capire all’utente che si è presentato un errore, mostra la classica pagina 404 di default che dovrebbe aiutare l’utente smarrito a capire il da farsi.

Questa pagina di errore di default ha però alcuni svantaggi:

  1. Molto spesso è ben poco comprensibile per l’utente medio.
  2. Fa uscire dalla interfaccia del nostro blog facendo pensare che tutto il blog (o addirittura internet!) sia andato in crash.
  3. E’ veramente brutta da vedere…

Per facilitarvi le cose ecco alcuni classici esempi di pagine 404:

Come dovrebbe essere una pagina 404?

Innanzitutto dovrebbe essere una pagina che aiuti l’utente. Il senso che un visitatore del mio blog riceve quando arriva su una pagina 404 dovrebbe essere secondo me il seguente:

E’ un errore, può capitare – e forse è anche colpa mia (del webmaster…) – niente panico e vediamo come è possibile continuare a navigare in questo bellissimo blog…

Per fare che questo accada ecco i punti fondamentali da inserire in una pagina 404:

  • Un testo introduttivo che spieghi cosa è successo e che non è colpa del visitatore
  • Una serie di istruzioni su come procedere per continuare a visitare il blog
  • Un link alla homepage
  • Un link all’archivio
  • Una casella di ricerca o un’inidicazione su dove trovarla

In questo modo un utente non rimarrà bloccato dall’errore ma potrà continuare a navigare nel vostro blog.

Un esempio di pagina 404 è quella che ho preparato per questo blog, la potete vedere qui.

Ora vi andrò a spiegare come creare una pagina simile per Wordpress.

Come creare una pagina 404 in Wordpress?

Poichè come visto negli esempi sopra riportati un errore 404 classico mostra una pagina di default del browser, è meglio, per avere una migliore ottimizzazione e un migliore contatto con i vostri utenti, creare una pagina 404 che sia complementare con il tema del vostro blog.

Per fare questo bisognerà creare un file apposito all’interno del vostro template, che, in maniera facilmente immaginabile si chiamerà 404.php.

Per fare questo il metodo più facile è aprire il file index.php del vostro template e copiarne tutto il contenuto in un’altro file che verrà poi salvato con il nome 404.php, sempre nella cartella del template.

A questo punto bisognerà lavorare su quest’ultimo file e modificarlo per farlo diventare una pagina statica. Eliminate quindi tutta la parte di codice corrispondente al Loop, ovvero tutto a partire da:

<?php if(have_posts()) : ?>

fino a

<?php endif; ?>

A questo punto non dovrete fare altro che inserire il testo e tutti gli altri elementi della vostra pagina 404 in HTML, salvare e caricare la pagina sul vostro server.

In questo modo, grazie alla gerarchia interna di Wordpress, quando si presenterà un errore 404, gli utenti verranno reindirizzati automaticamente verso questa pagina preparata da voi. Facile, no?

Se volete vedere un esempio funzionante qui trovate la mia pagina 404.

Se avete domande o consigli non siate timidi e lasciare un commento…

Condividi