Può sempre succedere che il tuo sito web sia in manutenzione, che singole pagine non siano accessibili o che contengano link difettosi, il che porta spesso a una pagina 404. Questo non è bello, ma con pagine di errore ben progettate puoi ancora mantenere i tuoi visitatori. Vi mostriamo come farlo con WordPress e Visual Composer .

Lo scopo di una pagina di errore 404 è quello di informare i tuoi visitatori sull'errore che si è verificato. E per reindirizzarli a quelle parti del tuo sito web che ancora esistono o funzionano. In questo modo, si abbassa la frequenza di rimbalzo.

Una pagina 404 personalizzata è anche ideale per promuovere e inserire elementi di call-to-action. Questo significa che può fondamentalmente svolgere le stesse funzioni di una landing page e di una pagina di atterraggio funzionante.

Guardiamo i seguenti punti:

• Cos'è una pagina di errore 404?
• Varianti di errore 404
• Quando si verificano gli errori 404 
• Come risolvere gli errori 404
• Esempi buoni e creativi per le pagine 404
• Creare una pagina di errore 404 personalizzata con WordPress
• Pagina di errore 404 con tisual Composer creare

Cos'è una pagina 404?

Brevemente descritto, l'errore 404 è un codice di risposta Hypertext Transfer Protocol (HTTP). Significa che il server non può trovare la fonte richiesta. O quella parte del percorso del sito web che viene dopo la "/". Fondamentalmente, questo significa che la pagina specifica da visualizzare non è disponibile.

La maggior parte delle volte, un messaggio di errore 404 viene visualizzato come segue:

• HTTP 404
• 404 Non trovato / non trovato
• 404
• Errore 404 / Errore
• 404 Questa pagina non esiste (La pagina non esiste)
• Pagina non trovata
• File non trovato
• Elenco non trovato 
• URL richiesto non trovato
• ... e varianti simili

Possibili ragioni per cui si verificano errori 404:

• Una pagina o un post di WordPress viene cancellato o spostato in un'altra pagina senza reindirizzare i link
• Un visitatore inserisce il nome del dominio in modo errato (manca una lettera, errore di ortografia, ecc.)
• I link precedenti (che sono cambiati) sono ancora elencati nelle fonti esterne
• Il server/sito web si è bloccato, è in manutenzione o ha problemi tecnici che impediscono la corretta visualizzazione del sito (per esempio, connessione interrotta).

Oltre agli errori 404, ci sono i seguenti codici di stato HTTP:

• 100-199 Risposta: richiedere il destinatario e continuare l'elaborazione
• 200-299 Successo: richiesta riuscita e accettata
• 300-399 Redirection: richiede un'ulteriore azione per completare la richiesta.
• 400-499 Errore del cliente: richiesta non valida o richiesta non completabile.
• 500-599 Errore del server: il server non ha potuto accettare la richiesta

Come risolvere gli errori 404

Da un lato, attraverso i redirect, inoltrate i tuoi visitatori direttamente alle pagine di destinazione che corrispondono il più possibile al contenuto della richiesta originale. Su Raidboxes non hai bisogno di un plugin WordPress aggiuntivo per impostare i reindirizzamenti e le regole di reindirizzamento. Vedi le istruzioni sul tema dei redirect 301 e 302.

Un'altra possibilità è quella di trovare e riparare i link rotti - cioè sostituirli con la nuova fonte interna valida. Assicuratevi che tutti i link interni portino alle pagine desiderate. Chiedete anche ai proprietari delle fonti di link esterni di cambiare tutti i link rotti.

Un altro consiglio è quello di utilizzare URL e permalink user-friendly - mantenerli brevi, usare lettere minuscole e descrivere dove portano i link. Questo ti aiuterà a tenere traccia di eventuali link interrotti e ad ottimizzare il tuo sito web per i motori di ricerca. Vedi l'articolo Collegamento interno e SEO con WordPress .

Infine, dovreste creare una pagina 404 personalizzata. Questo condurrà i visitatori "persi" di nuovo alla homepage o al contenuto pertinente. Allo stesso tempo, non confonderanno l'errore con un fallimento del vostro intero sito web.

Che cosa costituisce le pagine 404 mirate

Quindi è importante avere una pagina di errore 404 personalizzata che riporta i tuoi visitatori alle parti esistenti del sito web. Ora diamo un'occhiata alle opzioni che hai. Gli approcci comuni e raccomandati per creare pagine 404 personalizzate sono:

• Pulsanti Indietro o Home: Date al vostro pubblico la possibilità di tornare alle pagine disponibili o a qualsiasi luogo.
• Barra di ricerca: Di solito, questi tipi di errori si verificano quando gli utenti:dentro cercano di trovare un contenuto specifico o una pagina. Quindi, offrite loro un'opzione di ricerca o suggerite pagine di destinazione specifiche.
• Moduli di contatto: Le persone possono usare un modulo di contatto o una live chat per ottenere aiuto se non riescono a trovare il contenuto che stanno cercando. O se hanno bisogno di aiuto con altre cose sul tuo sito web.
• Icone dei social media: È sempre bene collegare diverse piattaforme di social media dove il tuo contenuto può essere trovato e raggiunto.
• Immagini umoristiche: Questa è una delle pratiche più sottovalutate e chiaramente sottoutilizzate. Certamente l'umorismo può disinnescare il risultato di una percezione (probabilmente) negativa. Qualche altro esempio tra un momento.

Creare una pagina 404 personalizzata con WordPress

hai le seguenti opzioni per creare una pagina 404. Con WordPress , con un costruttore di siti web o di pagine e con codice personalizzato - come HTML. Ecco come funziona con WordPress :

1. Vai al tuo WordPress dashboard
2. Seleziona l'area "Design" sulla sinistra
3. Lì la sottovoce "Editor
4. Controlla se il tuo WordPress Theme contiene un "template 404" (Ctrl + F e poi inserisci "404.php");
5. Clicca il link per il modello 404 sul lato destro

Il contenuto assomiglia a questo:

get_header();
?>
	<header class="page-header alignwide">
		<h1 class="page-title"><?php esc_html_e( 'Nothing here', 'twentytwentyone' ); ?></h1>
	</header><!-- .page-header -->
	<div class="error-404 not-found default-max-width">
		<div class="page-content">
			<p><?php esc_html_e( 'It looks like nothing was found at this location. Maybe try a search?', 'twentytwentyone' ); ?></p>
			<?php get_search_form(); ?>
		</div><!-- .page-content -->
	</div><!-- .error-404 -->
<?php
get_footer();

Ora cambialo secondo le tue esigenze. Tuttavia, è necessario conoscere l'HTML per farlo. Dovresti anche lavorare con un figlio Theme, altrimenti le tue modifiche potrebbero essere cancellate di nuovo dopo un aggiornamento di WordPress Themes .

Creare una pagina 404 con tisual Composer

Uno dei modi più facili e veloci per creare una pagina 404 è con un sito web o un costruttore di pagine. In questo esempio, vi mostriamo come creare una pagina 404 personalizzata con Visual Composer , usando il drag and drop. Notate che questo è possibile solo con la versione premium.

Per prima cosa è necessario scaricare e installare Visual Composer Plugin . Vedi questo video tutorial su YouTube:

Non appena Plugin è stato installato e attivato, si può iniziare. Usa uno dei tanti modelli. Per farlo, clicca sul simbolo del mercato nell'editor del frontend. Seleziona Modelli e inserisci "404" per trovare pagine 404 già pronte.

Questo tutorial spiega esattamente come creare una pagina 404 personalizzata con Visual Composer :

Dopo aver terminato e salvato i tuoi design di pagina 404 individuali, puoi ora gestirli nell'editor. Il seguente video mostra come farlo:

Per ulteriori suggerimenti su come creare una pagina 404 personalizzata, le migliori soluzioni Plugin e qualche ispirazione per le pagine 404, controlla il post di Visual Composer 404 pagine con WordPress .

Esempi di buone pagine 404

Abbiamo raccolto alcune delle pagine di errore 404 più creative - indipendenti da WordPress e Visual Composer - da cui trarre ispirazione. La pagina 404 di GOG.com è uno dei migliori esempi di pensare fuori dagli schemi. E questo nel vero senso della parola:

Poiché si tratta di una pagina con valore di intrattenimento, Blizzard ha dovuto soddisfare uno standard elevato in termini di pagina 404. Il design fresco diventa un classico in sé:

L'ultimo esempio di pagine 404 di Slack è super semplice, ma ancora sorprendente. È un bellissimo esempio di creatività:

Conclusione sulle pagine 404 con WordPress

Ora sai come creare una pagina di errore 404 per condurre i tuoi visitatori alle sottopagine attive del tuo sito web. E come si può trasformare una brutta situazione in qualcosa che minimizza o addirittura risolve il fastidio. Inoltre, ci sono modi molto semplici per progettare una tale pagina 404 - a condizione di creatività e un po' di abilità grafica.

Con un costruttore di siti web come strumento, non hai bisogno di alcuna conoscenza di programmazione per trasformare una noiosa pagina 404 in qualcosa che ti mette di buon umore. E/o che aiuta i tuoi visitatori nella loro situazione. Hai un buon esempio di una pagina di errore 404 di successo? Allora sentitevi liberi di condividerlo nei commenti.