Website tijdelijk offline zetten
Laatst bijgewerkt: 19 mei 2025
Als je een website bij ons gehost hebt, kun je deze (tijdelijk) offline zetten. Dit is bijvoorbeeld handig als je onderhoudswerkzaamheden doet. In dit artikel vertellen we er meer over.
Je kunt je website offline halen door verbinding te maken via FTP. Dat kan met een FTP programma zoals FileZilla. Je kunt dit programma hier gratis downloaden.
Gegevens
Als je FileZilla hebt gedownload en geïnstalleerd kun je inloggen met de volgende gegevens:
- Host: ftp.jedomeinnaam.nl (vervang jedomeinnaam.nl door je eigen domeinnaam)
- Gebruikersnaam: Je FTP-gebruikersnaam
- Wachtwoord: Je FTP-wachtwoord
Stappenplan
Zodra je bent ingelogd zie je de website mappen staan. De gehele website staat in de map public_html. Deze map kun je hernoemen (bijvoorbeeld public_html.old). Je website zal dan niet meer zichtbaar zijn.
Onderhoudspagina toevoegen
In dit voorbeeld laten we zien hoe je je website in een onderhoudsmode kunt zetten op Windows Server en op Linux. In Windows Server maak je gebruik van een web.config-bestand, in Linux van een .htaccess.
Daarnaast bevat dit voorbeeld een onderhoud.php-bestand met de melding die getoond wordt aan bezoekers. Pas de tekst en vormgeving gerust naar jouw smaak aan want naast het bestand onderhoud.php worden bestanden met de extensies .css, .gif, .jpg, .jpeg en .png uitgesloten van herschrijven. Dit betekent dat je deze bestanden daarom ook kunt gebruiken, zolang ze maar in de map www staan.
Onderhoud
De beide bestanden (onderhoud.php en web.config of .htaccess) plaats je in de map /www van jouw site. Ondertussen kun jij wél alle pagina’s bekijken vanaf jouw eigen IP-adres.
<?php header($_SERVER[“SERVER_PROTOCOL”].” 503 Service Unavailable”, true, 503); ?> <!DOCTYPE html> <html lang=”nl”> <head> <meta charset=”utf-8″> <meta name=”robots” content=”NOINDEX,NOFOLLOW”> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>Website tijdelijk in onderhoud</title> <style> html { font-size: 100%; } .maintenance__body { margin: 0; font: 1em/1.4 ‘Helvetica Neue’, Helvetica, Arial, sans-serif; background-color: #f4f4f4; color: #555; } .maintenance__container { padding: 2.8em 1em; margin: auto; background-color: #fff; border: 1px solid #ddd; border-radius: 8px; } .maintenance__header { margin: 0 0 .7em; font-size: 2em; font-weight: 400; line-height: 1.2; } .maintenance__paragraph { margin: 0 0 1.4em; } @media (min-width: 48em) { .maintenance__container { max-width: 28em; padding-left: 2em; padding-right: 2em; margin-top: 7em; } } </style> </head> <body class=”maintenance__body”> <div class=”maintenance__container”> <h1 class=”maintenance__header”>Website tijdelijk in onderhoud</h1> <p class=”maintenance__paragraph”>Sorry, we werken op dit moment hard aan de website. Binnenkort is die gewoon weer beschikbaar. We zien u graag snel weer terug!</p> </div> </body> </html> <?php exit; ?>
Linux
Een eigen onderhoudspagina kun je instellen door de onderstaande code te plakken in een .htaccess-configuratiebestand:
RewriteEngine on RewriteCond %{REMOTE_ADDR} !^203.0.113.15$ RewriteCond %{REQUEST_URI} !^/onderhoud.php$ RewriteCond %{REQUEST_URI} !.(css|gif|jpe?g|js|png)$ RewriteRule .? /onderhoud.php [L]
Windows
Plaats de volgende XML-code in een web.config-bestand binnen de node system.webServer, om een eigen onderhoudspagina in te stellen.
<rewrite> <rules> <rule name=”Onderhoudspagina” stopProcessing=”true”> <match url=”.?” ignoreCase=”false” /> <conditions> <add input=”{REMOTE_ADDR}” pattern=”^203.0.113.15$” ignoreCase=”false” negate=”true” /> <add input=”{URL}” pattern=”^/onderhoud.php$” ignoreCase=”false” negate=”true” /> <add input=”{URL}” pattern=”.(css|gif|jpe?g|js|png)$” ignoreCase=”false” negate=”true” /> </conditions> <action type=”Rewrite” url=”/onderhoud.php” /> </rule> </rules> </rewrite>
WordPress onderhoudsmelding
Iedereen die met WordPress werkt heeft de melding wel eens gezien: “Briefly unavailable for scheduled maintenance”. In het Nederlands is dit “Tijdelijk niet beschikbaar vanwege gepland onderhoud. Probeer het over enkele minuten nog een keer.” Deze melding is prettig als je inderdaad onderhoud uitvoert en je de site tijdelijk niet beschikbaar wilt hebben. Het is vervelend als de melding er staat wanneer je dat niet wilt.
Tijdens updates
Als je een plugin, thema of systeem update uitvoert, dan wordt er een .maintenance bestand geplaatst in de map met je websitebestanden. Hierdoor komt er een melding op je site voor je bezoekers. Als het onderhoud voorbij is verdwijnt deze weer vanzelf.
Probleemoplossing
Het komt helaas wel eens voor dat de melding er na enkele minuten nog staat. Meestal is er dan iets fout gegaan en is de melding blijven staan, maar zijn de updates wel keurig afgerond.
De oplossing van dit probleem is gelukkig erg eenvoudig. Ga via een FTP-programma (of bestandsbeheer) naar de root map van je installatie en verwijderd hier het .maintenance bestand.
Under construction plugin voor WordPress
Voor WordPress is er een handige plugin waarmee je een ‘Under construction’ melding op je site zet.
1. Log in op je WordPress website;
2. Kies in het menu links voor Plugins en vervolgens Nieuwe Plugin;
3. Zoek op deze pagina naar “Under Construction”;
4. Als je de plugin gevonden hebt klik je op Nu installeren;
5. Zodra de plugin is geïnstalleerd klik je op Plugin activeren.
Instellingen
Under Construction staat nu in je lijst van plugins. Klik op Instellingen. Je ziet de volgende opties:
- Activate or Deactive: De plugin aan of uit zetten
- HTTP Status Code: Je kunt kiezen uit drie standaard pagina’s. Deze statussen geven aan Google door dat er aan de website gewerkt wordt. Dat houdt in dat de website niet geblacklist zal worden totdat de Under Construction pagina gedeactiveerd is.
- Restrict By Role: Je kunt met deze optie aangeven voor wie het mogelijk is om in te loggen.
- IP Address Whitelist: Je kunt hier een IP-adres invullen. De Under Construction pagina zal niet zichtbaar zijn wanneer iemand met het betreffende IP-adres de website bezoekt.
- Display Options: Je kunt hier kiezen welke tekst er wordt weergegeven. Als je zelf een tekst wilt invullen kun je kiezen voor de optie “Display the default under construction page, but use custom text”.
Zet de pagina online door op Save Changes te klikken.
Was dit artikel nuttig?