Eigen Error Pages Maken

Je bent vast wel eens een zogenaamde "404 error page" tegengekomen. Dit wordt ook wel een "page not found" fout genoemd. Meestal krijg je dan een standaard wit scherm te zien met daarop in zwarte letters "De pagina kan niet gevonden worden."

Wat deed je zelf in zo'n geval? Probeerde je alsnog de juiste pagina te achterhalen door naar de hoofdpagina van de site te gaan of druk je meteen op de back (vorige) knop van je browser? Het blijkt dat een hoop mensen zo'n site meteen verlaten. Dat is natuurlijk zonde van de bezoekers die je op die manier kwijtraakt.
Gelukkig valt daar wat aan te doen, namelijk het maken van je eigen Error Pages met behulp van een .htaccess bestand. Zo'n speciaal gemaakte foutpagina staat een stuk professioneler dan de standaard foutmelding en je bezoekers zullen dat waarderen.

De 404 Foutmelding Pagina Maken

Aan de 404 foutmelding zelf valt niks te doen, het bestand kan immers niet gevonden worden. Je kunt natuurlijk proberen te voorkomen dat er kapotte links naar je site wijzen, maar dat is weer een heel ander verhaal. Feit is in ieder geval dat er een foutmelding getoond zal worden als een pagina niet gevonden kan worden. Je kunt wel de standaard pagina voor deze foutmelding er wat fraaier uit laten zien en je kunt er wat nuttige informatie en links opzetten voor de bezoeker die de foutmelding te zien krijgt.
Dat leer je in dit artikel.

We gaan nu eerst de foutpagina zelf maken. Dit is de pagina die getoond zal worden in plaats van de standaard 404 foutmelding. Deze pagina is een gewone pagina, net als iedere andere pagina van je site. Je maakt dus gewoon een .html bestand en je zet daar een mededeling op voor je bezoekers.

Bijvoorbeeld:"Helaas, de Pagina die u zocht kon niet gevonden worden."

Vervolgens kun je wat informatie geven over waar de pagina wel zou kunnen staan.

Bijvoorbeeld: "Controleer a.u.b. deze informatie:
Alle adressen van pagina's op onze site eindigen op .html .
Controleer of de pagina waarnaar u op zoek was ook eindigt op .html.
Onze bestandsnamen zijn verder altijd geschreven met kleine letters en nooit met hoofdletters.
Wellicht kunt u de pagina vinden door het adres aan de hand van deze informatie aan te passen."

Daarna is het handig om de mensen die de URL toch niet kunnen vinden door te sturen naar een aantal veel bezochte pagina's op je site. Maak daarvoor hyperlinks naar deze pagina's.

Dus bijvoorbeeld: "Kon u de pagina niet vinden met behulp van bovenstaande informatie?
Misschien zocht u één van deze veelbezochte pagina's van onze site:
Allerlei artikelen voor webmasters
[Hieronder plaats je andere links naar belangrijke pagina's]"

Tenslotte plaats je onderaan een link terug naar de hoofdpagina van je website en als het kan ook een zoekformulier waarmee bezoekers je site kunnen doorzoeken naar de informatie die ze zochten.
Zie voor dit laatste onze pagina met gratis zoekmachines voor je site.

Bijvoorbeeld: "U kunt ook naar onze homepage gaan om daar te zoeken naar de juiste pagina."
[Hier plaats je een link naar de hoofdpagina van je site]
"Verder kunt u door middel van onderstaand formulier onze site doorzoeken.
Vul daarvoor relevante trefwoorden in."
[Hier plaats je dan het zoekformulier]

Natuurlijk kun je de pagina volledig naar eigen smaak aanpassen.
Geef het het liefst een achtergrondkleur die overeenstemt met de rest van je site.
Ook kun je er plaatjes op gebruiken en er een uitgebreid navigatiesysteem op zetten, zodat de bezoekers nog makkelijker kunnen vinden wat ze zochten.

Belangrijk is in ieder geval dat je de tekst op de foutpagina duidelijk en kort houdt.
Veel mensen weten niet zo veel van surfen op het web en foutmeldingen en ook zij moeten hun weg kunnen vinden naar de informatie die ze zoeken via jouw zelfgemaakte foutpagina.
Als je je foutpagina af hebt dan kun je hem opslaan met bijvoorbeeld de bestandsnaam 404.html.
Daarna moet je hem uploaden naar je webserver.
Je zou het bestand bijvoorbeeld in de directory "errors" kunnen plaatsen.

Als je trouwens voorbeelden wilt zien van foutpagina's dan kan je eens naar een bekende site als CNN.com of Yahoo.com gaan en daar een URL intypen die niet bestaat, bijvoorbeeld: http://www.cnn.com/bla.html .

Het .htaccess Bestand Maken

Nu je de foutpagina zelf gemaakt hebt, wordt het tijd om het .htaccess bestand te maken.
Dit bestand kan op verschillende manieren gemaakt worden, afhankelijk van de webserver waar je site op draait.
Het onderstaande verhaal geldt in ieder geval voor de veelgebruikte Apache webserver.

Open in je HTML Editor een nieuw tekstbestand (.txt) .
Zet daarin onderstaande code:

ErrorDocument 404 /errors/404.html

Nu verwijs je naar het bestand 404.html dat je in de directory errors hebt geplaatst.
Heb je een andere bestandsnaam en/of directory gekozen, pas dan deze code aan aan de door jou gekozen namen.
Sla nu het bestand op en upload het naar de rootdirectory van je site.
De rootdirectory is bijvoorbeeld http://www.jouwnaam.nl/.

Nu komt er iets heel belangrijks.
Je hebt het bestand namelijk geupload als .txt bestand.
Het .htaccess bestand moet echter niet .htaccess.txt heten, maar alleen .htaccess!
Het is dus een bestand zonder een extensie.
Je moet nu de bestandsnaam aanpassen met behulp van je FTP programma.
Met Leech FTP doe je dat bijvoorbeeld door op de rechtermuisknop te klikken en dan voor "rename file/dir" te kiezen.
Dan verwijder je .txt achter .htaccess en klik je op Ok.
Nu is je .htaccess bestand klaar.

Je Error Pagina's Testen

Als het goed is moeten je zelfgemaakte error pages nu werken.
Je kunt dit testen door een foute URL in te typen.
Dus bijv. www.jouwdomein.nl/blabla.html .
Als het goed is dan verschijnt nu de door jezelf gemaakte foutpagina.

Andere Error Pagina's Maken

Met het bovenstaande kun je je eigen 404 error pagina's maken.
Op dezelfde manier kun je allerlei andere error pagina's maken voor andere foutmeldingen.
Je moet dan dus een apart bestand maken voor de foutmelding die je wilt laten zien en je moet een regel toevoegen aan de .htaccess file met de nieuwe code(s).

Hieronder zie je een lijst met allerlei foutcodes die herkend worden door Apache servers en waarvoor je aparte error pagina's zou kunnen maken:

• 302 - Redirect
• 400 - Bad Request
• 401 - Authorization Required
• 402 - Payment Required
• 403 - Forbidden
• 404 - File Not Found
• 405 - Method Not Allowed
• 406 - Not Acceptable
• 407 - Proxy Authentication Required
• 408 - Request Time-out
• 409 - Conflict
• 410 - Gone
• 411 - Length Required
• 412 - Precondition Failed
• 413 - Request Entity Too Large
• 414 - Request-URI Too Large
• 415 - Unsupported Media Type
• 500 - Internal Server Error
• 501 - Method Not Implemented
• 502 - Bad Gateway
• 503 - Service Temporarily Unavailable
• 504 - Gateway Time-out
• 505 - HTTP Version Not Supported

Als je dus bijvoorbeeld een foutpagina zou willen maken voor de errorcode 500 (Internal Server Error), dan maak je de foutpagina op dezelfde manier als je de 404 pagina maakte, alleen sla je hem nu op met een andere bestandsnaam, bijvoorbeeld 500.html.
Dit bestand upload je weer naar je server.
Daarna pas je het .htaccess bestand aan en voeg je deze code toe:

ErrorDocument 500 /errors/500.html

Dit doe je vervolgens voor alle foutmeldingen waarvoor je een eigen foutpagina wilt maken.

Andere Servers

Bij het maken van de error pagina's in dit artikel ging ik er van uit dat je website draait op een Apache webserver.
Als je site op een andere server staat, dan kan je eens op deze pagina kijken voor een korte uitleg over hoe je error pages maakt op bijvoorbeeld Microsoft IIS, Lotus Domino en vele andere webservers.

Veel succes!

• Terug naar index .htaccess cursus

Homepage-Maken Tip