Come creare una pagina 404 personalizzata su WordPress

Di Riccardo Esposito | Pubblicato il 10 Nov 2009 - Aggiornato il 6 Mar 2024

Per creare una pagina 404 personalizzata devi intervenire sul codice della risorsa 404.php oppure utilizzare uno dei tanti plugin WordPress per modificare in modo automatico. Aggiungendo immagini, link e stringhe di testo.

---

I collegamenti che portano a una pagina 404 dovrebbero essere eliminati. Ma se hai un blog con numerosi link interni ed esterni può capitare che qualche collegamento salti. Ecco perché è importante realizzare una pagina 404 personalizzata su WordPress.

Oggi ti darò una dritta sulle possibili soluzioni creative per migliorare il tuo blog. E fidati se ti dico che lavorare sulle pagine 404 è una buona idea perché questa risorsa può fare la differenza. In che modo? Iniziamo a dare qualche definizione dell’errore.

Cos’è una pagina 404 inesistente: definizione

La pagina errore 404 è una risorsa che viene utilizzata per reindirizzare l’utente nel momento in cui si trova di fronte a un problema legato alla struttura del sito web. Ci sono diversi codici di status HTTP che descrivono il rapporto tra le richieste di

• Browser.
• Sito web.
• Server.

Tutti quelli che fanno capo al numero 200 codificano un trasferimento avvenuto e accettato di dati. I 500 sono un errore del server. Con il 300 si presuppone un’azione extra del client (ad esempio con i redirect 301 c’è reindirizzamento permanente).

Da leggere: come creare un permalink

Cosa significa pagina 404 not found?

Con i 400 ci sono blocchi sul sito. Qui trovi l’errore 404, il not found. Vale a dire che la risorsa non è stata trovata. Ciò avviene perché quella pagina non esiste più, e si predispone una pagina 404 in modo da guidare l’utente verso nuove risorse.

A cosa serve la pagina errore 404 del sito

Le pagine 404 vengono visualizzate quando un utente tenta di accedere a una risorsa o una pagina web che non è stata trovata sul server. Servono a evitare che il pubblico lasci il portale e porta la visita verso altre risorse, tipo la home page o le categorie.

Invece di mostrare una pagina errore bianca, le page 404 sono allineate con il tema del sito web e presentano dei link per consentire al pubblico di muoversi. Ciò ti permette di non perdere visite o di ammortizzare il problema. Che deve essere analizzato.

Come impostare pagina 404 WordPress efficace

Creare pagina 404 personalizzata vuol dire anche sapere come ottimizzare questa risorsa dal punto di vista dell’user experience e della SEO. Detto in altre parole, questa risorsa deve essere utile e funzionale. Qualche informazione in più?

Chiara

Sai quali sono le tre regole di Jakob Nielsen per scrivere un messaggio di errore efficace? Il testo deve essere presentato con un linguaggio semplice, facile da capire anche per gli utenti meno esperti. Poi deve essere preciso nello specificare il problema.

La risorsa deve essere costruttiva e suggerire le azioni che l’utente può intraprendere per correggere il problema. Cosa scrivere in in pagina 404? Una dichiarazione semplice per spiegare che non è stato possibile trovare l’URL richiesto sul tuo sito internet.

Efficace

Aggiungi un elenco dei link comuni, quelli più richiesti dagli utenti. Inoltre, può essere utile mettere un collegamento ipertestuale anche alla home e includere un campo di ricerca per aiutare realmente l’utente a ottenere una buona soluzione.

Allineata

Una pagina 404 personalizzata ha come obiettivo la possibilità di creare un design simile a quello utilizzato nel sito web. Ad esempio, ecco come appare la pagina errore dell’INPS. Come puoi ben vedere, lo stile è simile a quello dell’intero portale.

Come puoi notare da questo esempio e da quelli successivi, il design è fondamentale per aiutare l’utente a non perdere riferimenti. Lo stesso vale per il tone of voice del copy.

SEO friendly

Il punto fondamentale: la pagina 404 personalizzata deve essere sempre e comunque nofollow. Puoi impostare questo passaggio con il meta tag="robots". Inoltre puoi anche personalizzare il tag title utilizzando le funzioni avanzate di WordPress SEO by Yoast.

Creare pagina 404 personalizzata WordPress

In realtà non hai bisogno di creare una pagina 404 su WordPress perché di default tutti i principali template WordPress hanno questa risorsa. Non esiste template che non ha di default una risorsa del genere, difficile ritrovarsi con una pagina bianca, semplice.

Un po’ come i post e le pagine fisse, ecco. Inoltre i temi a pagamento, o comunque quelli più avanzati, possono inserire moduli ed elementi per dare una marcia in più a questa risorsa. Cosa scrivere in una pagina 404 not found per far eun buon lavoro?

• Crea un link alle risorse principali.
• Spiega con ironia cosa è successo.
• Assicurati che ci sia il campo ricerca.
• Aggiungi menu con link alla home.

Puoi mettere anche un campo per riportare al webmaster la presenza della pagina interrotta. In ogni caso ciò che conta è avere la possibilità di accogliere l’utente su una pagina, della propria lingua, con una serie di link utili a spostarsi.

Non ne devi inserire tanti, solo quelli che servono. Se vuoi personalizzare una pagina 404 oltre le possibilità offerte dal tema puoi lavorare sul file 404.php. Ma solo se vuoi qualcosa di specifico, in alternativa ci sono i migliori plugin WordPress.

Come personalizzare una pagina 404 senza plugin

Accedi al tuo pannello di amministrazione di WordPress. Nella barra laterale sinistra, fai clic su Aspetto e poi su Editor dal menu a discesa. Qui cerca il file 404.php o 404-error.php nella lista dei file dei temi. E se non trovi nessuno di questi file?

Potrebbe essere necessario crearne uno nuovo. Per farlo, fai clic su Crea nuovo file in alto a destra dell’editor. Di solito, però, tutti i temi WordPress professionali hanno un file per la pagina errore 404, quindi non serve procedere in questa direzione.

Nell’editor, inizia a personalizzare la tua pagina 404. Puoi utilizzare HTML, CSS e PHP per creare il layout e il contenuto desiderato. Ad esempio, puoi inserire un messaggio di errore personalizzato, un link alla pagina principale o un modulo di ricerca.

Una volta terminata la personalizzazione della pagina 404, fai clic sul pulsante Aggiorna file per salvare le modifiche. Ora, la tua pagina 404 WordPress personalizzata è pronta.

Puoi testarla digitando un URL inesistente nel tuo browser e verificando se viene visualizzata correttamente. Assicurati di fare una copia di backup del file originale 404.php o 404-error.php prima di apportare modifiche, in modo da poter ripristinare.

Plugin per creare pagina 404 personalizzata

Come annunciato, ci sono diversi plugin WordPress per realizzare pagine 404 creative e personalizzare queste realtà così utili per le persone che arrivano sul tuo blog. Quali sono i plugin in questione? Cosa devi usare? Ecco due risorse importanti.

Smart Custom 404 error page [404page]

Il plugin 404page è uno dei più utilizzati per creare una pagina di errore su WordPress. Ti permette di generarla in un attimo, senza alcuno sforzo, e funziona con quasi tutti i temi. Ma come si usa? Devo essere un programmatore per realizzare una 404?

No, crei la tua error page 404 personalizzata come qualsiasi altra pagina usando l’editor WordPress. Quindi vai su Aspetto, poi su Pagina errore 404 e seleziona quella che hai creato e che vuoi usare per guidare i lettori dall’errore alla lettura.

Custom 404 pro plugin per creare pagina 404 personalizzata

Questo plugin dà la possibilità di sostituire la pagina 404 predefinita con una personalizzata dalla sezione nel Pannello di amministrazione. Oppure puoi specificare un URL da reindirizzare su 404. Questo plugin offre controllo completo della pagina.

Ma anche reindirizzamento personalizzato della pagina, record delle parole chiave dei visitatori che hanno portato alla 404, codice pulito e supporto speciale. Per ottimizzare il tutto puoi usare anche il plugin Redirection, molto comodo per fare redirect 301.

Da leggere: cos’è il posizionamento su Google

Esempi per creare pagina 404 personalizzata

Su Smashing Magazine ho trovato altre splendide raccolte di pagine 404 (a volte si ripetono ma vale la pena dare uno sguardo a entrambe). Sembra proprio che si stia delineando un filone del web designer dedicato a queste pagine di errore.

Ti piace questa raccolta per creare una pagina 404 personalizzata? Hai domande? Ovviamente se conosci qualche altra risorsa per le pagine 404 lascia un link nei commenti! In questo modo posso ampliare la raccolta e creare una risorsa per i lettori.

Categoria: WordPress | Tag: Codice HTML