Best of Best WordPress 404 Disegni pagina di errore

Ogni singolo utente sul web è atterrato su almeno una pagina 404 durante l'intera esperienza di navigazione dell'utente. La verità è che il numero di utenti che arriva a 404 pagine è significativamente più alto di uno solo. Spesso quando un utente arriva su una pagina 404, finisce per lasciare il tuo sito aumentando così la frequenza di rimbalzo. Un'elevata frequenza di rimbalzo può avere un impatto negativo sul tuo sito web riducendo le entrate degli inserzionisti e altro ancora. Puoi ridurre la frequenza di rimbalzo e aumentare le visualizzazioni di pagina semplicemente ottimizzando la Pagina di errore 404. In questo articolo, evidenzieremo il meglio dei migliori disegni di pagina di errore 404 di WordPress e ti forniremo le nostre idee su come creare un bellissimo e molto utile disegno di pagina 404 per il tuo WordPress.

Vetrina per l'ispirazione

Prima di mostrarti come puoi progettare il tuo design di 404 pagine per WordPress, metteremo in risalto alcuni dei migliori 404 Error Page Designs utilizzati su WordPress come ispirazione. I criteri che abbiamo usato per scegliere questi disegni erano creatività e usabilità. Alcuni disegni hanno entrambi e alcuni hanno solo un aspetto.

1. WPBeginner

2. Catalyst Studios

3. Jamie Huskisson

4. 45royale Inc.

5. Carsonified

6. Trucchi CSS

7. Techkultura

8. Bit di ispirazione

9. Catswhocode

10. Ba.pe

11. Taglia e assaggia

12. CSS Remix

13. Ateaseweb

14. Koller Media

15. Trasmissione di espansione

16. Funzione

17. Zona di ritardo

18. Kidmondo

19. Devlounge

20. Chris Jennings

Le migliori pratiche e lezioni che dovresti imparare da queste

Nella vetrina di cui sopra probabilmente hai visto 404 pagine che erano molto creative, mentre altre erano solo strane ma memorabili, e alcune semplici ma eleganti e utilizzabili. Quando si crea una pagina 404 è necessario ricordare di unire tutti e tre gli elementi: creatività, usabilità e capacità di lasciare un'impressione duratura.

Quando abbiamo creato la nostra pagina 404, in realtà abbiamo esaminato molti di questi elementi per ottenere ispirazione e combinare i migliori elementi da questi in uno. Il più delle volte, quando le persone arrivano sulla pagina 404, sono frustrate. Quindi devi aiutarli a trovare ciò che stanno cercando di raggiungere, ma nel modo più creativo possibile.

Una buona struttura che puoi seguire è:

• Immagine creativa
• Elenco di post popolari
• Elenco dei post recenti
• Elenco degli archivi
• Barra di ricerca
• Offrire più aiuto dando opzioni di contatto

Ora non è necessario averli tutti, ma è necessario avere più di due di queste opzioni nella pagina 404.

Analizzando la nostra pagina 404, alcune persone dicono che non abbiamo una barra di ricerca. Abbiamo la nostra barra di ricerca nella barra laterale, quindi non c'è motivo di visualizzarla due volte. Stiamo visualizzando l'archivio per mese, per categoria, e stiamo visualizzando i tag popolari. Ovviamente l'immagine creativa è rendere tutto più amichevole anziché noioso.

Ora capiamo che non tutti sono dei grandi artisti e non riescono a trovare alcune delle illustrazioni e dei cartoni sopra, ma puoi vedere l'esempio di Devlounge o l'esempio di Funzione sopra per vedere come può funzionare anche la semplicità. Devlounge ha una pagina 404 molto organizzata, nessuna immagine, niente di niente, ma è molto organizzata e utile. La funzione ha un'icona semplice e altre risorse, ma niente di super grafico.

Quando crei la tua pagina 404, tienilo a mente.

Come creare una pagina 404 in WordPress

Nella tua directory dei temi di WordPress c'è un file chiamato 404.php, se non si dispone di quel file, è possibile crearne uno. Puoi aggiungere qualsiasi codice HTML in quel file in base alle tue esigenze. Ma si consiglia di utilizzare i parametri predefiniti, quindi la pagina sembra essere parte del design.

Ora avvolgi lo stile HTML attorno ad esso. Se vuoi puoi anche copiare il tuo page.php contenuto in 404.php e basta rimuovere l'area del contenuto e aggiungere i tag personalizzati.

Ecco alcuni dei tag che puoi utilizzare:

Visualizza l'archivio per mesi:

Questo codice mostrerà l'archivio per mesi, ma verrà elencato tutti i mesi. Quindi potrebbe diventare un casino se hai un blog che ha tre anni. Per sapere come limitare il conteggio dei mesi visualizzati, consulta il tutorial.

Mostra l'elenco delle categorie

Questo codice elencherà tutte le categorie sul tuo blog. Ofcoures puoi modellarli usando tag lista o altri.

Visualizza i tag più utilizzati

Questo mostrerà i tag più utilizzati come quello che abbiamo sulla nostra pagina 404.

Mostra i post recenti

',''); ?>

Ci sono più codici che puoi usare, dovrai solo cercare nella documentazione e trovarla. Se hai una domanda specifica sentiti libero di chiederci in qualsiasi momento.

Altre fonti:

Queste liste hanno molti altri 404 esempi. Abbiamo incluso solo quelli di WordPress.

404 pagine di errore ricaricate

Altre 404 pagine

60 disegni di Creative 404 Page