Dicembre 20, 2021

Come creare una pagina personalizzata 404 in WordPress

Non è mai una buona cosa quando un link porta un visitatore a una pagina che non esiste più. Ci può essere delusione, confusione e un’inversione a U con il visitatore che lascia il tuo sito post-fretta. Fortunatamente, c’è qualcosa che puoi fare al riguardo per rendere la situazione meno stridente, anche umoristica se questo è il tuo stile. Tutto ciò che serve è sostituire la pagina di errore predefinita generica e sterile non trovata (ovvero la pagina 404) con una che è effettivamente utile. In questo post, spiegherò come creare una pagina personalizzata 404 in WordPress.

Trasforma i vicoli ciechi digitali in cartelli per i tuoi utenti — e persino un po ‘ di umorismo — creando una pagina 404 personalizzata.

Una pagina 404 generica sarà simile a questa:

personalizzato 404 Pagina WordPress Generic

Mentre questo è un vicolo cieco, è possibile trasformarlo in un cartello che guida la strada, invece. Getta un po ‘ di umorismo e il gemito del tuo visitatore si trasformerà in una risata.

Ecco uno di Airbnb che fa entrambe le cose: i visitatori ottengono una grafica divertente per i loro problemi e facili collegamenti a ciò che avrebbero potuto essere alla ricerca di:

Pagina personalizzata 404 WordPress Airbnb
Foto: Airbnb

Alcuni costruttori di temi includono una pagina personalizzata 404 e altri no. Per avere un’idea di come il tuo tema sta gestendo gli errori, digita un URL senza senso come http://mysite.com/nosuchpage e guarda cosa viene fuori. Se non ti piace, c’è molto che puoi fare per cambiarlo.

Come si crea una pagina personalizzata 404 in WordPress?

Quando si tratta di creare una pagina 404 personalizzata in WordPress, hai diverse opzioni:

  • Modifica la pagina 404 esistente del tuo tema.
  • Aggiungi una pagina personalizzata 404 se il tuo tema non ne ha uno.
  • Usa un plugin 404.

Tratteremo ciascuno di questi in dettaglio di seguito.

Nota: quando si modifica un tema WordPress, è consigliabile lavorare con un tema figlio. Altrimenti gli aggiornamenti al tema potrebbero sovrascrivere il tuo duro lavoro.

Modifica della pagina 404 del tuo tema

Innanzitutto, controlla se il tuo tema include una pagina 404 personalizzata. È possibile farlo aprendo l’editor del tema (Aspetto > Editor) dalla dashboard di amministrazione.

Nell’elenco dei file sul lato destro della pagina, cercare uno denominato 404.PHP.

Modifica personalizzata di WordPress della pagina 404

Se non c’è un 404.php, quindi il tuo tema non include un modello 404 personalizzato e se ne vuoi uno, dovrai aggiungerlo (come descritto più avanti in questo articolo). Altrimenti, puoi semplicemente fare clic sul file esistente e modificarlo direttamente nella dashboard di WordPress.

La carne del 404.php che viene fornito con Twenty Seventeen tema si presenta così:

custom 404 Page WordPress Coding

Per modificare la pagina, modificare il testo evidenziato. Puoi anche aggiungere ulteriori paragrafi sotto di esso (sopra la fine del div del contenuto della pagina), incluse le immagini e i link utili che desideri aggiungere.

Creazione di una pagina WordPress 404

Se il tema non include un 404.file php, ci sono due semplici modi per crearne uno:

1. Ricevuto il 404.php da un altro tema, come il tema WordPress Twenty Seventeen (/wp-content / themes / twentyseventeen / 404.php) nella directory del tema corrente. Modificare la pagina come descritto sopra.

2. Copia l’indice del tuo tema.php ad un file denominato 404.php nel tuo tema attuale. Elimina le parti relative al ciclo di WordPress. Generalmente, questa è la sezione che inizia qualcosa di simile a questo:

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

e termina con:

<?php endif; ?>

Nota che la sintassi esatta potrebbe essere leggermente diversa, ma stai cercando have_posts e endif. Quindi inserisci il tuo codice personalizzato nello spazio che hai creato.

Il vantaggio del secondo metodo è che probabilmente otterrai la formattazione utilizzata dal tuo tema in tutto il tuo sito, quindi lo stile corrisponderà.

Plugin WordPress 404

Se non ti senti a tuo agio nel modificare il codice PHP del tuo tema, potresti preferire lavorare con un plugin. I plugin 404 ti aiuteranno a creare una pagina di errore 404 e spesso, come bonus aggiuntivo, monitoreranno e registreranno tutti gli errori di pagina non trovati. Qui ci sono alcuni preferiti:

404page

personalizzato 404 Pagina WordPress 404page-Plugin
Foto: 404page

Questo trim, plug-in accuratamente progettato consente di creare la pagina 404 come si farebbe con qualsiasi altro post WordPress. Si passa quindi alla pagina di errore Aspetto > 404 e si designa la nuova pagina come pagina 404. Restituisce anche il codice di errore corretto al browser del visitatore. Più di 70.000 siti WordPress utilizzano questo plugin ed è caricato con valutazioni a 5 stelle, quindi è una scelta eccellente.

Custom 404 Pro

custom 404 Page WordPress 404 Pro
Foto: Custom 404 Pro

Il plugin gratuito consente inoltre di designare qualsiasi pagina creata come pagina 404. Inoltre, registra tutti gli errori 404 in un rapporto che puoi rivedere, in modo da poter rintracciare e schiacciare il maggior numero possibile.

404 Pagina per SeedProd

custom 404 Page WordPress SeedProd
Foto: SeedProd

Questo plugin consente di impostare rapidamente e facilmente una pagina personalizzata 404 in WordPress. Funziona con la maggior parte dei temi e ti consente di personalizzare completamente la tua nuova pagina 404. La versione base è gratuita. Una versione pro, a cui devi iscriverti annualmente, offre funzionalità aggiuntive come la raccolta dell’indirizzo email del visitatore.

Wrapping up

Ci sono un bel paio di ulteriori 404 plugin nella directory dei plugin di WordPress, ma quanto sopra sono provati preferiti.

Quando si sceglie un plugin 404, evitare quelli che restituiscono un codice di reindirizzamento 301 al browser invece del codice di errore 404 non trovato corretto. Poiché la pagina, infatti, non esiste, non dovresti dire ai browser che è stata trasferita.

Il reindirizzamento può essere molto utile per gestire gli errori 404, ma si applica solo quando è possibile inoltrare gli utenti alla pagina che originariamente intendevano raggiungere. Altrimenti, dovresti consegnare una bella pagina 404.

Suggerimenti per una buona pagina 404 in WordPress

Se il messaggio 404 predefinito è blando e non terribilmente utile, cosa dovresti includere al suo posto? Un buon design includerà:

  • Design e branding che corrisponde al resto del tuo sito web.
  • Un messaggio utile che informa i visitatori che la pagina non è stata trovata.
  • Link a pagine pertinenti sul tuo sito, come la home page o pagine popolari, per incoraggiare il visitatore a restare.
  • Forse un’immagine o un tono umoristico, se questo è il tuo stile.

Un’efficace pagina 404 ti aiuterà a impedire ai tuoi visitatori di fare clic e incoraggiarli a esplorare ulteriormente il tuo sito. Dovresti anche tenere traccia degli errori 404 del tuo sito e creare reindirizzamenti quando sei in grado di inoltrare gli utenti alla destinazione prevista.

Una buona pagina personalizzata 404 cambia un vicolo cieco in una porta che incoraggia i visitatori a entrare e restare. Nessun sito web è completo senza uno.

Correlati: Come impostare 301 reindirizzamenti in WordPress

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.