Om aangepaste foutpagina’s op te geven voor verschillende HTTP-fouten, moet je meestal de configuratie van je webserver aanpassen. Hier zijn enkele methoden voor de meest gebruikte webservers: Apache, Nginx, en Microsoft IIS.
- Apache
Apache gebruikt de `ErrorDocument` directief om aangepaste foutpagina’s in te stellen. Deze directief kun je toevoegen aan je `.htaccess` bestand of in het hoofdconfiguratiebestand van Apache (`httpd.conf`).
- Voorbeeld:
```
ErrorDocument 404 /errors/404.html
ErrorDocument 500 /errors/500.html
ErrorDocument 403 /errors/403.html
ErrorDocument 401 /errors/401.html
```
In dit voorbeeld worden de foutpagina’s voor de HTTP-fouten 404, 500, 403 en 401 ingesteld. Het pad `/errors/404.html` verwijst naar de aangepaste HTML-pagina die getoond moet worden als een 404-fout optreedt.
- Bronnen:
1. [Apache Documentation: ErrorDocument Directive](https://httpd.apache.org/docs/2.4/mod/core.html#errordocument)
- Nginx
Nginx gebruikt de `error_page` directief om aangepaste foutpagina’s te configureren. Je kunt deze directief toevoegen aan het configuratiebestand van je server (meestal `nginx.conf` of een bestand in `/etc/nginx/sites-available/`).
- Voorbeeld:
```
server {
listen 80;
server_name example.com;
root /var/www/html;
error_page 404 /errors/404.html;
error_page 500 502 503 504 /errors/50x.html;
location = /errors/404.html {
root /var/www/html;
internal;
}
location = /errors/50x.html {
root /var/www/html;
internal;
}
}
```
In dit voorbeeld wordt een aangepaste foutpagina voor 404-fouten ingesteld, evenals een gemeenschappelijke pagina voor serverfouten (500, 502, 503, 504).
- Bronnen:
1. [Nginx Documentation: error_page Directive](https://nginx.org/en/docs/http/ngx_http_core_module.html#error\_page)
- Microsoft IIS
In IIS kun je via de GUI aangepaste foutpagina’s instellen, maar ook via de `web.config` van je applicatie.
- Voorbeeld `web.config`:
```
```
In dit voorbeeld worden aangepaste foutpagina’s ingesteld voor de 404- en 500-fouten. De `responseMode=“ExecuteURL”` zorgt ervoor dat de URL wordt verwerkt door de server en de juiste pagina wordt aangeleverd.
- Bronnen:
1. [Microsoft Documentation: Custom Error Pages](https://docs.microsoft.com/en-us/iis/configuration/system.webserver/httperrors/)
- Voorbeelden in de praktijk
Stel, je hebt een e-commerce website en je wilt gebruikers een vriendelijke foutpagina tonen als een pagina niet gevonden wordt (404). Om dit te doen, maak je een aantrekkelijke HTML-pagina genaamd `404.html` met zoekvelden en links naar populaire producten. Vervolgens configureer je je webserver om deze pagina te tonen bij een 404-fout, zoals in de voorbeelden hierboven.
Dit verbetert de gebruikerservaring significant en kan ook bijdragen aan betere SEO, omdat zoekmachines zien dat je om gebruikers geeft door hen correct te begeleiden bij fouten.
Door het volgen van deze methoden kun je niet alleen de standaard foutmeldingen aanpassen, maar ook je merkimago versterken en de algehele gebruikerservaring verbeteren.
