# Aangepaste foutpagina's

Source: https://support.kapsulehost.com/nl-nl/site-error-pages

Een aangepaste foutpagina vervangt de kale standaardpagina van de server door je eigen HTML met eigen huisstijl, terwijl de echte foutstatus behouden blijft, zodat zoekmachines nog steeds een echte 404 zien. Deze handleiding behandelt het toevoegen van een pagina voor elke ondersteunde code, wat er voor de veiligheid wordt verwijderd, en hoe het verificatiekenmerk werkt.

## Waar Foutpagina's Zich Bevinden in KPanel

1. Log in op [KPanel](https://kpanel.kapsulehost.com).
2. Klik op **Websites** in de linker zijbalk en klik vervolgens op de site.
3. Open in het linkermenu van de site **Instellingen** en daarna **Foutpagina's**.

Het directe adres is `/websites/<site-id>/error-pages`.

![Aangepaste foutpagina's voor een site in KPanel](https://support.kapsulehost.com/help/screenshots/site-error-pages.89c17e2d.webp)

## Waarom de Moeite Waard

Een standaard serverfoutpagina is een doodlopende weg. Hij heeft geen huisstijl, geen navigatie en geen uitleg, dus een bezoeker die erop terechtkomt, vertrekt meestal weer.

Een aangepaste pagina maakt daar een weg terug naar de site van: jouw logo, jouw typografie, een zin in jouw eigen toon, en een link naar huis of naar een zoekvak. Bij een grote site zijn verkeerd getypte en verouderde URL's een gestage stroom van verkeer, en een 404-pagina is de goedkoopste redding die je ooit zult bouwen.

## De Ondersteunde Codes

Je kunt voor acht codes een aangepaste pagina instellen, één pagina per code:

| Code | Betekenis | Typische oorzaak |
|---|---|---|
| 400 | Ongeldig verzoek | Een misvormd verzoek |
| 401 | Unauthorized | Authenticatie vereist of mislukt |
| 403 | Forbidden | Een toegangsregel heeft het verzoek geblokkeerd |
| 404 | Niet gevonden | Er bestaat niets op die URL |
| 500 | Interne serverfout | Jouw applicatie is mislukt |
| 502 | Slechte gateway | De applicatie antwoordde niet correct |
| 503 | Service niet beschikbaar | De applicatie ligt plat of is overbelast |
| 504 | Gateway time-out | De applicatie deed er te lang over |

Begin met 404. Dit is verreweg de meest voorkomende, en de enige die een bezoeker tegenkomt via gewoon surfen in plaats van door een storing.

De 5xx-familie is het volgende om aan te pakken, want dat zijn de pagina's die mensen zien op je slechtste dag. Een rustige pagina met je eigen huisstijl die zegt dat er iets misging en een e-mailadres geeft, is veel beter dan een lege serverfout.

## Een Pagina Toevoegen

1. Klik op **Foutpagina toevoegen**.
2. Kies een foutcode uit het keuzemenu. Codes die al in gebruik zijn, worden niet weergegeven.
3. Vervang de voorbeeld-HTML in het veld **HTML-body** door je eigen HTML.
4. Klik op **Foutpagina toevoegen**.

De editor begint met een werkend 404-document dat je kunt aanpassen, wat een redelijk startpunt is als je snel iets netjes wilt hebben.

## De HTML Schrijven

Lever een volledig HTML-document aan, beginnend met een doctype. Het wordt as-is geserveerd, dus het moet op zichzelf kunnen staan.

Sommige HTML wordt verwijderd voordat de pagina ooit wordt opgeslagen, voor de veiligheid:

- `<script>` tags
- inline gebeurtenisafhandelaars zoals `onclick`
- iframes
- externe stylesheets

Als er iets is verwijderd, verschijnt er na het opslaan een waarschuwing.

> **Warning:** Omdat externe stylesheets worden verwijderd, kan een foutpagina het hoofd-CSS-bestand van je site niet ophalen. Geef de pagina stijl met inline CSS of een `<style>`-blok in de head van het document. Dit is met opzet: een foutpagina moet weergegeven worden terwijl de rest van de site kapot is, en een pagina die afhankelijk is van het ophalen van bestanden van een falende server zal precies op het verkeerde moment als ongestileerde tekst verschijnen.

Praktische richtlijnen:

- **Houd het klein en op zichzelf staand.** Verwerk alles inline. Vermijd externe afbeeldingen. De pagina-lijst toont de grootte van elke pagina in KB.
- **Zeg in eenvoudige woorden wat er is gebeurd.** "We konden die pagina niet vinden" is beter dan "404 Not Found".
- **Geef een weg vooruit.** Een link naar huis, een link naar je hoofdsecties, of een zoekvak.
- **Voeg een contactmogelijkheid toe** op de 5xx-pagina's, aangezien de bezoeker de site niet kan gebruiken om je te bereiken.
- **Gebruik het niet om door te verwijzen.** Als een URL is verplaatst, verwijs dan correct door in plaats daarvan. Zie [Site-doorverwijzingen](https://support.kapsulehost.com/nl-nl/site-redirects).

## De Statuscode Wordt Behouden

Je aangepaste pagina wordt geserveerd met de echte foutstatus, niet 200. Een 404 blijft een 404 tot aan de client.

Dit is belangrijker dan het klinkt. Een pagina met je eigen huisstijl die als 200 wordt geretourneerd, is een zachte 404: zoekmachines indexeren het als een echte pagina, je analytics telt het als een succesvolle weergave, en verbroken links worden door geen enkele tool gemarkeerd. Omdat KapsuleHost de echte status behoudt, blijft dat allemaal correct werken.

## Het Statuskenmerk Lezen

De kolom **Status** rapporteert wat daadwerkelijk kon worden geverifieerd, en is daarin bewust eerlijk over de beperkingen.

| Kenmerk | Betekenis |
|---|---|
| Geverifieerd: merkpagina geserveerd (echte 404) | We hebben van buitenaf een 404 geforceerd en jouw pagina ontvangen met de juiste status |
| Geconfigureerd (niet extern getest) | De pagina is toegepast. Die code kan niet van buitenaf op aanvraag worden geactiveerd |
| Nog niet geverifieerd | De controle is nog niet uitgevoerd |
| Toegepast, live test niet overtuigend | De test kreeg iets anders dan een zuivere 404, vaak omdat een doorverwijzing het onderschepte |
| Een 404 ontvangen, maar de merkpagina werd niet geserveerd | De regel staat klaar, maar je pagina kwam niet terug. Probeer opnieuw op te slaan |

Alleen 404 kan van buitenaf geforceerd worden. Het opvragen van een URL die niet bestaat, levert betrouwbaar een 404 op, maar er is geen manier om een gezonde server op aanvraag een echte 500 te laten produceren zonder hem te breken. Daarom rapporteren de andere codes **Geconfigureerd** in plaats van een verificatie te claimen die nooit heeft plaatsgevonden. Ze worden nog steeds geserveerd wanneer de fout zich daadwerkelijk voordoet.

Mogelijk zie je ook een waarschuwing dat een andere configuratie op de server hetzelfde domein claimt. Totdat dit is opgelost, wordt de foutpagina mogelijk niet toegepast. Neem contact op met support als je dit ziet.

## Problemen Oplossen bij een Site Die Daadwerkelijk Fouten Geeft

Als je hier bent omdat je site fouten geeft in plaats van omdat je mooiere pagina's wilt, heeft de pagina een snelkoppeling: de knop **Troubleshoot with Kora** in de banner bovenaan.

Dit vraagt Kora, de assistent in KPanel, om je foutlogs en recente storingen voor deze site te lezen en je de waarschijnlijke oorzaak en oplossing te vertellen. Dat is een veel snellere eerste stap dan het lezen van ruwe logs.

Voor het onderliggende prestatiebeeld, zie [Siteprestaties en APM](https://support.kapsulehost.com/nl-nl/site-performance), en voor het foutpercentage in de tijd, zie [Site-verkeersanalyse](https://support.kapsulehost.com/nl-nl/site-analytics).

## Bewerken en Verwijderen

Elke rij heeft een bewerkknop, die dezelfde editor opent met de code vastgezet en de HTML geladen, en een verwijderknop.

Verwijderen vraagt om bevestiging en legt het resultaat uit: verzoeken die die code raken, vallen terug op de standaardpagina van de server.

## Problemen Oplossen

**Mijn pagina wordt niet weergegeven.** Controleer of je de juiste code activeert. Een pad dat doorverwijst, bereikt nooit een 404. Test met een URL die echt niet bestaat, in een privévenster zodat er geen cache in het spel is.

**De pagina wordt wel weergegeven, maar ziet er ongestileerd uit.** Je stylesheet is verwijderd als extern bestand. Zet de CSS inline.

**Mijn trackingscript ontbreekt.** Scripts worden met opzet verwijderd. Er is geen manier om JavaScript vanuit een aangepaste foutpagina hier uit te voeren.

**Alle codes hebben al een pagina.** Alle acht zijn al in gebruik. Bewerk een bestaande pagina in plaats van een nieuwe toe te voegen.

**Het kenmerk zegt dat de merkpagina niet werd geserveerd.** Sla de pagina opnieuw op. Als het probleem aanhoudt en er geen waarschuwing over domeinconflict verscheen, open dan een ticket.

## Gerelateerde Pagina's

- [Site-doorverwijzingen](https://support.kapsulehost.com/nl-nl/site-redirects) om te voorkomen dat de 404 überhaupt optreedt.
- [Site-verkeersanalyse](https://support.kapsulehost.com/nl-nl/site-analytics) om te zien hoeveel 4xx- en 5xx-reacties je daadwerkelijk serveert.
- [Een Site met Wachtwoord Beveiligen](https://support.kapsulehost.com/nl-nl/site-password-protect), die met opzet 401-reacties produceert.