Hoe je je website migreert en herontwerpt met AI (zonder SEO te verliezen)

Inleiding

Miljoenen bedrijven hebben verouderde websites, maar kunnen de kosten van het herbouwen niet rechtvaardigen.

De grootste uitdaging is dat het migreren van een website bijna altijd vereist dat je deze opnieuw bouwt. Zelfs alleen het overzetten van de oude content is ongelooflijk veel werk. Daarom gaan veel bedrijven jaren zonder hun website bij te werken.

AI-tools maken het makkelijker dan ooit om code te schrijven. Ze zijn ook uitstekend in het lezen en nabootsen van bestaande websites. Voor veel bedrijven is het nu mogelijk om hun site met AI in slechts een paar minuten te herbouwen.

In deze handleiding ga ik uitleggen hoe.

Stap 1: Plan je herontwerp

Tenzij je een site hebt met duizenden pagina's, heb je geen formeel plan nodig. Maar het kan helpen om te beginnen met het verduidelijken van een paar dingen.

Waarom herbouw je je site?

Dit is de eerste vraag die je jezelf moet stellen. Veelvoorkomende antwoorden zijn:

• Je vindt de stijl niet mooi
• Je kunt het niet zelf bijwerken
• Je betaalt te veel
• Het laadt te langzaam
• Het ziet er slecht uit op een telefoon
• De content is verouderd
• Het platform is te beperkend
• Je vindt het platform gewoon niet prettig

Je doelen definiëren is nuttig omdat het je vertelt waar je NIET aan moet werken. Het kost veel tijd om alles helemaal opnieuw te doen, inclusief je stijl, afbeeldingen, tekst, pagina's en boekingssysteem. Je kunt veel tijd besparen met de filosofie: als het niet kapot is, repareer het dan niet.

Welke functies heb je nodig?

Met functies bedoel ik dingen zoals online bestellen, een boekingssysteem of een donatieportaal. Elke websitebouwer kan eenvoudige pagina's maken, maar bijna niemand heeft een eCommerce-voorraadsysteem zoals Shopify.

Bij geavanceerde functies kun je een websitebouwer zoeken met die functie ingebouwd, of een tool van derden koppelen. Tools van derden vereisen alleen links en embeds, dus in principe kan elke websitebouwer ze toevoegen.

Hoewel tools van derden meer kosten en er standaard uitzien, zijn ze erg populair omdat ze geavanceerde functies bieden die de meeste websitebouwers niet hebben. Veel kleine bedrijven hebben een marketingwebsite die is verbonden met een extra dienst voor bedrijfsvoering.

Hoe ga je om met de content?

Je moet een globaal plan hebben voor welke content je behoudt, herschikt en verwijdert. AI-tools zouden de rest moeten kunnen afhandelen. Als je niet expliciet bent, kan AI een beetje lui worden en niet alles importeren.

Je kunt controleren welke pagina's er bestaan door naar firecrawl.dev te gaan, je URL in te voeren en map te selecteren. Dit zou je een lijst moeten geven van de pagina's op je huidige website, die je vervolgens aan AI kunt geven, samen met notities over wat je wilt behouden en verwijderen.

Stap 2: Kies je tools

Er zijn een paar manieren om AI te gebruiken om een bestaande website na te maken:

1. Gebruik een end-to-end AI-websitebouwer (Repaint, Lovable, Replit of Bolt)
2. Gebruik een AI coding agent (Claude Code, Codex of Cursor)
3. Gebruik een AI-chatbot om code te maken (ChatGPT, Claude)

Ik raad aan om een end-to-end bouwer te gebruiken, of een AI coding agent als je al kunt programmeren.

ChatGPT en Claude zijn de populairste en meest toegankelijke AI-apps. En ze zijn prima in staat om code te schrijven. Het probleem is dat ze niet de infrastructuur bieden om een website te draaien. Dus nadat ze een website voor je hebben gemaakt, moet je de code exporteren en zelf hosten op een cloudhosting-dienst. En elke keer dat je een update wilt maken, moet je de code bewerken.

Dus als je toch je eigen code gaat beheren, denk ik dat het meer zin heeft om een AI coding agent te gebruiken. Ze zijn gemaakt om volledige codebases direct te bouwen, dus er is geen export nodig. Maar je moet nog steeds hosting regelen.

Maar voor mensen die willen vermijden om te leren hoe ze code moeten draaien, bewerken en beheren, is de eenvoudigste optie een end-to-end AI-websitebouwer.

Waar het om gaat bij herbouwen

Dit zijn de belangrijkste dingen om op te letten bij een AI-tool:

• Je communiceert met een slimme AI-chatbot (niet een oude websitebouwer met AI erop geplakt)
• De AI kan content van websites lezen
• De AI kan andere pagina's op een website vinden

Alle tools die ik hierboven heb genoemd kunnen dit. Als de AI je website kan lezen, kan het diezelfde content op een nieuwe site herschrijven in een kwestie van minuten.

Je kunt testen of een AI-chatbot dit kan door het een URL te geven en te vragen: "Wat staat er op deze pagina?" Als het websites kan lezen, kan het de content van die pagina opnoemen. Het zou je ook moeten kunnen vertellen welke andere pagina's de site heeft.

Het argument voor Repaint

Als je een end-to-end AI-websitebouwer gaat gebruiken, denk ik dat je met Repaint moet beginnen.

Je moet weten dat mijn aanbeveling bevooroordeeld is. Ik ben een van de makers van Repaint. Maar ik geloof oprecht dat Repaint de beste AI-tool is van deze groep voor het herbouwen van een marketingwebsite. We hebben Repaint specifiek ontworpen voor websites, terwijl Lovable, Replit en Bolt zich richten op geavanceerde software. Hoe Repaint zich onderscheidt:

• Repaint kan meerdere pagina's tegelijk bouwen. Het kan 10 blogpagina's importeren in de tijd die de andere apps nodig hebben om één homepage te bouwen.
• Repaint is veel sneller in het verkennen en scrapen van websites, en doet het zonder dat je erom hoeft te vragen.
• Repaint downloadt automatisch afbeeldingen van je oude site.
• Repaint heeft een ingebouwde stijlbibliotheek voor visuele inspiratie.
• Repaint interviewt je voordat het begint te bouwen, zodat het eerste ontwerp meer op maat is.
• Repaint is een vast abonnement zoals ChatGPT, in plaats van op basis van gebruik. De prijzen zijn voorspelbaarder, en het maken van een website in Repaint kost vaak minder dan de helft.

Stap 3: Bepaal de visuele stijl

Ik heb veel websites gemaakt. Het gaat altijd soepeler als je de stijl plant voordat je alles bouwt. De stijl aanpassen is een enorme klus als je al 20 pagina's hebt, omdat er zoveel is om opnieuw te stijlen en te controleren.

De beste aanpak is om een kleiner gedeelte te maken, de stijl goed te krijgen en dan de rest te bouwen.

Wat is een visuele stijl?

Een visuele stijl voor een website is een combinatie van:

• Lettertypen
• Kleuren
• Lay-outstructuren
• Afbeeldingen, graphics en video's
• Animaties
• Diverse details (schaduwen, afronding van hoeken)

Een visuele stijl creëren is simpelweg een combinatie vinden van deze elementen die er samen goed uitzien.

Hoe maak je een visuele stijl

Er zijn eigenlijk maar twee manieren om geweldige ontwerpen te maken: trial-and-error en kopiëren. Tenzij je een ontwerper bent, raad ik sterk aan om andere sites als inspiratie te gebruiken.

De recente AI-modellen, Opus 4.6 en GPT-5.4, zijn de eerste generatie die uitstekend zijn in het analyseren van afbeeldingen. Niet elke tool gebruikt deze modellen. Ik weet dat Claude Code, Codex, Lovable en Repaint dat wel doen. Deze modellen kunnen stijlen en lay-outs nabootsen vanuit afbeeldingen. Dus als je gewoon screenshots of andere afbeeldingen in de chat plakt, zouden ze deze met redelijke nauwkeurigheid moeten kunnen nabootsen.

Je zult waarschijnlijk daarna moeten bijsturen. Ze hebben vaak moeite met het exact overnemen van kleuren en lettertypen. Maar als je de AI vervolgens hex-codes voor kleuren en de namen van Google Fonts geeft, zou het dit meteen moeten corrigeren.

Als je inspiratie nodig hebt, kun je voorbeelden van geweldige ontwerpen vinden op sites als Awwwards of Godly. Maar veel daarvan zijn te overdreven of moeilijk na te maken. Ik heb ook veel succes gehad met simpelweg browsen op Pinterest en zoeken naar "X website design" in Google Afbeeldingen.

Hoe je de generieke AI-stijl vermijdt

Elk AI-model heeft een standaardstijl. Het is bedrieglijk moeilijk om het te laten stoppen.

Ik heb geprobeerd de stijl op een miljoen verschillende manieren verbaal te beschrijven. Het werkt nooit. Woorden zijn niet effectief om stijl over te brengen. Elke keer dat de AI lege plekken moet invullen, gebruikt het de generieke stijl. Naar mijn ervaring is het beste tegenmiddel om het voorbeelden te geven. Dat kunnen afbeeldingen zijn, code, of beide.

De andere belangrijke tactiek is simpelweg eigen afbeeldingen meebrengen. AI-websites hebben nooit eigen afbeeldingen. Het is een belangrijke reden waarom generieke AI-sites er zo op elkaar lijken. Als je 10 afbeeldingen uploadt naar de chat, zou de AI ze intelligent over je site moeten kunnen plaatsen.

Beperkingen van AI-ontwerp

AI-modellen kunnen nog geen animaties of video's bekijken. Dus zelfs als je een referentiewebsite aanbiedt met gave animaties, zal het de animaties waarschijnlijk niet getrouw kopiëren. Je kunt proberen dit te verhelpen door te beschrijven hoe het zou moeten werken. Of deel, als beschikbaar, de broncode van de animatie die je wilt.

AI-modellen zijn ook zelf geen geweldige ontwerpers. Als je je site niet mooi vindt, en je weet niet hoe je het beter kunt maken, dan gaat het AI-model het waarschijnlijk niet oplossen zonder nieuwe referenties. Je kunt proberen te typen "Maak het gewoon beter", maar ik zou er niet te veel van verwachten.

Stap 4: Importeer je content

Zodra je een stijl hebt bepaald, is het tijd om de rest van de site te bouwen. Dit is waar AI uitblinkt.

Je kunt simpelweg zeggen "Maak de pagina's na van deze website: https://mywebsite.com" en het haalt ze binnen. Omdat de AI de stijl al heeft, maakt het nieuwe pagina's in dezelfde stijl.

Je kunt AI tientallen pagina's tegelijk laten importeren. Ik moedig je aan om het in batches te doen. Hoe meer je het in één keer laat doen, hoe groter de kans dat de update mislukt. Als je een van deze tools opdraagt om 100 pagina's in één keer te doen, is de kans groot dat het mislukt, door kapotte code te schrijven of door te vergeten alles goed te importeren.

Wat goed importeert

Wanneer AI-tools websites lezen, krijgen ze gestripte versies met de hoofdcontent. Ze kunnen de tekst en afbeeldingslinks lezen. Je zou het importeren van tekstcontent zoals blogposts volledig moeten kunnen automatiseren. Je kunt de AI woord voor woord laten importeren, of het laten herformuleren om het te verbeteren.

Wanneer je grote content importeert zoals blogs, moet je eerst het eerste bericht maken en zorgen dat het er goed uitziet. De AI gaat een heleboel pagina's toevoegen op basis van die eerste. Als je 100 blogposts toevoegt, en dan moet de structuur worden aangepast, kost het veel meer tijd.

Als je grote hoeveelheden content probeert te importeren in een tool met prijzen op basis van gebruik, merk je misschien dat het veel tokens verbruikt. Repaint kan content veel sneller en goedkoper importeren dan de andere tools die ik hierboven heb genoemd.

Wat niet goed importeert

Het is moeilijker om de exacte stijlen over te nemen. En het is vrijwel onmogelijk om geavanceerde logica zoals analytics tracking scripts over te nemen. Je zult dat soort dingen opnieuw moeten maken of toevoegen. Het zou maar één prompt moeten kosten om elk ding terug te voegen; AI agents zijn uitstekend in het toevoegen van scripts en embeds.

Ingebedde video's en kaarten gaan meestal verloren tijdens de import, maar ze zijn makkelijk opnieuw toe te voegen met een URL.

Soms verliezen afbeeldingen kwaliteit. Als je oude site kleine geoptimaliseerde afbeeldingen serveerde, scrapt de AI die en krijgt het piepkleine versies van de afbeeldingen. Je kunt dit oplossen door de originele bestanden in hoge resolutie opnieuw te uploaden.

Soms kopiëren coding agents zoals Claude Code ook de afbeeldings-URL in plaats van deze te downloaden. Dat werkt totdat je de oude site offline haalt en de afbeeldingen niet meer laden. Repaint downloadt afbeeldingen automatisch, maar bij andere tools moet je dit controleren.

Controleer je site

Zodra alles is geïmporteerd, neem de tijd om het door te nemen voordat je verder gaat.

• Lees elke pagina door. AI hallucineert soms tekst of laat content weg.
• Controleer hoe pagina's eruitzien op mobiel.
• Zorg dat alle links werken.
• Voeg tracking scripts opnieuw toe (Google Analytics, Meta Pixel, etc).
• Voeg eventuele embeds opnieuw toe die niet zijn meegekomen (video's, kaarten, boekingswidgets).
• Upload afbeeldingen van hogere kwaliteit waar nodig.

Stap 5: Bescherm je SEO

Veel mensen zijn bang om hun Google-rankings te verliezen tijdens een herontwerp. Het goede nieuws is dat het niet zo ingewikkeld is om dit te voorkomen.

Google denkt over je website in termen van pagina's. Elke URL op je site heeft een eigen ranking. Google geeft niet om hoe je site eruitziet, op welk platform het staat, of hoe je code eruitziet. Het geeft om URL's en de content daarop.

Dus als je wilt dat je SEO behouden blijft, moet je ervoor zorgen dat Google dezelfde pagina's ziet voor en na. In de praktijk betekent dat:

• Je nieuwe site moet dezelfde URL's hebben als de oude. Als je oude site /about had, heeft je nieuwe site ook /about nodig.
• Elke pagina moet dezelfde title tag, meta description en H1 behouden.
• Als je een URL wijzigt of verwijdert, stel dan een 301-redirect in van de oude URL naar de nieuwe. Dit vertelt Google "deze pagina is hierheen verhuisd" in plaats van "deze pagina bestaat niet meer."
• Gebruik hetzelfde domein. Als je oude site jouwbedrijf.com was, moet je nieuwe site ook jouwbedrijf.com zijn.

Als je ergens verward over bent, zoals hoe 301-redirects werken of hoe je ze instelt voor jouw specifieke platform, vraag het gewoon aan je AI-tool. Het begeleidt je er stap voor stap doorheen.

Dat is eigenlijk alles. Als je dezelfde URL's behoudt met dezelfde content, merkt Google nauwelijks dat je iets hebt veranderd.

Google Search Console

Als je Google Search Console nog niet hebt ingesteld, doe het dan voor je migreert. Het is gratis, en het is hoe Google je informeert over problemen met je site. Nadat je de nieuwe site hebt gelanceerd, kun je het gebruiken om te controleren of Google al je pagina's vindt en of er niets kapot is.

Het laat je ook zien welke pagina's momenteel verkeer krijgen, wat handig is voor de planning. Als een pagina nul verkeer krijgt, hoef je je geen zorgen te maken over het behouden van de URL.

AI is uitstekend voor SEO (als je erom vraagt)

AI-tools zijn uitstekend in technische SEO. Ze kunnen je hele site doorlopen en controleren of elke pagina correcte meta-titels, beschrijvingen, H1-tags en URL-structuren heeft. Ze kunnen 301-redirects instellen. Ze kunnen sitemaps genereren. Dit was allemaal vroeger vervelend handmatig werk of iets waarvoor je een bureau zou betalen.

Het addertje is dat AI-tools dit niet standaard doen. Wanneer ze je site bouwen, zijn ze gericht op het er goed uit laten zien, niet op SEO-metadata. Je moet er expliciet om vragen.

Nadat je site is gebouwd, vertel je de AI gewoon: "Controleer mijn site voor SEO. Zorg dat elke pagina een unieke meta-titel, meta description, H1-tag heeft, en dat de URL's overeenkomen met mijn oude site." Het zou alles binnen een paar minuten moeten kunnen controleren en corrigeren.

Na de lancering

Zodra de nieuwe site live is, loop de basis door:

• Bezoek elke pagina en zorg dat deze laadt.
• Controleer Google Search Console op crawlfouten in de komende dagen.
• Zoek naar je bedrijf op Google en zorg dat je pagina's nog steeds verschijnen.

Als je dezelfde URL's en hetzelfde domein hebt behouden, zou je geen significante wijzigingen in rankings moeten zien.

Stap 6: Schakel je domein over

Dit is het deel waar mensen het meest bang voor zijn, maar het is eigenlijk de eenvoudigste stap.

Je domein (zoals jouwbedrijf.com) staat los van je website. Het verwijst alleen naar waar je site wordt gehost. Wanneer je klaar bent om te lanceren, verander je waarnaar het verwijst. Dat is het hele proces.

Het fijne is dat je beide sites tegelijk live kunt hebben. Je oude site blijft op je domein staan terwijl je de nieuwe bouwt op een tijdelijke URL. Je kunt zo lang de tijd nemen als je wilt. Wanneer je tevreden bent met de nieuwe site, schakel je het domein over.

Na het overschakelen is er een korte vertraging die DNS-propagatie wordt genoemd. Het duurt meestal een paar minuten tot een paar uur voordat de wijziging volledig van kracht is. Gedurende die tijd zien sommige mensen misschien de oude site en anderen de nieuwe. Geen paniek. Het lost zichzelf op.

Als je niet zeker weet hoe je kunt veranderen waarnaar je domein verwijst, kan je AI-tool je er doorheen begeleiden. Het proces verschilt enigszins afhankelijk van waar je domein is geregistreerd (GoDaddy, Namecheap, Google Domains, etc), maar het is meestal slechts het wijzigen van een of twee instellingen.

Conclusie

AI gaat niet op magische wijze een bedrijfssite van 3.000 pagina's migreren of een complexe eCommerce-backend vervangen. Als dat jouw situatie is, heb je waarschijnlijk nog steeds een bureau nodig.

Maar voor de meeste websites van kleine bedrijven is de verhouding tussen risico en beloning moeilijk te weerleggen. Het slechtste geval is dat je een middag besteedt en niet tevreden bent met wat het heeft gemaakt. Het beste geval is dat je tegen het avondeten een snellere, moderne site hebt. De meeste tools die in deze handleiding worden genoemd zijn gratis om mee te beginnen, dus er is heel weinig te verliezen.

Als je al jaren een herontwerp voor je uit schuift, is dit een goed moment om ermee te stoppen.

Veelgestelde vragen

Kan AI mijn website herontwerpen zonder helemaal opnieuw te beginnen?

Min of meer. AI-tools kunnen je bestaande website lezen, alle tekst en afbeeldingen eruit halen en het herbouwen in een nieuwe codebase. Dus je begint niet vanaf een blanco pagina. Maar het bouwt wel een nieuwe site met je oude content, het bewerkt niet de bestaande. Het resultaat is een herbouwde site, geen opgelapte versie van wat je had.

Wat is de beste AI-tool voor het migreren van een website?

Voor marketingwebsites raad ik Repaint aan. Het is specifiek ontworpen voor deze workflow en kan een site sneller en goedkoper scrapen, importeren en herbouwen dan andere AI-tools. Als je al kunt programmeren, zijn Claude Code of Cursor ook sterke opties. Voor complexe apps met backend-logica zijn Lovable, Replit of Bolt geschikter.

Kan ik migreren vanaf Wix, Squarespace of WordPress met AI?

Ja. AI-tools zijn niet afhankelijk van de exportfuncties van je oude platform. Ze lezen je live website op dezelfde manier als een persoon dat zou doen, door deze te bezoeken en de content van de pagina te halen. Het maakt niet uit of je op Wix, Squarespace, WordPress, GoDaddy, Framer of iets anders zit.

Hoe lang duurt het om een website te herontwerpen met AI?

Voor een eenvoudige site met een paar pagina's kun je in ongeveer 10 minuten een publiceerbaar eerste ontwerp hebben. De meeste mensen besteden daarna nog een paar uur in de dagen erna aan het aanpassen van de stijl, het oplossen van details en het controleren van content. Een volledig herontwerp van een website voor een klein bedrijf kan realistisch gezien in een middag worden gedaan.

Verlies ik SEO als ik mijn website herontwerp?

Niet als je hetzelfde domein, dezelfde URL's en dezelfde content op elke pagina behoudt. Google rankt individuele URL's, niet visuele ontwerpen. Zolang je pagina's nog steeds op dezelfde adressen staan met dezelfde content, zouden je rankings behouden moeten blijven. Als er URL's veranderen, stel dan 301-redirects in.

Kan AI mijn blogposts importeren van mijn oude site?

Ja. AI-tools kunnen blogposts automatisch lezen en importeren. Je kunt ze de content woord voor woord laten overnemen of het laten herformuleren. Voor grote blogs raad ik aan om in batches te importeren in plaats van alles tegelijk, aangezien de kans op fouten toeneemt bij grotere updates.

Wat is het verschil tussen AI-websitebouwers en gewone websitebouwers?

Gewone websitebouwers zoals Wix en Squarespace gebruiken drag-and-drop editors waarbij je alles handmatig rangschikt. AI-websitebouwers zoals Repaint, Lovable en Bolt zijn gebouwd rond chat. Je beschrijft wat je wilt, en de AI bouwt het. De bewerkingservaring is fundamenteel anders. Lees voor een uitgebreidere vergelijking mijn post over de beste AI-websitebouwers in 2026.

Hoeveel kost het om een website te herontwerpen met AI?

Het varieert van gratis tot ongeveer $20-50. De meeste AI-tools hebben gratis abonnementen waarmee je een site kunt bouwen en kunt kijken of je het mooi vindt voordat je betaalt. Repaint kost $20/maand als vast abonnement. Lovable, Replit en Bolt gebruiken prijzen op basis van gebruik, waarbij de kosten snel kunnen oplopen als je een grotere site bouwt. Ter vergelijking: het inhuren van een bureau kost doorgaans $3.000-10.000+.

Moet ik kunnen programmeren?

Niet als je een end-to-end AI-websitebouwer gebruikt zoals Repaint, Lovable, Replit of Bolt. Zij regelen de code voor je. Als je een coding agent gebruikt zoals Claude Code of Cursor, hoef je geen code te schrijven, maar je moet wel op je gemak zijn met het werken met een codebase en het opzetten van hosting.

Wat als ik niet tevreden ben met wat de AI maakt?

Dit is de meest voorkomende reden dat AI-herontwerpen mislukken. Mensen raken vast in een cyclus waarin ze proberen de AI een stijl te laten produceren die ze mooi vinden, zonder vooruitgang te boeken, totdat ze het opgeven. De beste manier om dit te voorkomen is de AI sterke visuele referenties geven in plaats van te proberen met woorden te beschrijven wat je wilt. Als je na een paar pogingen nog steeds niet tevreden bent, kan het betekenen dat AI-ontwerp nog niet op het niveau is dat je nodig hebt, en zou je moeten overwegen een ontwerper in te huren.

Kan ik terug naar mijn oude site als er iets misgaat?

Ja. Je oude site blijft de hele tijd live terwijl je de nieuwe bouwt. Je raakt het pas aan het einde aan wanneer je je domein overschakelt. Als er iets misgaat na de lancering, kun je het domein terugschakelen.

Hoe houd ik mijn site up-to-date na het herontwerp?

Op dezelfde manier als je het hebt gebouwd. In een AI-websitebouwer chat je gewoon met de AI om wijzigingen aan te brengen. In een coding agent beschrijf je wat je wilt en het past de code aan. Een van de grootste voordelen van AI-tools is dat doorlopende updates makkelijk zijn. Je hoeft geen editor te leren of iemand in te huren voor kleine wijzigingen.

Wat is de meest voorkomende reden dat een AI-herontwerp mislukt?

Mensen vinden de stijl niet mooi. De technologie voor het importeren van content en het bouwen van pagina's werkt goed. Maar als de AI geen visueel ontwerp kan produceren waar je tevreden mee bent, blijf je het eindeloos bijstellen zonder vooruitgang te boeken. Het gebruik van visuele referenties, eigen afbeeldingen en ingebouwde stijlbibliotheken verbetert je kansen aanzienlijk, maar het blijft de belangrijkste reden waarom mensen het opgeven.