Een eigen 404 pagina, hoe en waarom?

Wanneer je een website hebt komt het nog wel eens voor dat bepaalde pagina's om een bepaalde rede niet meer bestaan. Toch komen deze pagina's nog wel voor in de zoekmachines. Wanneer bezoekers op die link klikken in de zoekresultaten krijgen ze vaak de volgende pagina te zien:

Voorbeeld standaard 404 pagina

Dit is natuurlijk niet goed en de kans is zeer groot dat die bezoeker op de “back-button" klikt om nooit meer terug te keren. De bezoeker krijgt namelijk de zogenaamde 404 pagina te zien. Een pagina die vertelt dat er niks te vinden is"¦

Een bezoeker kan om verschillende redenen op een 404 pagina komen:

  • De bezoeker typt een verkeerde url in;
  • Een pagina die verplaatst is nog wel geïndexeerd in de zoekmachines;
  • De link op je website naar een andere pagina van jouw website werkt niet;
  • Een gebookmarkte pagina is niet meer beschikbaar.

Toch hoeft je 404 pagina er niet uit te zien alsof er niks te vinden is. Want dat is er natuurlijk wel, alleen niet meer op die url.

Hoe maak je een eigen 404 pagina in 3 stappen

Stap 1:
Maak een eigen 404 pagina in html of php. Verderop in dit artikel vind je wat tips over hoe die pagina eruit zou kunnen zien. Noem deze pagina “eigen404.html" (of php).

Stap 2: Maak een .htaccess file of pas de bestaande aan
Om te beginnen open je .htaccess file, als je die nog niet op je server hebt staan open je een kladblok.

Voeg de volgende regel toe:

ErrorDocument 404 /eigen404.html

Sla de file op. Indien je een nieuwe .htaccess file hebt aangemaakt moet je deze file opslaan als .htaccess (niet als .txt.).

Stap 3: Uploaden en testen
Upload de twee zojuist gemaakte bestanden (.htaccess en eigen404.html)  naar de root van je server.

Open nu je internet browser en typ daar je webadres met een pagina die niet bestaat. Als het goed is krijg je nu je eigen 404 pagina te zien!

Tips voor een 404 pagina

  • Gebruik hetzelfde design als de rest van de website;
  • Plaats een link naar je FAQ (veelgestelde vragen);
  • Plaats een link naar je sitemap;
  • Voeg een zoekbalk toe;
  • Voeg de gewone navigatie toe zoals die op elke website te zien is;
  • Verder moet je wel duidelijk maken dat de pagina die de bezoeker eigenlijk zoekt niet meer bestaat of is verplaatst.

Klik hier voor een voorbeeld van mijn eigen 404 pagina

Conclusie
Het is een kleine moeite (hooguit 10 minuten) om een eigen 404 pagina te maken. Ik adviseer iedereen om dit zeker te doen. De standaard 404 pagina is niet erg vriendelijk en laat de bezoeker denken dat er niks te vinden is. Met een eigen 404 pagina kun je er echter voor zorgen dat bezoekers die normaal gesproken de website meteen weer verlaten nu toch verder gaan surfen op je website!

Ook succesvol adverteren met Google AdWords?
Bekijk onze cursus Google AdWords, onze Google AdWords dienst of vul ons formulier in


Adverteer jij al via Google AdWords? Vraag dan onze gratis Google AdWords Quickscan aan!

  1. Leuke tip. Heb het meteen toegepast.

    Bij mij werkte het echter iets anders.

    Op mijn server staat een directory "error_docs" waarin een bestand "not_found.html" staat.

    Ik heb gewoon een nieuwe "not_found.html" gemaakt en het oude bestand overschreven.

  2. opmerking:
    het tonen van custom error pages hangt ook af van de configuratie van je eigen browser.

    iexplorer 7: ga naar extra > internetopties > geavanceerd > webpagina's bekijken > begruiksvriendelijke HTTP-foutberichten weergeven

    Deze optie moet AFgevinkt staan.

  3. Hallo Gert,

    Jouw opmerking over de afhankelijkheid van de browser heeft bij mij geen effect.

    Als ik in IE7 het betreffende vinkje aan of uit zet geeft bij mij geen verschil.

  4. Jammer,

    Hellaas krijg ik het niet klaar om dit op mijn website werkend te krijgen.
    .htaccess is het bestand wat ik gemaakt heb.
    ErrorDocument404/eigen404.htm

    eigen404.htm dit is het bestand wat ik gemaakt heb.
    Hierin heb ik tekst en een kleine afbeelding.

    Op de een of andere manier doe ik iets fout.
    Vergeet ik nog iets misschien?

    Groeten Peter

  5. leuke post, precies wat ik zocht 🙂

    alleen kijk even naar de titel van je 404 Karel er staat nu "myvideo.nl de zoveelste youtube kloon"

    ik pas het zeker nog toe op mijn eigen site

  6. Beste Karel,

    Toen ik jouw artikel las over de 404pagina , ging ik meteen aan de slag. Hoewel ik het niet meteen klaar kreeg . In de website zit een component waar je het moet ingeven LOL. Deze week toevallig gevonden en meteen toegepast. Nu wat blijkt veel meer bezoekers blijven op de website en dat is toch wat we willen . Nogmaals bedankt voor uw goed artikel .

    groeten ,
    Kris .V

  7. ff een tip!! je moet je error page groter maken dan 512 kb want als je ie explorer gebruikt en je error page is kleiner showed hij nog gewoon de standaard error pagina! wat natuurlijk niet de bedoeling is! verder is het een nice tutorial.

  8. MMMM ja groter maken dan 512 kb ff een vraagje hoe gaan we dat doen die van mij is nu 2,12 kb

    Ik zou graag willen weten hoe ik er een paar kb bij kan zetten zodat het zeker gaat werken ( het werkt nu trouwens ook wel maar wil zekerheid voor alles natuurlijk )

    Alvast bedankt

  9. Wel een pagina 404
    Kijk maar eens op mijn link.
    Maakr eens een tyoe fout. plaats bijvoorbeeld eene een tetter teveel of een foute naam erachter.

    Gemaakt met info en hulp Karel Geenen.

    Bedankt nogmaals voor jouw info Karel.

  10. Heb een pagina 404.htm gemaakt en opgeladen ook een error404.htaccess (notepad) opgeladen maar helaas GEEN 404 pagina krijg het volgende bericht :
    The requested URL /dd.htm was not found on this server.

    Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.

    Hwelaas voor mij geen succes

  11. Ik heb onlangs zelf ook geworsteld met een errorpag. In het .htaccess bestand horen in het eerste deel spaties te staan: dus ErrorDocument 404 /eigen404.html i.p.v. ErrorDocument404/eigen404.html (let ook op de hoofdletters). Die spaties staan ook in het artikel van Karel hierboven. Maar de hier gebruikte backslash notatie is anders dan we gewend zijn.
    Verder heeft het .htaccess geen voorvoegsel: niet error.htaccess maar .htaccess Controleren op de hostingserver!

  12. Heeft/weet iemand ook een php script zodat vanaf de error pagina automatisch een mailtje wordt gestuurd zodat je weet welke fout de bezoeker heeft gemaakt, of welke pagina niet meer bereikbaar is?
    Ik heb er 2 op internet gevonden, maar deze werken niet. Volgens een deskundige zitten er fouten in, maar welke wil hij niet zeggen. En ik ben nog zo groen in php dat ik de fouten er zelf nog niet uit kan halen.

  13. Wie kan mij helpen. Hoe maak ik in WordPress een 404-pagina aan. Moet ik gewoon een pagina maken zoals alle anderen? Maar hoe koppel ik deze dan? Of is eer een andere manier of plugin.

    1. Inderdaad je maakt een 404 pagina aan net als een "normale" pagina deze pagina zet je in een map "errors" dan opladen naar je server.

      De volgende stap is een htaccess file aanmaken die verwijst naar je pagina in de "errors" map .

      Deze htaccess file opladen ( zal verdwijnen ) en het moet dan werken.

      Let er op dat de htaccess file GEEN extensie heeft zoals htaccess.404.htm hij zal dan niet werken !

      voorbeeld : http:www.thailand-homestay.nl/ohlalal

      Success
      Max

  14. Ter aanvulling op dit artikel, je kunt je 404 pagina prima inzetten als onderdeel van je verkoop proces.

    Denk aan acties en aanbiedingen voor één van de producten en/of diensten van je eigen onderneming?. Plaats deze op je 404 pagina.

    Andere voorbeelden zijn:
    - Private label diensten en producten
    - Verzamel e-mail adressen voor toekomstig gebruik (bijvoorbeeld nieuwsbrief)
    - Plaats Affiliate text en banner links

    Natuurlijk zal het (als het goed is) geen storm lopen op je 404 pagina. Maar als er mensen komen, dan kun je er wellicht nog wat geld mee verdienen !

  15. Antoon schreef:Echter nu bij controle op de hostingsserver is het onvindbaar ! Ik werk met Ipswitch WS_FTP pro

    **********************************

    htaccess bestanden worden bij veel FTP programma's niet standaard weergegeven.
    ZXoek even naar de optie "show hidden files" en hij zal zichtbaar ziijn

  16. Wel, om iedereen hier mee te helpen laat ik eerst zien hoe het funktioneert.
    Hieronder zie je mijn link van mijn website.

    http://www.aircombat.nl/fout
    De toevoeging fout laat de fout 404 not found ontstaan. Pagina is er niet.
    Stop deze complete link eens in je browser (incl. het woordje FOUT) en zie wat er gebeurt.
    Dit heb ik met behulp van de website van Karel Geene kunnen maken en het werkt perfcect.
    twee bestanden.
    .htaccess is het bestand.

    de inhoud hiervan is;
    ErrorDocument 404 http://www.aircombat.nl/eigen404.htm

    en gemaakt met kladblok.
    ErrorDocument 404 ,zorgt ervoor dat als iets niet gevonden wordt de pagina eigen404.htm zal starten.
    Je hebt dusw twee bestanden nodig.

    .htaccess
    errorpagina.htm
    Op deze manier lukt het zeker.
    als .htaccess niet zichtbaar is op je server dan wordt dat afgeschermt. Maar is niet erg.

    Succes zover.

  17. Ik heb dit ook toegepast maar moest wel de hele riedel naar de website in mijn .htaccess bestand zetten b.v.:http://www.mijn_domein.nl/errors/404.html anders werkt het niet

    Dan is het mogelijk om de bestanden van een website in de verkenner weer te geven
    ga met ftp://mijndomijn.nl naar jou website en dan in ie7 of ie 8 onder de knop pagina naar "FTP site in windows verkenner openen" ff inloggen en je kunt zien welke bestanden er allemaal op jou website staan

    Zie jij het bestand .htaccess nog niet staan ga dan in de verkenner naar "Extra"en dan "Map opties" ën dan naar "weergeven"
    daar staat dan de regel verborgen bestanden en mappen weergeven deze moet je aan zetten dan nog even op "Toepassen" drukken
    Kijk je nu weer in de verkenner dan zie je daar wel het .htaccess bestand

  18. Hallo Arthur

    Bij mij werken de php error pagina's wel
    kun jij een kopie van de inhoud van jouw .htaccess bestand hieronder plaatsen dan kan ik kijken wat er anders is dan bij mij

  19. Het lijkt mij zeer interessant om zo een pagina te hebben, maar ik slaag er niet in een .htaccess extentie te maken...
    alsook heb ik op mijn server geen "error" map of dergelijke.

    http://www.all-epc.be

    Dit is mijn site, mss kan iemand wat uitleg geven hierover ?

    Alvast dank.

  20. Hallo all-epc
    Ik heb op jouw website gekeken, en letter.html ingetypt. Ik kreeg wel een Not Found pagina (404 error).
    Ik vermoed dat je problemen hebt met het pad van de door jouw gemaakte error-pag.
    Zo staat bij mijn host (YourHosting) mijn .htacess bestand in de root van de map public_html waarin ik alle mappen heb staan met mijn verschillende websites.

    Mijn host (YourHosting) heeft wel een error-map in dezelfde root-dir (public_html) waarin de mappen met mijn eigen pags staan. Maar ik gebruik die map niet.
    In alle mappen van mijn afzonderlijke sites (hetbargje.nl en avatar-adida.nl) heb ik een map errors met een error-pag.

    Wel staat het .htacess bestand in de root (=public_html). In dat bestand staat een algemeen pad voor de (verschillende) error-pags. ik

    ErrorDocument 404 /errors/404.php
    ErrorDocument 500 /errors/404.html

    Let op:
    * de spatie tussen Error-Document en 404, en de / =geen (backslash)
    * .htacess heeft geen voorvoegsel. Zoals boven al aangegeven is de naam van het bestand alleen maar een extensie.

    Succes.

  21. Hallo all-epc
    Ik heb in bovenstaand antwoord een fout gemaakt. Ik heb in elk van de twee mappen waarin de bestanden staan van de twee websites (en een errors-map) een .htacess bestand staan zoals hierboven aangegeven.
    Nogmaals succes.

  22. ik was zojuist bezig met de errorpagina
    (www.l-elektro.be/error404.html)maar hij werkt nog steeds niet,ik heb het artikel nog een gelezen en ik was de kladblok ver geten...

    mijn vraag:
    moet dat een speciale naam zijn voor die kladblok?
    (naam.htmacces)

    alvast bedankt,
    Nathan Laurijssen

  23. Hi Nathan, kreeg een alert dat je een reactie had.

    Je maakt je bestandje en dat sla je gewoon (nou ja, gewoon) opslaan als: .htaccess dus met de punt erbij

    Het enige wat er bij mij in staat is:

    ErrorDocument 404 http://www.mijndomein.nl/naamvandepagina

    Ik heb nog geen reactie gehad op mijn opmerking van 4 november. Misschien dat jouw opmerking de boel hier wat leven in blaast.

    Groets, Arthur

  24. Sorry verkeerde reactie! Niet goed gelezen!

    @Nathan
    bestand moet .htaccess heten en uploaden in de root

    @Arthur
    Kun je de exacte url van je 404 pagina geven? Dan kunnen we in ieder geval checken of ie op de server bestaat

  25. sorry als ik soms wat moeilijk doe maar ik moet namelijk de website van mijn papa maken (ik kan wel websites maken maar heb soms toch nog wel problemen(dat heb je al wel gemerkt waarschijnlijk!)

  26. Leuk om dit 'oud' artikel nog eens te lezen.

    Een originele 404 idee voor een 404 pagina voor een webshop:

    Bied een kortingscode aan op de 404 pagina, zodat de bezoeker gemotiveerd is om toch verder te zoeken naar de juiste pagina/product binnen de website.

    Wellicht dat je dan ondanks dat er een eigenlijk sprake is van een foutmelding, de bezoeker overhaalt om bij jou te kopen...

  27. Bedankt voor de input. Ik ben het wel met Luc eens dat een 404 een goede potentie heeft. Ook voor het inschrijven voor de nieuwsbrief kan een 404 pagina toch nog wat helpen.

  28. Een goede tip is ook om op de 404 pagina te linken naar je belangrijkste pagina's.
    Wat is eigenlijk een goede bouncerate voor een 404?

  29. Hey mensen volgens mij moet je een 404 pagina niet gaan vergelijken met een landingpage die je inzet om extra omzet te genereren.

    Ik bedoel bouncerate? Het is veel beter dat er geen 404 pagina's verschijnen binnen je website. Dat betekent namelijk dat er niet (meer) bestaande pagina's geindexeerd zijn en dat je je 301 redirects aan moet passen.

    Uitgangspunt moet nog altijd zijn dat mensen vanuit de zoekresultaten "gewoon" op je website komen lijkt me.

    Daarnaast kun/moet je natuurlijk je 404 omzetten naar een maatwerk pagina. Maar het is beter dat ze niet verschijnen!

  30. Ik heb te maken met +/- 25000 404 errors. bestaat er een mogelijkheid om dit niet handmatig van oude naar nieuwe link om te zetten, maar dat je dit op een bepaalde manier kunt inladen?

  31. Ik probeer net zoveel succes te hebben als de collega's hierboven, maar helaas. Waar ik het meeste mee zit is dat ik een WordPress pagina opmaak als 404 pagina, maar die kan ik niet aanroepen als HTML pagina. WP maakt deze toch dynamisch? Hoe krijg ik nu een HTML pagina uit WordPress?

    Iemand die ziet wat ik niet snap?

Reageren

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Terug naar top