Guida alla creazione di pagine 404 personalizzate di WordPress

Quando è più semplice che mai creare una pagina 404 personalizzata su WordPress, non infastidire i tuoi utenti con pagine di errore. Ecco alcuni approcci diversi.

Non ci sono molte frustrazioni di navigazione in Internet peggiori che colpire una casella di errore 404 "Pagina non trovata" . Un utente potrebbe uscire immediatamente dal tuo sito Web a causa di questo problema. Assicurati che i collegamenti della tua pagina interna siano accurati e funzionali per evitare questo.

Ma cosa succede se un utente inserisce l'URL errato o se cambia lo slug del collegamento? Sfortunatamente, gli utenti finiranno per imbattersi in un URL che non esiste. Per evitare che i visitatori abbandonino il tuo sito web, puoi adoperarti per facilitare loro il ritorno alla pagina in cui si trovavano originariamente.

Perché è necessaria una pagina 404?

Includere una pagina 404 personalizzata sul tuo sito Web è un metodo per ridurre l'impatto della perdita degli utenti e favorire invece un'esperienza utente piacevole. Ciò ti consente di aggiungere un tocco di stile al tuo sito Web e un collegamento che consentirà agli utenti di tornare al loro corso originale.

Inoltre, potresti fornire collegamenti ad altre pagine note, come i blog, o indirizzare i visitatori a un modulo se desiderano segnalare la connessione problematica che li ha portati alla pagina 404. Potresti essere tentato di utilizzare la tua home page come collegamento all'istanza di errore 404 piuttosto che come pagina di errore personalizzata.

Il consumatore potrebbe non sapere di aver utilizzato l'URL sbagliato perché continua ad atterrare sul sito, il che può creare confusione. Poiché Google continua a trattare questo reindirizzamento come un errore soft-404, anche l'invio di utenti alla home page potrebbe avere un impatto sulla tua SEO.

Google afferma che sarà problematico reindirizzare tutti i link 404 alla tua home page. Costruire pagine 404 facili da usare dovrebbe essere sempre una priorità per i proprietari di siti web.

Configurazione di una pagina 404 personalizzata

Potresti essere in grado di utilizzare una pagina 404 personalizzata in diversi modi, a seconda del tema WordPress. Con qualsiasi tema moderno, l'utilizzo di un plug-in per creare una pagina 404 univoca dovrebbe funzionare.

Temi dell'editor di blocchi e temi WordPress classici

Usa 404.php del tema come opzione 1.

Molti temi vengono forniti con un modello per una pagina 404 se hai dimestichezza con la modifica di file PHP sul tuo sito web.

Passaggio 1: nella dashboard di WordPress, seleziona Aspetto > Editor file tema.

Passaggio 2: dal menu a discesa, scegli il tuo tema, quindi cerca il file 404.php.

Passaggio 3: Idealmente, dovresti copiare il file 404.php nel tuo tema figlio in modo che gli aggiornamenti del tema non annullino il tuo duro lavoro.

Passaggio 4: Rendi unico il testo aggiungendo un'immagine o altri componenti e personalizzandolo.

Passaggio 5: per salvare le modifiche, fare clic su "Aggiorna file".

Opzione 2: replicare il file 404.php

Un file 404.php potrebbe non essere presente in alcuni temi. In tal caso, puoi trasferire il file 404.php da un altro tema, come Twenty-Twenty, se ne ha uno.

Puoi modificare il file 404.php e salvarlo nella cartella del tema, anche se potrebbe essere necessario un po' di modifica per abbinarlo al tema.

Passaggio 1: trova un tema che desideri utilizzare con una pagina 404.

Passaggio 2: apri la cartella del tema di quel tema e fai una copia del file 404.php lì.

Passaggio 3: inserisci il file, assicurandoti che sia denominato 404.php, nella cartella del tema del tema o del tema figlio utilizzato dal tuo sito web.

Passaggio 4: verifica che tutto appaia come previsto controllando la pagina 404 sul front-end del tuo sito web.

Passaggio 5: per apportare modifiche al file nell'editor di file del tema, seguire le stesse istruzioni dei passaggi 1–4, quindi fare clic su Aggiorna file per salvare le modifiche.

Opzione 3: copia il file index.php

Questo è un altro modo per creare un file 404.php se il tuo tema non ne ha già uno.

passaggio 1: il file index.php deve essere duplicato.

Passaggio 2: rinomina il duplicato 404.php.

Passaggio 3: elimina il codice che visualizza i post.

Passaggio 4: Rendi unico il testo aggiungendo un'immagine o altri componenti e personalizzandolo.

Passaggio 5: per salvare le modifiche, fare clic su Aggiorna file.

Questo approccio richiede una certa conoscenza di HTML e PHP, ma la pagina 404 corrisponderà al tema corrente, rendendola un po' più pulita rispetto all'utilizzo di una pagina 404 da un tema separato.

Crea una pagina 404 utilizzando un generatore di pagine

Hai la possibilità di aggiungere una pagina 404 all'interno dell'interfaccia del builder se stai utilizzando un page builder di WordPress come Elementor, Divi, Beaver Builder o Oxygen.

Per ulteriori informazioni su come modificare le impostazioni per indirizzare eventuali URL errati alla tua pagina 404, fai riferimento alle istruzioni del tuo builder preferito.

Usa un plug-in per pagine 404 di WordPress

L'utilizzo di un plug-in di pagine 404 di WordPress è una soluzione rapida e semplice per aggiungere una pagina 404 univoca a qualsiasi sito Web WordPress.

Questi plugin ti permetteranno di creare una pagina 404 personalizzata e tenere traccia dei problemi 404. I plug-in di 404 pagine ampiamente utilizzati includono:

La tua pagina di errore smart 404 personalizzata è 404page. Puoi usare questo plug-in di 404 pagine molto semplice per niente. Crea una nuova pagina WordPress che fungerà da pagina 404 personalizzata.

Vai su "Aspetto" nella dashboard di WordPress, fai clic su "Pagina di errore 404 ", quindi scegli la pagina che hai creato come pagina 404 predefinita per configurarla come pagina 404 personalizzata.

Con l'aiuto del plugin WordPress SeedProd, puoi progettare modelli di pagina 404 straordinari, leggeri e personalizzati per il tuo sito web.

Con l'aiuto del Live Customizer e del plugin gratuito per WordPress Colorlib 404 Customizer , puoi progettare rapidamente una pagina 404 unica che integri l'aspetto del tuo sito web.

Puoi aggiungere più CSS alle impostazioni, che sono accessibili nella dashboard di WordPress in Aspetto > Personalizza, per personalizzare ulteriormente la tua pagina 404.

Nella sezione Pagine della dashboard di amministrazione di WordPress, puoi creare una pagina 404 personalizzata con il plug-in Custom 404 Pro WordPress. Inoltre, ti consentirà di tenere d'occhio le istanze di URL che sono state immesse e hanno portato alla pagina 404 in modo da poter tenere d'occhio i collegamenti interrotti.

Modifica completa del sito

Creare una pagina 404 unica è più semplice che mai se si utilizza un tema WordPress per la modifica completa del sito . Seguendo i passaggi seguenti, puoi creare una pagina 404 personalizzata per il tuo sito Web WordPress.

Se qualcuno tenta di accedere a una pagina che non è presente, verrà immediatamente reindirizzato.

Passaggio 1: fai clic su Aspetto nella dashboard di WordPress, quindi seleziona “Editor”.

Passaggio 2: fai clic su "Modelli" in "Editor".

Passaggio 3: scegli il modello 404 nel passaggio tre.

Passaggio 4: crea la tua pagina 404 personalizzata utilizzando l'editor di blocchi, quindi fai clic su Salva.

Passaggio 5: per salvare il modello, premi nuovamente "Salva".

Pagine WordPress 404 personalizzate

Non è necessario che un collegamento interrotto o un URL errato siano disastrosi. Includendo un link alla tua home page o a un'altra pagina interessante sul tuo sito web, puoi rendere la tua pagina di errore 404 divertente e mantenere l'interesse dell'utente.

Poiché migliora l'esperienza dell'utente, la creazione di una pagina 404 personalizzata su WordPress è più semplice che mai e non dovrebbe essere ignorata. Puoi tenere traccia di quando i visitatori arrivano alla tua pagina 404 utilizzando questa pagina, consentendoti di aggiornare i collegamenti o reindirizzare i siti secondo necessità.

Visita alcuni dei tuoi siti Web preferiti, digita il loro URL, quindi aggiungi una pagina che sei sicuro non esista fino alla fine per vedere alcune pagine 404 creative. Indubbiamente verrai via con alcuni fantastici suggerimenti per le tue 404 pagine personali!