Zo repareer je de Error 404 Not Found op je site

Van de vele mogelijke fouten die je op je site kan tegenkomen, is de Error 404 Not Found waarschijnlijk een van de mildste. Maar dat betekent natuurlijk niet dat het niet frustrerend is als jij – of je bezoekers – je site aan het doorbladeren bent en telkens de foutmelding Error 404 Not Found tegenkomt. 😒

Dit is natuurlijk het laatste wat nieuwe potentiële klanten zouden moeten zien. Een 404-foutmelding kan ook betekenen dat iets is gewijzigd of verplaats en dat je uit SEO-overwegingen het beste een 301-redirect kan toevoegen.

In dit artikel gaan we proberen je site weer aan de praat te krijgen door een aantal dingen uit te leggen.

Bijvoorbeeld: als iemand probeert toegang te krijgen tot yoursite.com/post-name, maar je hebt geen content met de slug post-name. De bezoeker krijgt dan een 404 fout te zien omdat, ook al functioneert je webserver normaal, de opgevraagde bron niet bestaat.

Het gaat hier niet alleen om artikelen of pagina’s, elk item kan een 404-foutmelding veroorzaken op de server, zoals een missend afbeeldingsbestand, onbekende JavaScript of ontbrekende CSS, etc.

Hier is een meer volledige definitie van de Internet Engineering Task Force (IETF):

De statuscode 404 (Not Found) geeft aan dat de origin server geen actuele weergave voor de doelbron heeft gevonden of niet bereid is te melden dat er een bestaat. Een 404 statuscode geeft niet aan of dit gebrek aan representatie tijdelijk of permanent is; de 410 (Gone) statuscode heeft de voorkeur boven 404 als de origin server weet, vermoedelijk via een of ander configureerbaar middel, dat de toestand waarschijnlijk permanent is.

Wanneer jij of een van je bezoekers je site bezoekt, stuurt de browser een verzoek naar de webserver en ontvangt deze vervolgens een rits aan gegevens als antwoord, waaronder de zogenaamde HTTP-header. De HTTPS-header bevat HTTP-statuscodes die uitleggen ‘wat is er is gebeurd’ met het verzoek.

Meestal werkt het verzoek perfect en krijg je nooit de HTTP-statuscodes te zien (tenzij je er specifiek naar zoekt). Maar als er iets misgaat, toont je browser vaak een bericht met een HTTP-statuscode die het exacte probleem aangeeft.

Net als elke andere foutmelding (500-fout, 502-fout, 503-fout, 504-fout, etc.) is de foutmelding Error 404 Not Found het resultaat van dat proces.

Wat veroorzaakt de Error 404 Not Found in WordPress?

Als je deze foutmelding aantreft bij alle content van je site, dan is dit meestal te wijten aan een probleem met de permalinks van je site. Als je deze echter alleen tegenkomt op afzonderlijke content, dan komt het waarschijnlijk omdat je een deel van de slug van de content hebt gewijzigd zonder een redirect in te stellen.

Bovendien is de 404-foutmelding niet altijd een slechte zaak – het is alleen slecht als daardoor de bruikbaarheid van de site in het geding komt. En soms kan je er ook helemaal niets aan doen!

Soms typt een persoonlijk bijvoorbeeld gewoon de verkeerde URL in zijn adresbalk. In dat geval zien ze nog steeds een 404-foutmelding, maar heeft het natuurlijk niets te maken met eventuele verkeerde configuraties aan jouw kant. Het is de gewenste reactie en je kan je eigen aangepaste 404-pagina maken om je bezoekers op de juiste plek te krijgen (we laten je later zien hoe je dat doet).

Variaties op Error 404 Not Found

Omdat elke browser de foutmeldingen anders weergeeft, zijn er een boel variaties op deze foutmelding. Veel voorkomende variaties zijn:

• “Error 404” / “Fout 404”
• “404 Not Found” / “404 Niet Gevonden”
• “HTTP Error 404”
• “Not Found” / “Niet Gevonden”
• “Page Not Found” / “Pagina Niet Gevonden”
• “The requested URL was not found on this server.”
• “The page cannot be found” / “De Pagina Kan Niet Worden Gevonden”
• “We can’t find the page you’re looking for.”
• “The requested URL /~ was not found on this server.

Wat de Error 404 Not Found-foutmelding zo uniek maakt, is dat veel sites een aangepaste pagina hebben gemaakt om deze foutmelding te tonen, in plaats van een van bovenstaande berichten. Sommige thema’s bevatten hun eigen 404-pagina’s. Om die reden bestaat de kans dat je de foutmelding sowieso nooit tegenkomt, omdat veel sites grappige of creatieve 404-pagina’s hebben.

Hieronder is een voorbeeld van onze eigen 404-pagina van Kinsta. We hebben een zoekvak en een aantal van de meest recente blogposts toegevoegd om bezoekers te helpen met het vinden waar ze naar zochten. Voeg altijd een zoekfunctionaliteit toe aan je 404-pagina.

De impact van Error 404 Not Found op SEO

Error 404 Not Found heeft uit zichzelf geen negatief effect op SEO. Maar het kan wel degelijk een negatief impact hebben, afhankelijk van de reden waarom de fout optreedt.

Als een bezoeker simpelweg een URL verkeerd intypt en daardoor een 404-fout ziet, heeft dit geen negatieve invloed op SEO. Maar als de fouten worden veroorzaakt door kapotte URL’s, dan kan Google minder goed je site crawlen wat een negatief effect heeft op SEO.

En als je een permalink-probleem 404-foutmeldingen over de hele site veroorzaakt, dan kan Google helemaal geen content crawlen op je site. Met andere woorden, fiks 404-foutmeldingen zo snel als je kan.

De impact van Error 404 Not Found op siteprestaties

Niet veel mensen realiseren zich dit, maar sites die veel 404-foutmeldingen genereren kunnen gemakkelijk prestatieproblemen tegenkomen, omdat deze pagina’s doorgaans niet gecachet worden. We hebben dit vaak gezien op grotere sites en het kan een groot probleem zijn als je per ongeluk viral traffic naar een 404-pagina leidt.

Om de impact van 404 verzoeken op de prestaties van je site zoveel mogelijk te minimaliseren, cachen we 404 pagina’s automatisch voor 15 minuten.

Als je een nieuwe pagina aanmaakt met dezelfde URL als de gecachete 404 pagina, dan legen we automatisch de cache, zodat je bezoekers meteen de nieuwe pagina te zien krijgen. Dit betekent dat je site wordt beschermd tegen PHP en CPU pieken die worden veroorzaakt door dynamische 404 pagina’s.

Je genereert waarschijnlijk meer 404-fouten dan je denkt! Onze MyKinsta-analyticstool kan je helpen het exacte aantal te bepalen (zie hieronder).

Je kan hier ook zien wat de top 404-fouten zijn. In onderstaand voorbeeld zie je dat de site enkele mobiele pictogrammen mist, zoals /apple-touch-icon.png. Deze komen waarschijnlijk vanuit de code van een thema of plugin die wordt opgevraagd, maar waarvan de eigenlijke pictogrammen nooit zijn toegevoegd. Daarom genereert de server een 404-fout omdat deze de bronnen niet kan vinden.

Je kan 404-foutmeldingen ook controleren in Google Search Console of een externe plugin installeren, zoals Redirection, die 404-foutmeldingen registreert. Vergeet echter niet dat deze plugins de prestaties van je site negatief beïnvloeden. Het is daarom beter om een tool te gebruiken die werkt op serverniveau. Dat is waarom we deze tools aanbieden aan alle Kinsta-klanten

De reden dat deze fouten slecht zijn, is omdat ze een grote belasting leggen op server-resources. Voor grote sites wil je een zware 404-pagina vermijden. Indien mogelijk, maak een eenvoudig 404-sjabloon aan die belasting van de database voorkomt.

Hoe Herstel je Error 404 Not Found?

Hieronder behandelen we verschillende methoden voor hoe je de Error 404 Not Found boodschap kunt oplossen, afhankelijk van of het in de hele site gebeurt of bij specifieke content.

1. Wis je cache

Begin met de pagina te verversen en de URL te dubbelchecken (typefouten komen vaker voor dan je denkt).

Als je nog steeds een 404 error krijgt, probeer dan de link op een ander apparaat te openen. Als je de pagina wel kunt zien, kan het probleem in de cache van je computer zitten.

Om je cache te wissen, bekijk je onze instructies over hoe je dat in verschillende browsers doet:

• Zo force-refresh je een enkele pagina in alle browsers
• Zo wis je browsercache voor Google Chrome
• Zo wis je browsercache voor Mozilla Firefox
• Zo verwijder je browsercache voor Safari
• Zo wis je de browsercache voor Internet Explorer
• Zo wist je de browsercache voor Microsoft Edge
• Zo wis je de browsercache voor Opera

2. Werk de permalinks bij van je site

Als je site-wide 404-fouten tegenkomt bij het openen van content, dan is de meest waarschijnlijke oorzaak een probleem met permalinks (of je .htaccess-bestand, als je host op Apache draait). Als je een klant van Kinsta bent: wij gebruik Nginx, dus je kan problemen met het .htaccess-bestand uitsluiten als mogelijke oorzaak.

De eenvoudigste manier om het probleem op te lossen is door het wijzigen van de permalink-instellingen in je WordPress-dashboard. Het enige wat je hoeft de toen is naar Settings → Permalinks te gaan en op Save Changes te klikken (je hoeft geen wijzigingen te maken – het klikken op Save Changes volstaat).

3. 301-redirects instellen voor verplaatste of hernoemde content

Als je een 404-foutmelding tegenkomt op een specifiek stuk content, dan is het probleem waarschijnlijk veroorzaakt doordat je:

• De URL-slug van die content gewijzigd hebt.
• Het stuk content handmatig hebt gewijzigd, bijvoorbeeld door het bestaande artikel te verwijderen en deze in een nieuw artikel hebt geplaatst.

Gebruikers die proberen toegang te krijgen tot de content op de oude locatie zien dus een 404-pagina in plaats van de content die ze verwachtten. De beste manier om dit te verhelpen is om iedereen automatisch om te leiden van de oude locatie naar de nieuwe locatie. Op die manier komen ze op de juiste plek, zonder een 404-foutmelding te zien. Ook is het goed voor SEO. Als je een artikel verplaatst of hernoemt zonder een redirect toe te voegen, verlies je alle domein-autoriteit van de backlinks die met dat artikel verbonden zijn.

WordPress probeert standaard gewijzigde/verplaatste content om te leiden. Maar het werkt niet altijd en je moet wat deze functionaliteit betreft niet blind vertrouwen op WordPress. Maar maak je geen zorgen, er zijn verschillende makkelijke methodes om redirects op te zetten in WordPress:

Ten eerste kan je de gratis Redirection plugin gebruiken om vanuit je WordPress-dashboard redirects te beheren. Zodra de plugin is geïnstalleerd en geactiveerd, ga je naar Tools → Redirection en voer je de URL in van de 404-pagina in de Source URL-box en de nieuwe locatie van de content in de Target URL-box:

Als Kinsta je host is, kan je redirects ook beheren vanaf het MyKinsta-dashboard. Het enorme voordeel van de tool van Kinsta is dat de regels op serverniveau worden geïmplementeerd, wat een stuk beter is wat betreft performance. Het betekent ook dat je een plugin minder hebt om je zorgen over te maken.

Om een redirect toe te voegen, ga je naar je site in MyKinsta en selecteer je Redirects in het zijbalkmenu. Klik dan op de knop Redirectregel toevoegen:

Je kunt dan je redirect regel definiëren:

Ten slotte, als je host de Apache-server gebruikt, kan je .htaccess gebruiken om redirects in te stellen. De .htaccess Generator-site kan je helpen de juiste code te genereren die je toevoegt aan het .htaccess-bestand van je site.

Hoe maak je je eigen Error 404 Not Found pagina?

Hoewel je met de tips hierboven je best kan doen om 404-fouten te voorkomen, is het onmogelijk om 404-fouten volledig te elimineren, omdat sommige dingen simpelweg buiten je controle liggen. Het is niet ongewoon dat zelfs kleine sites elke maand duizenden 404-foutmeldingen genereren.

Als een bezoeker bijvoorbeeld de URL verkeerd intypt, of als een andere website een link naar een niet-bestaande pagina op jouw site bevat, dan krijgen mensen hoe dan ook 404-fouten op hun scherm te zien.

Om een gebruiksvriendelijkere foutpagina te laten zien, kan je een van de vele 404-pagina plugins gebruiken. Met de gratis plugin 404page kan je bijvoorbeeld een aangepaste 404-foutpagina instellen met:

• Een zoekvak
• Belangrijke links
• Contactinformatie

Een ander belangrijk kenmerk van de plugin 404 page is dat deze geen redirects aanmaakt. Een 404-pagina mag nooit een redirect bevatten naar een fysieke pagina, zoals jouwsite.nl/404. De 404-foutmelding moet altijd dynamisch worden op de betreffende pagina.

Door deze elementen toe te voegen, geef je de bezoekers het juiste gereedschap om de juiste pagina te vinden. Maar vergeet niet: hou je 404-pagina licht voor betere prestaties. Neem alleen op wat absoluut nodig is.

Hoe monitor je 404 fouten in de toekomst?

Voor nu en in te toekomst kan het ook handig zijn om in de gaten te houden welke verzoeken 404-fouten veroorzaken op je site. Dit kan je helpen om:

• Gebroken links te vinden die mensen naar een niet-bestaande resource sturen (dit kunnen zowel interne links als externe links van andere sites zijn). Je kan je best doen om die links zo goed mogelijk te herstellen.
• Een idee te krijgen welke pagina’s voor Google lastig te crawlen zijn. Je kan dan achterhalen waarom Google een niet-bestaande pagina probeert te crawlen en indien nodig een redirect instellen.
• Problemen met 404-pagina’s wat betreft prestaties op te lossen

Optie 1 – Google Analytics

Als je Google Analytics gebruikt, kan je een aangepast rapport instellen om 404-fouten van externe links op te sporen. Rebelytics heeft een goede tutorial geschreven over dit onderwerp.

Optie 2 – WordPress plugin

Als je een WordPress plugin wil gebruiken, dan kan de eerdergenoemde plugin Redirection je helpen om vanuit je WordPress-dashboard 404-fouten te monitoren.

Optie 3 -Externe audit-tool

Je kan ook een externe audit-tool zoals Ahrefs gebruiken om 404-foutmeldingen op je site te monitoren. Je kan deze zelfs instellen om dit te doen op basis van een schema.

Optie 4 – Google Search Console

Ten slotte kan je ook binnen Google Search Console de 404-fouten bijhouden die de crawlers van Google tegenkomen. Nadat je je site bij Google Search Console hebt geverifieerd, ga je naar Crawl → Crawl Errors → Not Found om een lijst met 404-errors te zien Google is tegengekomen. Dit is veruit een van de makkelijkste manieren.

Het is ook het beste wat betreft prestaties, omdat het geen externe plugins of extra scans op je site vereist. Je sites wordt sowieso al regelmatig door de bots van Google gecrawld, dus waarom zou je niet profiteren van de gegevens die ze verstrekken? 😉

Samenvatting

Of je het nou leuk vindt of niet, 404-fouten zullen op je site voorkomen. Hoe groter je site, hoe vaker je ze zal zien. We raden aan om een goede workflow op te stellen voor hoe je deze fouten kan monitoren en hoe je ze kan fiksen. 404-foutmeldingen zijn niet goed voor bezoekers, je merk en ook Google ziet ze niet graag.

Heb je nog andere tips of vragen over de Error 404 Not Found-foutmelding of hoe dit de site beïnvloedt? Laat hieronder een reactie achter!

Brian Jackson

Brian heeft een enorme passie voor WordPress, gebruikt het al meer dan tien jaar en heeft zelfs al aantal premium plugins ontwikkeld. Brian houdt van bloggen, films en hikes. Kom in contact met Brian op Twitter.

• LinkedIn
• Twitter