Digital Studio

Gids

Checklist voor uw websitevernieuwing: behouden, verbeteren en testen

8 min leestijdWeb + Redesign

Glazen websitepanelen worden opnieuw gerangschikt rond een doorlopend verlicht pad, als illustratie van een herontwerp dat essentiële verbindingen behoudt.

Conceptillustratie van Digital Studio.

1. Leg vast wat de vernieuwing moet veranderen

Een bruikbare checklist voor websitevernieuwing heeft drie taken: beschermen wat klanten nu al helpt, vastleggen wat verbetering nodig heeft en bepalen hoe u de nieuwe website gaat testen. Begin met de bestaande website en een paar concrete taken van bezoekers. Een nieuw uiterlijk is een deel van het werk. Ook aanvragen, nuttige inhoud en bestaande links moeten de overstap goed doorstaan.

Noteer problemen die u concreet kunt aanwijzen. Misschien kunnen bezoekers op hun telefoon geen diensten vergelijken, vraagt het contactformulier om gegevens die uw team nooit gebruikt, of kunnen medewerkers de openingstijden niet aanpassen. Beschrijf naast elk probleem het gewenste gedrag. Met “Een bezoeker kan een dienst kiezen en een aanvraag versturen zonder ons om uitleg te hoeven bellen” geeft u degene die de website beoordeelt iets concreets om uit te proberen.

Maak onderscheid tussen een visuele opfrisbeurt en wijzigingen in de inhoud, de paginastructuur en gekoppelde hulpmiddelen. Ze kunnen binnen hetzelfde project vallen, maar vragen elk om een expliciete beslissing. Als het belangrijkste probleem een verouderd aanbod is, lost nieuwe typografie alleen dat niet op. Gebruik de gids voor een websiteprojectbriefing voor de bredere projectbeschrijving. Deze checklist richt zich op wat een bestaande website tijdens de vernieuwing moet behouden.

2. Bepaal wat u behoudt, herziet, samenvoegt of verwijdert

Maak een paginaoverzicht voordat u nieuwe ontwerpen goedkeurt. Noteer elk bestaand adres, het doel, belangrijke inhoud en de persoon die wijzigingen mag goedkeuren. Neem ook pagina's buiten het hoofdmenu, downloadbare documenten, taalversies en bestemmingspagina's van campagnes op. Vraag collega's welke links zij naar klanten sturen. Nuttige informatie staat niet altijd op een opvallende plek in de navigatie.

Neem voor elk onderdeel een beslissing:

  • Behouden: het doel en de informatie blijven nuttig, ook als de presentatie verandert.
  • Herzien: de pagina blijft bestaan, maar een benoemd deel van de inhoud moet worden goedgekeurd.
  • Samenvoegen: een andere pagina neemt de nuttige inhoud over en voorziet in dezelfde behoefte van bezoekers.
  • Verwijderen: de inhoud heeft geen zinvol doel meer en er is overeenstemming over de verwijdering.

Behoud concrete informatie die iemand helpt een beslissing te nemen: wat een dienst wel en niet omvat, voorwaarden, leverings- of werkgebieden, praktische instructies en contactgegevens. Kortere tekst is niet automatisch duidelijker als daardoor het antwoord verdwijnt waarvoor een klant kwam. Bewaar de goedgekeurde oude teksten en afbeeldingen, zodat beoordelaars zowel de inhoud als het uiterlijk kunnen vergelijken.

Gebruik bestaande aanvraaggegevens of zoekrapporten, als die beschikbaar zijn, om pagina's te herkennen die extra aandacht verdienen. Zijn er weinig gegevens, noteer dan die onzekerheid. Een interne mening dat een pagina “niets oplevert” is aanleiding voor onderzoek, maar onvoldoende bewijs om haar te verwijderen.

3. Geef elke gewijzigde URL een bestemming

Bij een websitevernieuwing kunnen bestaande pagina-adressen behouden blijven. Vraag bij elke wijziging om een reden: samengevoegde diensten of een duidelijkere websitestructuur kunnen een wijziging rechtvaardigen, een nieuw kleurenpalet niet. Leg voor elke verplaatste pagina het oude adres en de bijbehorende vervangende pagina vast. Laat de ontwikkelaar de volledige afgesproken lijst met verwijzingen controleren, niet alleen de homepage.

Google adviseert permanente omleidingen op de server, zoals HTTP 301 of 308, wanneer het adres van een pagina blijvend verandert. De praktische acceptatiecontrole is eenvoudig: wie het oude adres opent, komt op de juiste vervangende pagina terecht en die wordt succesvol geladen.

De richtlijnen van Google voor websiteverhuizingen adviseren om omleidingen rechtstreeks naar hun definitieve bestemming te laten wijzen en ongerelateerde bestemmingen te vermijden. Stuur bijvoorbeeld niet elke verwijderde pagina door naar de homepage. Een definitief verwijderde pagina zonder passende vervanging moet een correcte 404- of 410-respons geven. Vraag de ontwikkelaar die beslissing vast te leggen.

Werk interne links, canonieke verwijzingen, eventuele taallinks en de sitemap bij voor de gewijzigde adressen. Google adviseert om omleidingen minstens een jaar te behouden, en langer als bezoekers er baat bij hebben. Spreek af wie ze na de overdracht onderhoudt. Een omleidingsplan beschermt de continuïteit; het garandeert geen positie in de zoekresultaten of datum waarop pagina's worden geïndexeerd.

4. Volg een aanvraag helemaal tot aan uw team

Een formulier is pas compleet wanneer de informatie van de bezoeker op de afgesproken bestemming aankomt en iemand ermee aan de slag kan. Leg de huidige velden, ontvanger, bevestiging en eventuele gekoppelde boekings- of klantbeheersystemen vast. Bepaal welk gedrag blijft en welk gedrag verandert. Een opnieuw gebouwd formulier kan er vertrouwd uitzien terwijl het de informatie naar een andere bestemming stuurt.

Voer een kleine, gerichte reeks tests uit

Gebruik duidelijk herkenbare testgegevens. Verstuur een geldige aanvraag en controleer daarna de daadwerkelijke inbox of het gekoppelde record: de gekozen dienst, het bericht, het antwoordadres en eventuele afgesproken bijlagen moeten correct aankomen. Test ontbrekende verplichte velden en een ongeldig e-mailadres. Controleer of de uitleg de bezoeker helpt het probleem te verhelpen.

Vraag de ontwikkelaar in een gecontroleerde test te laten zien hoe het systeem zich volgens afspraak gedraagt als de aflevering mislukt. Een succesmelding moet overeenkomen met de afgesproken toestand van een geslaagde verzending. Een foutmelding moet een bruikbare volgende stap bieden. Gebruik geen echte klantgegevens om de foutafhandeling te testen.

Volg ook telefoonlinks, e-maillinks en boekingsknoppen vanaf de pagina waarop ze staan. Als een dienstenpagina voorheen de gekozen dienst doorgaf aan het aanvraagformulier, controleer dan of dat nog steeds gebeurt. Dit kleine stukje context kan gemakkelijk verloren gaan wanneer pagina's en formulieren afzonderlijk opnieuw worden gebouwd.

5. Beoordeel het ontwerp aan de hand van echte taken

Beoordeel de werkende voorbeeldversie met definitieve inhoud, niet alleen een statisch ontwerp. Open de langste dienstenpagina, een pagina met meerdere afbeeldingen en de belangrijkste route naar een aanvraag. Probeer op de afgesproken telefoons en desktopbrowsers de taken uit die u aan het begin hebt vastgelegd. Controleer of de navigatie bruikbaar blijft, tekst past, bedieningselementen reageren en belangrijke details zichtbaar blijven.

Neem toegankelijkheid mee in deze beoordeling. De Easy Checks van W3C WAI bieden eerste controles voor koppen, tekstalternatieven voor afbeeldingen, contrast, tekstvergroting, toetsenbordgebruik en formulieren. Probeer zonder muis te navigeren, let op een zichtbare markering van de toetsenbordfocus en vergroot de tekst terwijl u de belangrijkste taak uitvoert.

Deze controles vormen een eerste beoordeling. De evaluatierichtlijnen van W3C leggen uit dat een hulpmiddel op zichzelf niet kan vaststellen of een website aan toegankelijkheidsnormen voldoet. Daarvoor is deskundige menselijke beoordeling nodig. Spreek met uw leverancier de vereiste norm, de omvang van de beoordeling en de verantwoordelijkheid af. Leg onopgeloste toegankelijkheidsproblemen vast naast andere gebreken.

Vraag voor de snelheid om vergelijkbare controles van representatieve oude en nieuwe pagina's onder vastgelegde omstandigheden. Bekijk wat er gebeurt terwijl afbeeldingen en lettertypen laden en of de belangrijkste actie al bruikbaar is. Beschouw een testscore als aanwijzing voor de diagnose. Tijdens het acceptatiegesprek moeten de concrete problemen, de betrokken pagina's en de afgesproken oplossingen worden benoemd.

6. Gebruik een werkblad met aantoonbare acceptatiecriteria

Kopieer het onderstaande werkblad naar uw projectdocument. Vervang elk voorbeeld door uw eigen pagina's, hulpmiddelen en afgesproken testomstandigheden. Voeg aan elke rij een verantwoordelijke, een link naar het bewijs, het resultaat en de beoordelingsdatum toe. “Ziet er goed uit” vertelt de volgende beoordelaar niet wat er is gecontroleerd.

Voorbeeld van een werkblad voor acceptatie van een websitevernieuwing
OnderdeelWat moet worden aangetoond
InhoudDe afgesproken dienstinformatie en contactgegevens staan op elke goedgekeurde pagina; voor herzieningen is een verantwoordelijke aangewezen.
Bestaande linksElk adres in de migratielijst bereikt de afgesproken bestemming of geeft de afgesproken respons voor verwijderde inhoud.
AanvragenEen herkenbare test komt met de afgesproken velden op de juiste bestemming aan; invoercontrole en fouttoestanden zijn getest.
BezoekerstakenEen beoordelaar doorloopt de belangrijkste route op de genoemde apparaten en browsers, inclusief de afgesproken toetsenbord- en zoomcontroles.
PublicatieDe goedgekeurde inhoud staat online, de kritieke controles op het openbare domein slagen en een aangewezen persoon kan de vorige versie herstellen.
VerantwoordelijkheidHet bedrijf beschikt over de afgesproken toegang, vastgelegde onderhoudsverantwoordelijkheden en instructies voor reguliere updates.

Deel bevindingen vóór de goedkeuring in naar hun belang. Een niet-ontvangen aanvraag, een onbereikbare dienstenpagina of een geblokkeerde essentiële handeling moet de publicatie tegenhouden. Voor een kleine aanpassing aan de witruimte kunt u een verantwoordelijke en een latere datum afspreken. Maak dit onderscheid samen, zodat geen van beide partijen een lijst met onafgemaakt werk verwart met een acceptatieverslag.

7. Plan de overstap en een bruikbare herstelroute

Leg vóór publicatie vast welke versie is goedgekeurd, wie de wijziging uitvoert en wie haar controleert. Bewaar een herstelbare kopie van de huidige website en de relevante configuratie. Vraag wat herstel inhoudt, wie het kan uitvoeren en wat er gebeurt met aanvragen of inhoud die tijdens de overgang worden ingediend. Een back-up is alleen nuttig als het team weet hoe die kan worden teruggezet.

Spreek af wanneer het bewerken van inhoud stopt en hoe late wijzigingen worden overgenomen. Dat is ook bij een kleine website van belang: een bijgewerkt telefoonnummer of een aangepaste dienstbeschrijving kan anders door een oudere conceptversie worden overschreven. Als ook de hosting- of domeininstellingen veranderen, controleer dan expliciet afhankelijke diensten zoals zakelijke e-mail.

Herhaal de kritieke controles op het openbare domein direct na de overstap. Controleer oude links, de belangrijkste bezoekersroute en de daadwerkelijke aflevering van een testaanvraag. Vraag de ontwikkelaar te bevestigen dat openbare pagina's de bedoelde indexeringsinstellingen hebben en dat tijdelijke beperkingen van de voorbeeldversie niet zijn overgenomen in de live website. Zorg dat de persoon die verantwoordelijk is voor oplossingen beschikbaar blijft tijdens het afgesproken publicatievenster.

8. Rond het project af met bewijs en duidelijke verantwoordelijkheden

Plan een vervolgbeoordeling met een aangewezen verantwoordelijke. Controleer gemelde problemen, onverwacht ontbrekende pagina's en de aflevering van aanvragen. Als zoekrapporten beschikbaar zijn, bekijk veranderingen dan in hun context in plaats van de beweging van één dag als oordeel over de vernieuwing te zien. Bewaar de publicatiedatum en het wijzigingsoverzicht, zodat latere waarnemingen kunnen worden onderzocht.

Verzamel bij de overdracht het definitieve paginaoverzicht, de lijst met omleidingen, de acceptatieresultaten, de toegangsafspraken en de instructies voor updates. Vraag welke doorlopende taken zijn inbegrepen en voor welke taken een aparte afspraak nodig is. Laat degene die de website gaat onderhouden een gewone inhoudswijziging demonstreren voordat u de overdracht als afgerond beschouwt.

Een websitevernieuwing door Digital Studio begint bij EUR 1.790 voor maximaal vijf bestaande pagina's met uw huidige inhoud, inclusief een websitebeoordeling, een responsieve herbouw en afgesproken URL-omleidingen. Voor grotere migraties ontvangt u een aparte offerte. Wilt u een bestaande website bespreken, verstuur dan een gratis aanvraag voor websitevernieuwing met het adres, het belangrijkste probleem en wat behouden moet blijven. Voor het indienen van een aanvraag is geen betaling nodig.

Vertel ons wat er aan uw bestaande website moet veranderen en wat moet blijven werken. Wij helpen u de omvang van de vernieuwing en de controles voor de overdracht vast te leggen.