Hoe maak je een website in aanbouw pagina?

Het kan ontmoedigend lijken om je website grondig te vernieuwen of te repareren. Ten eerste moet je de site achter de schermen verbergen, want je wilt niet dat bezoekers rondneuzen terwijl er gewerkt wordt. Ten tweede raken bezoekers in de war wanneer de site ontoegankelijk wordt. Niemand wil klanten, verkeer of Google-ranking verliezen omdat de site tijdelijk niet beschikbaar is.

Het goede nieuws is dat er een eenvoudige oplossing bestaat: voeg een 'In Aanbouw'-pagina toe aan je website. Een slim ontworpen pagina beschermt je merkreputatie en voorkomt negatieve SEO-gevolgen.

Leer hoe je je 'In Aanbouw'-pagina bouwt en lanceert voor maximale effectiviteit.

Wat is een website in aanbouw-pagina?

Een 'Website In Aanbouw'-pagina is een tijdelijke pagina die wordt getoond wanneer een website grote veranderingen ondergaat. Het doel is bezoekers te informeren dat de site tijdelijk niet beschikbaar is. Tijdens de werkzaamheden is de site niet te bekijken. Dit voorkomt dat gebruikers gebroken links en onvolledige content tegenkomen. Het is vergelijkbaar met een 'Gesloten wegens verbouwing'-bordje in een etalage.

Wat zijn de voordelen van de website in aanbouw aankondiging?

Een under construction pagina creëren levert een betere klantervaring op, omdat het bezoekers helpt begrijpen waarom je site is veranderd en wanneer deze terugkomt. Het kan ook de merkbekendheid vergroten, vooral als je een nieuw bedrijf bent. Maak van de bouwfase een marketingkans. Creëer buzz en verzamel aanmeldingen totdat de site live is. Ondertussen kun je webverkeer doorverwijzen naar sociale mediaplatforms, zoals Instagram, Facebook en LinkedIn, zodat klanten betrokken blijven bij het bedrijf.

Wanneeer een under construction pagina opzetten?

Je wilt de 'in aanbouw'-modus activeren wanneer je grote reparaties of updates nodig hebt om deze redenen:

• Grote herontwerpen en herbouw. Gebruik er een wanneer je je bestaande site volledig vernieuwt; bijvoorbeeld bij het veranderen van hostingplatforms, rebranding met een nieuw ontwerp of het herstructureren van je productcategorieën;
• Backend-onderhoud. Soms moet je om veiligheidsredenen kritieke updates of bugfixes uitvoeren waarvoor de hele site korte tijd offline moet om de data-integriteit te behouden;
• Initiële ontwikkelingsfase. Wanneer je een domeinnaam hebt geregistreerd en nog niet klaar bent om je online winkel te lanceren, kun je de pagina gebruiken om bezoekers te laten weten dat er aan de site wordt gewerkt. Naarmate je de lanceringsdatum nadert, kun je de 'in aanbouw'-pagina veranderen in een coming soon pagina.

Wanneer gebruik je een coming soon pagina?

Een coming soon pagina werkt net als een 'In Aanbouw'-pagina. Beide zijn tijdelijke pagina's, maar 'binnenkort beschikbaar' heeft een meer strategisch marketingdoel. Een 'In Aanbouw'-pagina suggereert dat er iets kapot is en dat je het repareert. Het doel is schadebeperking en het scheppen van verwachtingen rond de onbeschikbaarheid. Een 'Binnenkort Beschikbaar'-pagina draait om het opbouwen van spanning voor iets als een vernieuwde site of een nieuwe winkel. Het moedigt betrokkenheid aan, vaak via e-mailaanmeldingen, socialemedia-volgers of zelfs voorbestellingen.

Hier volgt wanneer je een coming soon pagina gebruikt in plaats van een 'in aanbouw'-pagina:

• Lancering nieuwe website. Bouw buzz op en verzamel e-mailadressen van toekomstige klanten die geïnteresseerd zijn in je producten voordat je e-commercewinkel opent.
• Pre-lancering nieuw product/collectie. Om een nieuwe productlijn aan te kondigen, kun je de 'Binnenkort Beschikbaar'-pagina gebruiken om de vraag te peilen door voorbestellingen aan te bieden, zodat klanten artikelen kunnen reserveren vóór de officiële release.
• Rebranding. Tease een nieuwe merkidentiteit om interesse te wekken voor de vernieuwde look en feel.
• Evenement/uitverkooppromotie. Gebruik een 'Binnenkort Beschikbaar'-boodschap om een geplande flash sale, seizoensevenement of speciale promotie aan te kondigen en verzamel e-mailaanmeldingen voor notificaties.

Hoe zet je je Shopify website in aanbouw pagina op?

Wanneer je website grote reparaties of onderhoud nodig heeft, moet je de 'in aanbouw'-modus activeren (soms onderhoudsmodus genoemd), die je site verbergt en geïnteresseerde bezoekers waarschuwt om later terug te komen. Shopify heeft een snelle en eenvoudige manier om dit te doen:

Gebruik Shopify's ingebouwde wachtwoordpagina

Dit is de snelste en eenvoudigste manier om je winkel in aanbouw te zetten. Shopify biedt een standaard wachtwoordbeveiligde pagina die je kunt inschakelen en aanpassen. Programmeerkennis is niet vereist. Volg gewoon deze stappen:

1. Ga naar Shopify-beheer.

2. Ga naar Online winkel > Voorkeuren.

3. Zoek de sectie Winkeltoegang beperken/Wachtwoordbeveiliging.

4. Vink het vakje aan naast "Beperk toegang tot bezoekers met het wachtwoord."

5. Voer een wachtwoord in het daarvoor bestemde veld in dat je deelt met iedereen aan wie je toegang wilt verlenen (zoals teamleden en bètatesters).

6. Voeg een bericht toe voor je bezoekers in het tekstveld. Laat het veld niet leeg, anders raken bezoekers in de war. Een paar regels zijn meestal voldoende.

7. Klik op Opslaan.

Zodra je wachtwoordbeveiliging activeert, wordt er een wachtwoordpagina weergegeven wanneer iemand je website bezoekt, waardoor ongewenste toegang wordt voorkomen. Dit wordt in feite de 'In Aanbouw'-pagina (of 'Binnenkort Beschikbaar'-pagina). De pagina heeft een aantal speciale functies:

• Een eigen kop- en voettekstsectie in de thema-editor, los van typische sitepagina's
• Een e-mailaanmeldingsbannersectie om klanten een manier te geven zich te abonneren zodat ze notificaties ontvangen wanneer je website heropent

Bewerk instellingen van de wachtwoordpagina

De wachtwoordpagina is volledig aanpasbaar. Bewerk je content, kleurenschema en lettertypen in de Shopify-thema-editor. Aanpassingsinstellingen variëren afhankelijk van het thema en de sjablonen. Verken bewerkingsopties door deze stappen te nemen:

1. Ga vanuit je Shopify-beheer naar Online winkel > Thema's.

2. Zoek het thema dat je wilt bewerken en klik op Aanpassen.

3. Klik op het vervolgkeuzemenu Startpagina en klik vervolgens op Wachtwoord.

Om de secties op de wachtwoordpagina te bewerken:

1. Klik op de sectie die je wilt bewerken. De meeste thema's maken het mogelijk om de kop-, inhoud-, bouwsjabloon- en voettekstsecties te bewerken.

2. Breng wijzigingen aan. Voeg bijvoorbeeld je merklogo toe aan de koptekst, voeg een e-mailaanmeldingsbanner en aangepast bericht toe, en voeg socialemedia-links toe aan de voettekst.

3. Optioneel: voeg andere secties en blokken toe aan je wachtwoordpagina met verdere details.

4. Klik op Opslaan.

Hoe zet je je online winkel op 'in aanbouw' met een plug-in

Een andere manier om een website in aabouw pagina in te stellen is door een WordPress-plug-in of vergelijkbare Shopify-app uit de Shopify App Store te gebruiken. Plug-ins regelen de technische complexiteit, zodat je de pagina kunt ontwerpen en activeren zonder programmeerkennis.

Hier zijn de algemene stappen voor WordPress, een populair platform voor deze plug-ins:

1. Log in. Log in op je WordPress-beheerdashboard. Ga naar jouwdomein.com/wp-admin.

2. Zoek een plug-in. Navigeer naar Plug-ins in de zijbalk en klik op Nieuwe toevoegen. Typ in de zoekbalk de naam van de 'in aanbouw'-sjabloonplug-in die je hebt gekozen. Sommige plug-ins noemen het een onderhoudsmodepagina.

3. Installeer de plug-in. Zoek de plug-in in de zoekresultaten, klik op Nu installeren en vervolgens op Activeren. Je kunt instellingen aanpassen onder het menu Instellingen (of een nieuw speciaal menu voor de plug-in in je WordPress-zijbalk). De exacte instellingen variëren per plug-in, maar over het algemeen volg je deze stappen:

1. Schakel 'in aanbouw'- of onderhoudspagina-modus in. Zoek naar een schakelaar of statusoptie om de modus in te schakelen.

2. Ontwerp je pagina. Kies een van de bouwwebsite-sjablonen en pas vervolgens de content aan. Bewerk de kop, subkop en hoofdtekst om duidelijk te communiceren dat je site in aanbouw is en waarom.

3. Upload assets. Upload je logo en selecteer merkkleuren en lettertypen. Neem belangrijke elementen op zoals een afteltimer, e-mailaanmeldingsformulier, socialemedia-links en contactinformatie.

4. Optionele uitzonderingen. Misschien wil je sommige gebruikers (bijv. beheerders, redacteuren) uitsluiten van het zien van de 'In Aanbouw'-pagina, zodat je team nog steeds toegang heeft tot en kan werken aan de live site terwijl bezoekers de tijdelijke pagina zien.

4. Beheer SEO-instellingen. Configureer de SEO-titel, meta-omschrijving en zoekwoorden voor je 'In Aanbouw'-pagina. Zorg ervoor dat de plug-in de juiste HTTP-statuscode verzendt (een 503 Service Unavailable voor onderhoudsmodus), die zoekmachines vertelt later terug te komen, zonder je zoekresultatenranking te schaden.

5. Integreer met e-mailmarketing. Sommige plug-ins kunnen integreren met e-mailmarketingdiensten (zoals Mailchimp en ConvertKit) die het gemakkelijk maken om nieuwe aanmeldingen aan je lijsten toe te voegen.

6. Voorbeeld bekijken en publiceren. Gebruik de voorbeeldfunctie van de plug-in om te zien hoe je pagina eruit zal zien voor bezoekers op verschillende apparaten (desktop, tablet, mobiel). Als je tevreden bent, sla je je wijzigingen op en activeer je ze.

Hoe maak je je website weer toegankelijk

Wanneer je klaar bent om de website weer online te brengen, ga je, als je de ingebouwde wachtwoordbeveiligingsinstelling op Shopify hebt gebruikt, gewoon terug naar dezelfde sectie en vink je het vakje Toegang beperken uit en sla je de wijziging op.

Voor plug-ins kun je teruggaan naar de plug-in-instellingen en de status op uit of gedeactiveerd zetten. Je volledige website wordt dan weer zichtbaar voor het publiek.

Wat neem je op in een 'Website In Aanbouw'-pagina

Dit is wat je moet opnemen op de coming soon pagina:

Pakkende kop en verklarende tekst

Schrijf een gebruiksvriendelijk bericht dat bezoekers vertelt dat de site tijdelijk niet beschikbaar is of wordt gebouwd. Houd een positieve toon aan en leg kort uit waarom de site in aanbouw is. Bezoekers waarderen het om op de hoogte te worden gehouden. Beantwoord belangrijke vragen zoals:

• Waarom is de site gesloten?
• Wanneer gaat deze open?
• Kan ik ergens anders zaken met je doen?
• Hoe kan ik contact met je opnemen?

Verwachte lanceringsdatum of voortgang

Voeg waar mogelijk een tijdlijn toe voor wanneer je winkel volledig operationeel zal zijn. Dit kan een specifieke datum zijn, een geschatte datum of een voortgangsbalk. Dit vertelt bezoekers dat ze op de hoogte moeten blijven en geeft ze een reden om terug te komen. Als gebruikers een lege pagina tegenkomen, weten ze niet waarom de site niet beschikbaar is. De enorme leegte is een gemiste kans om bezoekers te informeren en te betrekken.

Deze wachtwoordbeveiligde pagina gebruikt bijvoorbeeld een logo en een kleurrijke achtergrond, maar er is niets dat uitlegt waarom de site offline is of in aanbouw is of wanneer deze terugkomt. Dit zal waarschijnlijk verwarring veroorzaken.

Vergelijk het met de 'In Aanbouw'-pagina van GRIM, een gothic sieradenwinkel. We krijgen wat informatie (site opent binnenkort) en in de koptekst meer context (de site wordt getest) samen met de link "Invoeren met wachtwoord" rechtsboven. Hoewel er geen tijdlijn wordt geboden, heeft de bezoeker ten minste een idee van wat er achter de schermen gebeurt. En het social media-icoon in de voettekst geeft ze een andere manier om op de hoogte te blijven.

Aantrekkelijke visuals

Zelfs een tijdelijke pagina moet professioneel zijn. Gebruik hoogwaardige afbeeldingen, je logo en een aantrekkelijke achtergrondafbeelding of kleur die de esthetiek van je merk weerspiegelt. Niets schreeuwt meer amateur dan een generieke 'In Aanbouw'-pagina of erger nog, helemaal niets. Klanten en zoekmachines kunnen aannemen dat de site voorgoed verdwenen is.

De 'In Aanbouw'-pagina van kledingwinkel Moonless bevat merkkleuren, het winkellogo, een productafbeeldingscarrousel en een e-mailaanmeldingsoptie. Merk op hoe de releasedatum prominent wordt weergegeven, wat duidelijke verwachtingen schept.

Duidelijke call-to-actions (CTA's)

Leid bezoekers naar wat ze vervolgens moeten doen door een call-to-action-knop toe te voegen. Bied opties zoals een e-mailaanmelding en social medialinks om de interesse van bezoekers vast te houden en leads te verzamelen.

Bij BYTAVI, een fair-trade-modewinkel, zien we aangepaste berichten op de 'In Aanbouw'-pagina, die bezoekers vertellen dat de site binnenkort opent met een CTA-e-mailaanmeldingsknop. Links naar Facebook en Instagram verschijnen in de voettekst, zodat geïnteresseerde klanten je kunnen volgen en betrokken blijven. Het lettertype en de achtergrondkleuren voegen een aangepast merkaccent toe.

SEO-zoekwoorden

Wanneer je site offline is, moet je zoekmachineoptimalisatie (SEO) in leven houden. Laat je zoekresultatenranking niet verzwakken. Om actieve SEO te behouden, voeg je relevante zoekwoorden toe aan de titel, meta-omschrijving en hoofdtekst van de 'In Aanbouw'-pagina. Dit geeft zoekmachines iets om te crawelen, waarmee je communiceert dat je site een hartslag heeft, hoewel deze tijdelijk offline is.

Als je een plug-in gebruikt om de 'in aanbouw'-modus te beheren, test dan of je pagina een HTTP 503 Service Unavailable-statuscode naar zoekmachines stuurt. Dit vertelt ze dat de site tijdelijk offline is voor onderhoud, waardoor je SEO-ranking behouden blijft. Als je Shopify gebruikt, gebeurt dit automatisch.

Contactinformatie

Voeg relevante contactinformatie toe om het potentiële klanten en partners gemakkelijk te maken om je te bereiken voor dringende vragen. Je kunt een e-mailadres, telefoonnummer of een eenvoudig e-mailcontactformulier opnemen; alles wat je zou opnemen op je contactpagina.

De athleisure kledingwinkel Athleia House of Versatile heeft bijvoorbeeld een 'In Aanbouw'-pagina met een positief bericht in de koptekst, samen met het merklogo. Centraal staat een eenvoudig contactformulier, en verschillende social media-iconen in de voettekst. Bezoekers die hier komen, zullen zich er goed van bewust zijn dat de site wordt gebouwd om in de nabije toekomst onthuld te worden.

Social media-links

Voeg links toe naar je socialmediaprofielen op Instagram, LinkedIn, Facebook, enz. Dit geeft klanten een alternatief kanaal om met je merk te communiceren totdat de site weer online is. In je socialmediaposts kun je webstatusupdates toevoegen en reageren op vragen.