Cel mai bun dintre cele mai bune WordPress 404 Pagini de proiectare de eroare

Cel mai bun dintre cele mai bune WordPress 404 Pagini de proiectare de eroare / Showcase

Fiecare utilizator de pe web a aterizat pe cel puțin o pagină de 404 în întreaga experiență de navigare a utilizatorilor. Adevarul este ca numarul pe care utilizatorii aterizeaza pe 404 de pagini este semnificativ mai mare decat unul. Adesea, atunci când un utilizator ajunge pe o pagină de 404, ajunge să părăsească site-ul dvs., sporind astfel rata de respingere. Rata ridicată a respingerii poate avea un impact negativ asupra site-ului tău, reducând veniturile dvs. de la agenții de publicitate și multe altele. Puteți reduce rata de respingere și puteți crește afișările de pagini prin simpla optimizare a paginii de eroare 404. În acest articol, vom evidenția cele mai bune dintre cele mai bune modele WordPress 404 pentru pagini de eroare și vă vom oferi perspectivele noastre privind crearea unui design frumos și foarte ușor de utilizat pentru paginile dvs. WordPress.

Showcase pentru inspirație

Înainte de a vă arăta cum vă puteți proiecta propriul design 404 de pagini pentru WordPress, vom evidenția unele dintre cele mai bune modele de 404 de pagini de eroare folosite pe WordPress pentru inspirația dvs. Criteriile pe care le-am folosit pentru a alege aceste modele au fost creativitatea și utilitatea. Unele desene sau modele au ambele, iar altele au un singur aspect.

1. WPBeginner

2. Catalyst Studios

3. Jamie Huskisson

4. 45royale Inc.

5. Carsonificată

6. CSS Tricks

7. Techkultura

8. Inspiration Bit

9. Catswhocode

10. Ba.pe

11. Cut și gust

12. CSS Remix

13. Ateaseweb

14. Koller Media

15. Broadcast Broadcast

16. Funcție

17. Returnați zona

18. Kidmondo

19. Devlounge

20. Chris Jennings

Cele mai bune practici și lecții pe care trebuie să le învățați de la acestea

În vitrina de mai sus ați văzut probabil 404 de pagini care erau foarte creative, în timp ce altele erau doar ciudate, dar memorabile, iar altele erau simple, dar elegante și ușor de utilizat. Atunci când creați o pagină 404 trebuie să vă amintiți să combinați toate cele trei elemente: creativitate, utilitate și capacitatea de a lăsa o impresie de durată.

Atunci când ne-am creat paginile noastre de 404, ne-am uitat la multe dintre cele de mai sus pentru a ne inspira și a combina cele mai bune elemente din acestea într-una. De cele mai multe ori, când oamenii aterizează pe pagina 404, sunt frustrați. Deci, trebuie să îi ajutați să găsească ceea ce încearcă să ajungă, dar în cel mai creativ mod posibil.

O structură bună pe care o puteți urmări este:

  • Imagine creativă
  • Lista de mesaje populare
  • Lista postărilor recente
  • Lista arhivelor
  • Bara de căutare
  • Oferiți mai mult ajutor oferind opțiuni de contact

Acum nu trebuie să aveți toate acestea, dar ar trebui să aveți mai mult de două dintre aceste opțiuni în pagina dvs. 404.

Analizând pagina noastră de 404, unii spun că nu avem o bară de căutare. Avem bara de căutare în bara laterală, deci nu există niciun motiv să o afișați de două ori. Afișăm arhiva în funcție de lună, pe categorie și afișăm etichetele populare. Desigur, imaginea creativă trebuie să facă totul să arate mai degrabă decât să fie plictisitor.

Acum înțelegem că nu toată lumea este un mare artist și nu poate să vină cu câteva din ilustrațiile și desene animate de mai sus, dar puteți vedea exemplul Devlounge sau exemplul funcției de mai sus pentru a vedea cât de simplă poate funcționa. Devlounge are o pagină foarte organizată de 404 de pagini, nicio imagine, nimic, dar este foarte organizată și utilă. Funcția are o simplă pictogramă și alte resurse, dar nimic super grafic.

Când vă creați propria pagină 404, țineți cont de asta.

Cum de a crea o pagină 404 în WordPress

În directorul temă WordPress există un fișier numit 404.php, dacă nu aveți acel fișier, atunci este posibil să doriți să creați unul. Puteți adăuga orice HTML în fișierul respectiv pentru a se potrivi nevoilor dvs. Dar este recomandat să utilizați parametrii impliciți, astfel încât pagina să pară ca parte a proiectului.



Acum, înfășurați în jurul valorii de HTML stilul. Dacă doriți, puteți chiar să vă copiați page.php conținut în 404.php și eliminați doar zona de conținut și adăugați etichetele personalizate.

Iată câteva dintre etichetele pe care le puteți utiliza:

Arhiva de afișare după luni:

Acest cod va afișa arhiva cu luni, dar va lista toate lunile. Deci ar putea deveni un dezastru dacă aveți un blog de trei ani. Pentru a afla cum să limitați numărul de luni afișate, consultați tutorialul.

Afișați lista de categorii

Acest cod va afișa pe blog toate categoriile. Desigur, le puteți modela cu toate acestea folosind etichete de listă sau altele.

Afișați cele mai utilizate etichete

Aceasta va afișa cele mai utilizate etichete, cum ar fi modul în care avem pe pagina noastră 404.

Afișați postările recente

","„); ?>

Există mai multe coduri pe care le puteți utiliza, va trebui doar să căutați documentația și să o găsiți. Dacă aveți o întrebare specifică, nu ezitați să ne întrebați în orice moment.

Alte surse:

Aceste liste au mult mai multe exemple. Am prezentat doar cele WordPress.

404 Pagini de eroare Reîncărcate

Mai multe 404 de pagini

60 Designuri de pagini creative 404