Maak een eigen 404-pagina in WordPress

Als een bezoeker om een webpagina vraagt die niet bestaat, verschijnt er een 404-pagina met een foutmelding. Dat kan een foutmelding van de server zijn, een standaardpagina van WordPress of jouw eigen 404-pagina. Een eigen 404-pagina in WordPress maakt jouw website nog net iets bruikbaarder en is zo gedaan. Benieuwd hoe? Lees verder.

Waarom zou je een eigen 404-pagina maken?

Met een eigen 404-pagina in plaats van een standaardtekst of koude foutmelding, kun je een vergissing van een bezoeker (of een verouderde link of zoekmachineverwijzing) gebruiken om extra service te bieden. 

Verdwaalde bezoekers krijgen verwijzingen naar andere pagina’s, zoekopties en contactmogelijkheden. Dat verhoogt de kans dat iemand die op de verkeerde pagina komt toch nog iets met jouw website doet. Daarnaast laat een 404-pagina aan zoekmachines zien dat die content wellicht ontbreekt, maar jouw site nog steeds werkt. Dat verbetert jouw SEO en de daarmee gepaard gaande positie in de zoekresultaten. 

Waar staat de 404-pagina?

Waar de 404-pagina bewaard wordt, hangt af van het type server dat je gebruikt. Op een Apache-server staat deze in de root van je site als 404.html of 404.php. NGINX gebruikt 404.html en verwijst daarnaar met ‘error_page 404 /404.html’ in de configuratie. Gebruik je WordPress, dan hoef je niet tot die technische diepten van jouw server te duiken. Je kunt de 404-pagina op drie manieren vanuit WordPress beheren. 

Standaard WordPress-thema 

Een vers geïnstalleerde versie van WordPress bevat al een eigen 404-pagina. Die is onderdeel van het Twenty Twenty-Five thema. Je kunt deze pagina bewerken door naar Weergave | Editor te gaan, en vervolgens voor Templates te kiezen. In het overzicht met templates van dit standaardthema vind je ‘Pagina: 404’. Maak hier met de Gutenberg blokeditor eigen aanpassingen. De meeste WordPress-thema’s zijn op een vergelijkbare manier aan te passen.

WordPress met page builder

Gebruik je een (thema met een) page builder zoals Elementor of Divi? Dan bewerk je de 404-pagina via de Theme Builder. In Elementor vind je die in Templates | Theme Builder, en in Divi staat die in Divi | Theme Builder. WPBakery heeft geen eigen Theme Builder. Tenzij jouw thema er zelf één bevat, moet je bij gebruik van deze WPBakery zelf een 404.php pagina aanmaken. 

WordPress-plugins voor 404-pagina’s

Je kunt de 404-pagina van jouw site ook met een eigen plugin beheren. Vroeger was dit de makkelijkste en betrouwbaarste manier om een eigen 404-pagina op te zetten. Tegenwoordig is het handiger om met je page builder of de standaard blokeditor te werken. Wil je toch met een plugin aan de gang? Dan zijn dit twee interessante opties:

Website Builder by SeedProd – Deze plugin biedt je opties om aparte pagina’s met ‘site in aanbouw’ en ‘onderhoudsmodus’ op te zetten. Daarnaast kun je een aantal andere pagina’s, waaronder een 404-pagina, met Website Builder activeren en beheren. Deze plugin werkt goed samen met klassieke thema’s, en met WPBakery. Daar staat tegenover dat je voor de meeste opmaakopties (en andere opties) moet betalen. 

Custom 404 Pro – Ontwikkelaar Kunal heeft deze plugin gemaakt als superlichtgewicht optie om een eigen 404-pagina in te stellen en te onderhouden. Je geeft een pagina op jouw website aan die als 404-pagina dienstdoet en de plugin zorgt dat alle 404-verzoeken hiernaartoe worden omgeleid. Heel veel lichter dan dit, kun je een 404-plugin niet bouwen. 

Wat zet je op jouw eigen 404-pagina

Een 404-pagina aanpassen is een fluitje van een cent, zeker als je met een up-to-date WordPress en een modern thema werkt. Wat je op die 404-pagina zet is een ander verhaal. Ga je de informatie juist heel beperkt houden, of pak je uit met mogelijkheden en opties? Dit zijn enkele overwegingen bij het opzetten van een eigen 404-pagina.

Noodzakelijke informatie 1: foutmelding

Zeker als je extra informatie gaat bieden, is het makkelijk om de belangrijkste functie van je 404-pagina te vergeten. Zorg dat de melding dat de gezochte pagina niet gevonden is prominent in beeld staat. Afhankelijk van je site kun je dat met een vleugje humor, of juist heel zakelijk formuleren, maar zorg dat het onmiddellijk duidelijk is. Zet daar direct een korte uitleg onder zodat de bezoeker begrijpt wat er mogelijk gebeurd is. 

Noodzakelijke informatie 2: navigatieopties

Bied je bezoeker naast een foutmelding met uitleg opties om te navigeren. Zorg minimaal voor een duidelijke link naar je homepage zodat bezoekers die per ongeluk op deze pagina binnenkomen direct naar de hoofdingang van je website kunnen. Plaats bij die link een zoekveld zodat bezoekers die heel gericht naar iets op zoek zijn, direct kunnen kijken waar het wel staat. Plaats ook altijd een link naar je contactpagina, dan kunnen verdwaalde bezoekers direct om hulp vragen. 

Bied alternatieve content aan

De kans is groot dat de bezoeker een niet-bestaande pagina bereikte omdat jouw website interessant leek. Plaats daarom met de blokeditor een overzicht van de meest recente content op jouw 404-pagina. Voeg eventueel andere handige pagina’s zoals een overzicht van de site en een link naar jouw FAQ aan deze links toe. 

Houd het eenvoudig en overzichtelijk

Pas bij het inrichten van de 404-pagina op dat je niet te enthousiast extra opties gaat aanbieden. Houd de pagina overzichtelijk (zodat de foutmelding prominent zichtbaar blijft) en overspoel je bezoeker niet met extra opties. Een paar handige links zijn leuk, een onoverzichtelijke brei van informatie schrikt af. 

Heb jij een webshop? Plaats dit op je 404-pagina

Als je een webshop hebt, is de 404-pagina nog net ietsje belangrijker dan op andere websites. Iedere bezoeker die hier binnenkomt, is een potentiële klant die het digitale equivalent van een leeg schap vindt. Overweeg deze extra onderdelen op de 404-pagina van jouw webshop.

Andere producten

Gebruik de blokeditor om directe links (met afbeeldingen) te plaatsen naar andere producten in jouw winkel. Plaats bijvoorbeeld een blok met de best verkopende producten op de pagina en zet daar een overzicht van de belangrijkste categorieën in jouw webwinkel onder. 

Laat bezoekers zich voor de nieuwsbrief aanmelden

Plaats een slim geformuleerde tekst zodat verdwaalde bezoekers zich direct voor jouw nieuwsbrief aanmelden. Geef aan dat de gezochte pagina helaas niet beschikbaar is, maar dat de bezoeker met de nieuwsbrief het altijd als eerste hoort, als er iets in de winkel verandert. 

Bied een kortingscode aan

Met kortingscodes kun je van bezoekers klanten maken. Overweeg een kortingscode op jouw 404-pagina om bezoekers te verleiden naar andere relevante pagina’s te gaan. Let er wel op dat je deze beperkt, bijvoorbeeld voor specifieke producten of eenmalig per account. Doe je dat niet, dan riskeer je dat al jouw klanten de 404-korting doorlopend gaan gebruiken. 

Automatisch omleidingen plaatsen

Gebruik een plugin zoals Safe Redirect Manager of Redirection (of gebruik de functionaliteit in WooCommerce zelf) om pagina’s van verwijderde producten automatisch om te leiden naar een nog beschikbaar alternatief. Is er geen direct alternatief? Stuur bezoekers dan door naar de categoriepagina van dat product. 

Voorkom 404-foutmeldingen

Voorkomen is beter dan genezen. Hoe minder 404-pagina’s je aan bezoekers hoeft te laten zien, hoe beter. Hou daarom goed in de gaten hoe vaak bezoekers van jouw website op een 404-pagina belanden, en grijp in als dat vaak voorkomt. Dat kan op verschillende manieren. 

Google Search Console

Gebruik het gratis (en essentiële) Google Search Console om jouw SEO te verbeteren. Eén van de onderdelen van deze dienst is een overzicht van 404-pagina’s die de Googlebot is tegengekomen. Onder paginastatistieken en indexering zie je Crawlfouten en ‘Pagina’s met problemen’. Hiermee achterhaal je welke pagina’s Google problemen geven. Gebruik deze informatie om ze te verhelpen en alternatieve pagina’s op die adressen op te zetten. 

Omleiding plugin 

Met Omleiding kun je een eigen 404-pagina in WordPress maken, maar dat is niet de belangrijkste functie. Deze plugin houdt namelijk intern bij hoeveel 404-verzoeken er op de site komen. Je kunt dit gebruiken om te zien welke pagina’s je moet aanpassen om dit te voorkomen. Let bij grotere sites wel op dat de logbestanden snel in omvang kunnen toenemen. 

Hosting-tools 

Afhankelijk van het type server dat jij hebt, heb je beschikking over hosting-tools zoals Loggly, GoAccess of Matomo waarmee je op serverniveau kunt zien hoe vaak de 404-statuscode wordt verzonden naar bezoekers. Dit is voor veel beheerders mogelijk een wat te technische aanpak van het probleem.

SEO-platforms

SEO-platforms zoals Ahrefs, SEMrush en Screaming Frog onderzoeken jouw website op zowel interne als externe links die de 404-pagina als resultaat geven. Als je toch al met je SEO bezig bent op één van deze platforms, kun je gelijk het aantal 404-foutmeldingen terugdringen met deze overzichten. 

Help verdwaalde bezoekers op weg met een eigen 404-pagina in WordPress

Met een eigen 404-pagina in WordPress help je verdwaalde bezoekers de weg terugvinden én verbeter je jouw SEO. Neem daarom de tijd om een 404-pagina te maken waarop je met slimme trucs foutmeldingen in kansen omzet. Wil je technisch meer doen om 404-meldingen te voorkomen, maar kom je er niet uit? Neem dan contact met ons op, wij helpen je graag op weg.