Beste van de beste WordPress 404-foutpaginaontwerpen

Elke gebruiker op het web is op zijn minst 404 pagina beland in zijn volledige gebruikerservaring. De waarheid is dat het aantal gebruikers op 404 pagina's aanzienlijk hoger is dan slechts één. Vaak wanneer een gebruiker op een 404-pagina aankomt, verlaten ze uiteindelijk uw site en verhogen zo uw bouncepercentage. Een hoog bouncepercentage kan een negatieve invloed hebben op uw website door uw inkomsten van adverteerders en meer te verlagen. U kunt het bouncepercentage verlagen en paginaweergaves verhogen door eenvoudig uw 404-foutpagina te optimaliseren. In dit artikel zullen we best of best WordPress 404 Error Page Designs benadrukken, en we zullen je onze inzichten geven over het maken van een mooi en zeer bruikbaar 404-pagina-ontwerp voor je WordPress.

Showcase voor inspiratie

Voordat we u laten zien hoe u uw eigen ontwerp van 404 pagina's voor WordPress kunt ontwerpen, zullen we enkele van de beste 404-foutpagina-ontwerpen die op WordPress worden gebruikt, voor uw inspiratie benadrukken. De criteria die we gebruikten om deze ontwerpen te kiezen, waren creativiteit en bruikbaarheid. Sommige ontwerpen hebben beide en sommige hebben slechts één aspect.

1. WPBeginner

2. Catalyst Studios

3. Jamie Huskisson

4. 45royale Inc.

5. Carsonified

6. CSS-trucs

7. Techkultura

8. Inspiratiebit

9. Catswhocode

10. Ba.pe

11. Knippen en proeven

12. CSS-remix

13. Ateaseweb

14. Koller Media

15. Uitzending uitzending

16. Functie

17. Retard Zone

18. Kidmondo

19. Devlounge

20. Chris Jennings

Praktische tips en lessen die u hiervan zou moeten leren

In de bovenstaande vitrine zag je waarschijnlijk zo'n 404 pagina's die heel creatief waren, terwijl anderen die gewoon raar maar gedenkwaardig waren, en enkele die eenvoudig maar elegant en bruikbaar waren. Wanneer u een 404-pagina maakt, moet u eraan denken om alle drie de elementen te combineren: creativiteit, bruikbaarheid en de mogelijkheid om een ​​blijvende indruk achter te laten.

Bij het maken van onze 404-pagina hebben we eigenlijk al veel van deze hierboven bekeken om inspiratie op te doen en de beste elementen hiervan te combineren tot één. Meestal, wanneer mensen op de 404-pagina terechtkomen, zijn ze gefrustreerd. Dus je moet ze helpen bij het vinden van wat ze proberen te bereiken, maar op de meest creatieve manier mogelijk.

Een goede structuur die u kunt volgen, is:

• Creatieve afbeelding
• Lijst met populaire berichten
• Lijst met recente berichten
• Lijst met archieven
• Zoekbalk
• Biedt meer hulp door contactopties te bieden

Nu hoef je ze niet allemaal te hebben, maar je moet zeker meer dan twee van deze opties hebben op je 404-pagina.

Als we onze 404-pagina analyseren, zeggen sommige mensen dat we geen zoekbalk hebben. We hebben onze zoekbalk in de zijbalk, dus er is geen reden om deze twee keer weer te geven. We tonen archief op maand, op categorie en we tonen de populaire tags. Natuurlijk moet het creatieve beeld ervoor zorgen dat alles er vriendelijk uitziet in plaats van saai.

Nu begrijpen we dat niet iedereen een geweldige artiest is en niet kan komen met enkele van de bovenstaande illustraties en cartoons, maar je kunt het voorbeeld van Devlounge of het voorbeeld van Function hierboven zien om te zien hoe eenvoud ook kan werken. Devlounge heeft een zeer georganiseerde 404-pagina, geen beeld, niets, maar het is zeer georganiseerd en nuttig. Functie heeft een eenvoudig pictogram en andere bronnen, maar niets super grafisch.

Houd dat in gedachten bij het maken van uw eigen 404-pagina.

Hoe maak je een 404-pagina aan in WordPress

In je WordPress themadirectory is er een bestand met de naam 404.php, als je dat bestand niet hebt, wil je er misschien een maken. U kunt elke HTML in dat bestand toevoegen aan uw behoeften. Maar het wordt aanbevolen dat u de standaardparameters gebruikt, zodat de pagina eruitziet alsof deze deel uitmaakt van het ontwerp.

Verpak nu de HTML-stijl eromheen. Als je wilt, kun je je zelfs kopiëren page.php inhoud in 404.php en verwijder gewoon het inhoudsgebied en voeg uw aangepaste tags toe.

Hier zijn enkele van de tags die u kunt gebruiken:

Archief weergeven op maand:

Deze code zal het archief maanden weergeven, maar het zal alle maanden weergeven. Dus het kan een puinhoop worden als je een blog hebt die drie jaar oud is. Raadpleeg de zelfstudie voor meer informatie over het beperken van het aantal maanden dat wordt weergegeven.

Toon lijst met categorieën

Deze code geeft een overzicht van alle categorieën op je blog. Ofcoures je kunt ze echter opmaken met behulp van lijstlabels of anderen.

Toon meest gebruikte tags

Dit toont de meest gebruikte tags zoals hoe we die hebben op onze 404-pagina.

Toon recente berichten

',''); ?>

Er zijn meer codes die u kunt gebruiken, u zult alleen de documentatie moeten doorzoeken en vinden. Als u een specifieke vraag heeft, kunt u ons dit op elk moment vragen.

Verdere bronnen:

Deze lijsten bevat veel meer 404 voorbeelden. We hadden alleen de WordPress-versies.

404 Foutpagina's opnieuw geladen

Meer 404 pagina's

60 Creatieve 404-pagina-ontwerpen