Een goede 404-pagina ontwerpen

Iedere website heeft ze: verouderde links, tikfouten in URL's, pagina's die zijn verwijderd. Een bezoeker die daar terechtkomt, ziet je 404-pagina. Een standaardmelding als "Page not found" laat hem achter zonder richting. Een goede 404-pagina helpt hem verder en voorkomt dat hij vertrekt. Hoe je de oorzaken van 404-fouten opspoort, lees je in 404-fouten oplossen.

Wat hoort op een 404-pagina?

1. Een heldere melding in gewone taal: "Deze pagina bestaat niet (meer)." Geen technisch jargon.
2. Een korte verklaring: de pagina is mogelijk verplaatst of de link is verouderd.
3. Een zoekfunctie, als je website die heeft. Zie Een zoekfunctie op je website.
4. Links naar de belangrijkste plekken: homepage, diensten of assortiment, kennisbank, contact.
5. Een contactmogelijkheid voor wie iets specifieks zocht.
6. Je normale navigatie en footer, zodat de bezoeker niet het gevoel heeft op een andere website te zijn.

Een vleugje humor kan, mits het bij je merk past en de uitweg niet verstopt.

Technische eisen

• Echte 404-statuscode. De server moet 404 (of 410) teruggeven. Een foutpagina met status 200 wordt door Google gezien als soft 404.
• Geen automatische redirect naar de homepage. Dat verwart bezoekers en Google.
• Licht en snel, zonder zware scripts.

Webflow, WordPress en Shopify geven standaard een correcte 404-status bij hun foutpagina.

Instellen per platform

• Webflow: onder Pages staat een standaard pagina "404" bij Utility Pages. Ontwerp die zoals elke andere pagina.
• WordPress: het thema bepaalt de 404-pagina (404.php of het sjabloon "404" in de site-editor). Pas hem aan via de site-editor of in een child theme. Zie Een child theme in WordPress.
• Shopify: de 404-pagina is een sjabloon in het thema en is aan te passen in de thema-editor.

Meten en opvolgen

• In GA4 kun je het paginatitelrapport filteren op de titel van je 404-pagina en de bijbehorende paginapad bekijken.
• In Search Console zie je onder Indexering → Pagina's welke URL's een 404 geven.
• Komt een bepaalde oude URL vaak voor, stel dan een 301-redirect in naar de best passende pagina.

Een korte tekst die werkt

Deze pagina bestaat niet (meer)Misschien is hij verplaatst of klopt de link niet. Hiermee kom je waarschijnlijk verder:- [Onze diensten]- [Veelgestelde vragen]- [Zoeken op de website]Kom je er niet uit? Bel of mail ons, dan helpen we je verder.

Houd de toon vriendelijk en kort, en zorg dat de pagina in je huisstijl en met je gewone menu wordt getoond.

Voorbeeld

Stel: een webshop toont bij een niet-bestaande URL alleen de tekst "404 – Not Found" in het Engels. De nieuwe 404-pagina zegt "Deze pagina bestaat niet meer", toont een zoekveld, de vier belangrijkste productcategorieën en de klantenservice. Uit GA4 blijkt daarna dat veel bezoekers op oude productlinks landen; voor de meest bezochte daarvan worden redirects ingesteld.

Veelgestelde vragen

Zijn 404-fouten slecht voor mijn SEO?

404's voor pagina's die echt niet bestaan, zijn normaal. Een probleem wordt het als belangrijke pagina's of veel bezochte links een 404 geven.

Moet ik elke 404 doorsturen?

Nee, alleen URL's die bezoekers of links krijgen en een logische opvolger hebben.

Mag de 404-pagina in Google komen?

Nee. Met een correcte 404-status wordt hij niet geïndexeerd.

Wat is het verschil met een 410?

Een 410 zegt dat een pagina definitief weg is. In de praktijk behandelt Google ze vergelijkbaar.

Hoe test ik mijn 404-pagina?

Bezoek een niet-bestaande URL, zoals /test-12345, en controleer met een statuscodechecker of de status 404 is.

Hulp nodig?

Wil je een website waarop ook foutpagina's goed geregeld zijn? Bekijk onze aanpak voor webdesign.

Zet een paar links naar je populairste pagina's op de 404-pagina. Wie verkeerd landt, zoekt vaak precies daarnaar.