Inhoudsopgave
Een websiteherziening is een van de meest impactvolle investeringen die een bedrijf kan doen — en een van de riskantste als het slecht wordt uitgevoerd. Goed gedaan, verbetert een herziening conversies, versterkt uw merk en verhoogt zoekrankings. Slecht gedaan, kan het jaren SEO-voortgang in één nacht vernietigen, functionaliteit waarvan uw klanten afhankelijk zijn, breken en veel meer kosten dan u had begroot.
Deze checklist omvat elke fase van een website-herontwerp, van de initiële planning tot de monitoring na de lancering. Gebruik het als uw routekaart, of u het project nu zelf beheert of samenwerkt met een freelance ontwerper of ontwikkelaar.
Fase 1 — Planning vóór de herinrichting
Voordat iemand een ontwerptool opent of een regel code schrijft, hebt u antwoorden op deze fundamentele vragen nodig. Het overslaan van deze fase is de nummer één reden waarom herontwerpen over budget gaan en onder-leveren.
Definieer uw doelen
Waarom herwerkt u het ontwerp? Zonder specifieke, meetbare doelstellingen kunt u niet evalueren of het herontwerp succesvol was. Veelvoorkomende doelen zijn:
- Verhoog conversiepercentage van X% naar Y%
- Verlaag het bouncepercentage op belangrijke landingspagina's
- Verbeter mobiele ervaring en Core Web Vitals-scores
- Merkidentiteit bijwerken om bedrijfsevolutie aan te passen
- Voeg functionaliteit toe die de huidige site niet ondersteunt
- Verbeter de snelheid en prestaties van de site
- Maak contentbeheer eenvoudiger voor uw team
Schrijf deze doelen op. Elke ontwerp- en ontwikkelingsbeslissing moet hieraan worden getoetst.
Controleer uw huidige site
Voordat je iets verandert, documenteer wat je hebt. Je moet begrijpen wat goed werkt (zodat je het niet per ongeluk kapotmaakt) en wat faalt (zodat je prioriteit geeft aan het oplossen ervan).
- Analyserapport — Welke pagina's krijgen het meeste verkeer? Welke hebben de hoogste conversiepercentages? Welke hebben de hoogste bouncepercentages? Exporteer deze gegevens
- Contentinventaris — Maak een lijst van elke pagina op uw huidige site. Noteer welke pagina's u wilt behouden, bijwerken, samenvoegen of verwijderen. Dit voorkomt dat inhoud verloren gaat tijdens de migratie
- SEO-baseline — Documenteer uw huidige trefwoordrangschikkingen, organisch verkeer, backlink-profiel en geïndexeerde pagina's. U vergelijkt deze na lancering om de impact te meten
- Technische audit — Controleer de sitesnelheid, mobiele responsiviteit, gebroken links, crawl-fouten en Core Web Vitals. Dit zijn uw benchmarks
- Gebruikersfeedback — Waar klagen klanten eigenlijk over? Welke vragen beantwoordt uw supportteam herhaaldelijk? Echte gebruikersfeedback is waardevoller dan ontwerpmeningen
Stel je budget en tijdlijn in
Website-redesigns kosten bijna altijd meer en duren langer dan verwacht. Bouw een buffer in – typisch 20-30% buffer op zowel budget als tijdlijn. Belangrijke budgetoverwegingen:
- Ontwerp (UX-onderzoek, wireframes, visueel ontwerp, prototyping)
- Ontwikkeling (front-end, back-end, integraties, migratie)
- Inhoud (herschrijven, nieuwe tekst, fotografie, video)
- SEO (redirect mapping, metadata, schema, technische SEO)
- Testen (QA, cross-browser, apparaattesten, gebruikerstesten)
- Ondersteuning na lancering (bugfixes, optimalisatie, monitoring)
Als u freelancers inhuurt voor een van deze fasen, blader dan door servicecategorieën op Zinn Hub om prijzen te vergelijken en specialisten te vinden voor elke specifieke fase.
Fase 2 — SEO-behoud (kritiek)
Dit is waar de meeste herontwerpen catastrofaal misgaan. Als uw huidige site organisch zoekverkeer heeft, is het beschermen van die rankings tijdens een herontwerp niet onderhandelbaar. Het verliezen van rankings betekent het verliezen van inkomsten, en herstel kan maanden duren.
URL-mapping en omleidingen
Maak een complete mapping van elke oude URL naar zijn nieuwe equivalent. Elke pagina waarvan de URL verandert, heeft een 301 redirect nodig. Dit is vervelend maar essentieel.
- Exporteer alle huidige URL's van uw sitemap en Google Search Console
- Wijs elke oude URL toe aan de nieuwe URL in een spreadsheet
- Implementeer 301 redirects voor elke URL-wijziging vóór de lancering
- Test elke redirect na implementatie
- Behandel verwijderde pagina's met redirects naar de meest relevante overgebleven pagina
On-Page SEO-elementen behouden
- Bestaande meta-titels en -beschrijvingen migreren (of verbeteren)
- Behoud de kopstructuur (H1, H2, H3 hiërarchie)
- Interne linkstructuur behouden of verbeteren
- Behoud alt-tekst van afbeeldingen
- Gestructureerde gegevens (schema-opmaak) onderhouden of bijwerken
- Houd URL-structuren schoon en logisch
Technische SEO onderhouden
- XML-sitemap bijwerken met alle nieuwe URL's
- Update robots.txt
- Zorg ervoor dat canonieke tags correct zijn op alle pagina's
- Controleer hreflang-tags als u meertalige inhoud heeft
- Controleer of de nieuwe site crawlers niet per ongeluk blokkeert
- Dien bijgewerkte sitemap onmiddellijk na lancering in bij Google Search Console
Fase 3 — Ontwerp
UX Research and Wireframes
Begin met structuur, niet met esthetiek. Wireframes bepalen de indeling, hiërarchie en gebruikersstroom voordat visueel ontwerp plaatsvindt. Dit is waar je bruikbaarheidsproblemen oplost — het proberen op te lossen van UX-problemen tijdens visueel ontwerp is duur en frustrerend.
- Breng gebruikerstrajecten in kaart voor uw primaire conversiedoelen
- Maak wireframes voor belangrijke paginasjablonen (homepage, servicepagina's, productpagina's, blog, contact)
- Test wireframes met echte gebruikers indien mogelijk (zelfs informele tests met 5 mensen onthullen grote problemen)
- Zorg voor goedkeuring van belanghebbenden op wireframes voordat u naar visueel ontwerp gaat
Visueel ontwerp
- Ontwerp belangrijke sjablonen op basis van goedgekeurde wireframes
- Definieer een designsysteem (kleuren, typografie, spacing, componenten) voor consistentie
- Ontwerp eerst voor mobiel, schaal vervolgens op naar desktop
- Overweeg toegankelijkheid (contrastverhoudingen, lettergroottes, groottes van interactieve elementen)
- Maak een stijlgids waarnaar ontwikkelaars kunnen verwijzen tijdens de bouw
Fase 4 — Inhoud
Inhoud is vaak de bottleneck bij herontwerpprojecten omdat het tot het laatst wordt bewaard. Begin met inhoudswerk parallel aan het ontwerp.
- Herschrijf ondermaatse pagina's — Pagina's met veel verkeer maar lage conversie hebben betere kopie nodig, niet alleen beter ontwerp
- Ontbrekende inhoud maken — Identificeer hiaten uit uw content-audit. Ontbreken er servicepagina's? FAQ-inhoud die conversies zou helpen?
- Optimaliseer voor trefwoorden — Werk inhoud bij om te richten op huidige zoektermen, niet op trefwoorden van jaren geleden
- Afbeeldingen en media voorbereiden — Nieuw ontwerp betekent nieuwe afbeeldingsformaten, -indelingen en mogelijk nieuwe fotografie of video
- Schrijf microcopy — Knoplabels, formuliervelden, foutmeldingen, succesmeldingen, tooltips. Deze kleine details hebben een aanzienlijke invloed op de bruikbaarheid
Fase 5 — Ontwikkeling en Bouw
Ontwikkelingschecklist
- Bouwen op een staging-omgeving (nooit ontwikkelen op de live site)
- Implementeer responsief ontwerp op alle breakpoints
- Optimaliseer vanaf het begin voor prestaties (beeldcompressie, lazy loading, minimale JavaScript, efficiënte CSS)
- Implementeer alle 301 omleidingen
- Instellen van analytics tracking (Google Analytics 4, conversietracking, eventtracking)
- Formulieren configureren en integreren met uw CRM/e-mailplatform
- Implementeer schema-opmaak (Organisatie, Lokaal Bedrijf, Veelgestelde vragen, Product, enz.)
- SSL-certificaat instellen en ervoor zorgen dat alle pagina's via HTTPS laden
- Generate and submit XML sitemap
- robots.txt configureren
Integratiecontroles
- Betalingsgateways werken correct
- E-mailformulieren die naar de juiste adressen worden verzonden
- CRM-integratie die leads correct vastlegt
- Externe tools (chat, analytics, advertentiepixels) allemaal geïnstalleerd
- Voorvertoningen voor delen op sociale media worden correct weergegeven (Open Graph-tags)
Fase 6 — Testen
Lanceer nooit zonder grondige tests. Deze fase vangt problemen op die goedkoop zijn om te repareren vóór de lancering en duur om te repareren erna.
- Cross-browser testing — Chrome, Firefox, Safari, Edge minimaal
- Apparaattesten — Desktop, tablet, mobiel (testen op echte apparaten, niet alleen browserextensies)
- Functionaliteitstesten — Elk formulier, knop, link, menu-item, zoekfunctie en interactief element
- Inhoudsbeoordeling — Controleer elke pagina op typefouten, aanduidingstekst, ontbrekende afbeeldingen en verbroken opmaak
- Prestatietesten — Voer Google PageSpeed Insights en Core Web Vitals-controles uit. Los kritieke problemen op vóór de lancering
- SEO-testen — Controleer of alle redirects werken, controleer metadata op elke belangrijke pagina, valideer gestructureerde gegevens, crawl de staging-site met Screaming Frog
- Toegankelijkheidstesten — Controleer toetsenbordnavigatie, compatibiliteit met schermlezers en kleurcontrast
- Belastingtesten — Als u veel verkeer verwacht, test dan of de server dit aankan
Fase 7 — Lancering
Checklist voor lanceringsdag
- Implementeer naar productie tijdens een periode met weinig verkeer
- Controleer of alle redirects werken (steekproefsgewijs minimaal 20)
- Bijgewerkte sitemap indienen bij Google Search Console
- Test alle formulieren en conversiepaden op de live site
- Verifieer of het bijhouden van analyses op alle pagina's wordt geactiveerd
- Controleer of er geen staging-URL's of placeholder-inhoud live zijn gegaan
- Bewaak de serverprestaties gedurende de eerste paar uur
- Houd uw ontwikkelaar stand-by voor noodreparaties
Fase 8 — Monitoring na lancering
Het werk stopt niet bij de lancering. De eerste 30 dagen na een redesign zijn cruciaal voor het opsporen van problemen en het valideren dat uw doelen worden bereikt.
Week 1
- Controleer Google Search Console dagelijks op crawlfouten, 404's en indexeringsproblemen
- Controleer analyses op onverwachte verkeersdalingen op belangrijke pagina's
- Repareer onmiddellijk alle verbroken links of omleidingsproblemen
- Verzamel gebruikersfeedback (bugs, verwarring, klachten)
Week 2-4
- Vergelijk organisch verkeer en rankings met uw pre-lanceringsbasislijn
- Monitor conversiepercentages op belangrijke pagina's
- Voer Core Web Vitals-controles uit op de live site
- Los eventuele resterende bugs of UX-problemen op die door gebruikers zijn gemeld
Maand 2-3
- Uitgebreide SEO-vergelijking — rankings, organisch verkeer, geïndexeerde pagina's
- Conversiepercentage-analyse over alle belangrijke funnels
- A/B-test alle pagina's die niet voldoen aan de conversiedoelen
- Plan iteratieve verbeteringen op basis van echte gebruikersgegevens
De juiste hulp vinden voor uw herontwerp
Tenzij u een intern team heeft dat ontwerp, ontwikkeling, inhoud en SEO verzorgt, heeft u externe hulp nodig. De meest gebruikelijke aanpak is het inhuren van specialisten voor elke fase in plaats van één generalist voor alles.
Blader services op Zinn Hub om geverifieerde webdesigners, ontwikkelaars, contentwriters en SEO-specialisten te vinden. Elke verkoper heeft echte kopersbeoordelingen en transparante prijzen, en uw betaling is beveiligd totdat het werk is opgeleverd. Of u nu een volledige redesign van één provider nodig hebt of individuele specialisten voor elke fase, u vindt de juiste match.
Bent u van plan webdesign- of ontwikkelingsdiensten zelf aan te bieden? De marktplaats van Zinn Hub is waar bedrijven geverifieerde professionals vinden voor dit soort project.
