Hoe maak je een onderhoudspagina in WordPress

Door /

Een onderhoudspagina is handig wanneer je aanpassingen maakt aan je WordPress-site, een nieuw thema installeert of een update uitvoert. Bezoekers zien dan een nette landingspagina in plaats van foutmeldingen of half geladen content.

In deze gids leggen we stap-voor-stap uit hoe je snel en veilig een onderhoudspagina opzet met plugins, met page builders zoals Elementor en Divi, of handmatig via server- of thema-aanpassingen. We geven ook praktische tips over SEO, snelheid en veiligheid zodat je website bouwen-project geen schade oploopt.

Wanneer zet je een onderhoudspagina live?

Een onderhoudspagina gebruik je niet alleen bij updates. Denk aan migraties, grote designaanpassingen of wanneer je nieuwe functionaliteit test. Voor bouwfases kun je ook kiezen voor een ‘coming soon’ in plaats van volledig onderhoud.

  • Snelle updates of plugin-upgrades: korte onderhoudspagina of .maintenance file.
  • Grote redesigns of ontwikkelwerk: gebruik een ‘under construction’ met verwachte terugkeertijd.
  • Publieke lancering van een nieuwe site: ‘coming soon’ met e-mailinschrijving voor leads.

Belangrijke SEO- en technische overwegingen

Stel bij voorkeur een HTTP 503-status in voor je onderhoudspagina. Deze status vertelt zoekmachines dat de onderbreking tijdelijk is en voorkomt indexatieproblemen. Zonder 503 kunnen crawlers denken dat de pagina permanent is gewijzigd.

Zorg er verder voor dat je onderhoudspagina weinig assets laadt voor snelheid, en dat inloggen (beheeraccounts) gewoon blijft werken zodat ontwikkelaars kunnen testen. Vergeet SSL niet: ook de onderhoudspagina moet via HTTPS bereikbaar zijn.

Methode 1: Gebruik een plugin

Plugins zijn de snelste manier voor een onderhoudspagina in WordPress. Ze bieden kant-en-klare templates, mogelijkheid tot e-mailinschrijving en vaak de optie om een 503-header te sturen.

Populaire plugins

  • SeedProd (coming soon & maintenance)
  • WP Maintenance Mode
  • Maintenance

Stappen met een plugin

  1. Installeer en activeer de plugin via Plugins → Nieuwe plugin.
  2. Kies of maak een template; voeg logo, boodschap en verwachte terugkeertijd toe.
  3. Schakel de onderhoudsmodus in en controleer of de plugin een 503-status instelt.
  4. Whitelist je IP of beheeraccounts om te blijven testen.
  5. Schakel caching tijdelijk uit of zet een uitzondering zodat je wijzigingen direct zichtbaar zijn.

Methode 2: Elementor of Divi (page builders)

Als je website bouwen doet met Elementor of Divi, kun je vaak rechtstreeks in de builder een onderhoudspagina maken. Dat geeft volledige controle over design en branding.

Elementor onderhoudsmodus

  1. Ga naar Elementor → Tools → Maintenance Mode.
  2. Kies ‘Maintenance’ of ‘Coming Soon’ en selecteer je template of ontwerp er één met de Theme Builder.
  3. Controleer dat de optie voor beheerders-toegang aanstaat zodat je kunt blijven testen.

Divi onderhoudsmodus

  1. Bij Divi kun je via Divi → Theme Options → Maintenance Mode een pagina activeren.
  2. Ontwerp de layout met de Divi Builder en publiceer deze als onderhoudspagina.
  3. Zorg dat de pagina responsive is en niet te veel scripts laadt voor snelheid.

Methode 3: Handmatige aanpak via thema of .maintenance file

Voor maximale controle kun je een eenvoudige PHP-template maken die een 503-header stuurt. Handmatig werkt goed als je geen extra plugin wilt installeren.

Voorbeeld: eenvoudige 503-template

<?php
http_response_code(503);
header('Retry-After: 3600'); // seconden of datum
?>
<!doctype html>
<html lang="nl">
<head>
  <meta charset="utf-8">
  <meta name="robots" content="noindex, nofollow">
  <title>Site tijdelijk offline</title>
</head>
<body>
  <h1>We zijn even bezig met onderhoud</h1>
  <p>We zijn terug om 15:00 uur. Bedankt voor je geduld.

</body>
</html>

Plaats zo’n bestand in je thema of als maintenance.php en laad het via een rewrite-regel of tijdelijke index. Je kunt ook WordPress’ eigen .maintenance-bestand gebruiken tijdens automatische updates.

Methode 4: Serverniveau (NGINX/Apache) of CDN

Bij migraties of wanneer je volledige controle wilt, zet je de onderhoudspagina op serverniveau of via je CDN (Cloudflare). Dit is snel en voorkomt dat de backend bezoekers bereikt.

Kort stappenplan NGINX

  1. Maak een statische onderhoudspagina (HTML/CSS) en zet die op de server.
  2. Voeg een serverblok toe dat alle verkeer redirect naar de onderhoudspagina behalve voor bepaalde IPs.
  3. Stuur een 503-response en voeg Retry-After header toe voor zoekmachines.

Checklist voor veilige en snelle onderhoudspagina

  • Stuur HTTP 503 + Retry-After (SEO vriendelijk).
  • Minimaliseer assets: één CSS-bestand, geen zware scripts.
  • Zorg dat beheergebruikers niet geblokkeerd worden.
  • Toon verwachte terugkeertijd en contactinformatie.
  • Controleer SSL en content/security headers (CSP, X-Frame-Options).
  • Test op mobiel en desktop voor responsive website design.
  • Maak een backup voordat je grote wijzigingen doorvoert.

Veelgemaakte fouten

  • Geen 503-status sturen — zorgt voor indexatie en rankingverlies.
  • Caching niet uitschakelen — je ziet geen live updates tijdens testen.
  • Te veel externe scripts laden — zorgt voor traagheid tijdens onderhoud.
  • Beheerders per ongeluk buitengesloten — altijd jezelf whitelisten.

Hoe testen voordat je live gaat

  1. Gebruik een incognitovenster of externe tool (zoals webpagetest.org) om de pagina te bekijken als anonieme bezoeker.
  2. Controleer de HTTP-status met browser DevTools of curl: curl -I https://jouwdomein.nl
  3. Test op mobiel en controleer of formulieren en contactinfo werken.
  4. Vraag een collega buiten je netwerk om de site te openen (controleer whitelist).

Bij AllesOverHosting adviseren we altijd: zet standaard een 503-header en whitelist je eigen IP voor testen — dat voorkomt verrassingen tijdens livegang.

Praktische tip: voer meteen een curl-check uit na activering om te bevestigen dat de server daadwerkelijk een 503-status teruggeeft (curl -I https://jouwdomein.nl) en controleer de Retry-After header.

Scroll naar boven