Een meertalige bedrijfswebsite op maat, van Webflow naar eigen code
ResultX is een Belgisch bedrijf dat ondernemingen helpt om geld te verdienen met duurzaamheid. Hun site draaide op Webflow. Ik bouwde hem opnieuw op maat, in het Engels, Nederlands en Frans, met een eigen beheeromgeving voor de blog waarin Claude berichten helpt schrijven en vertalen. De bestaande URL's bleven behouden, zodat de opgebouwde plaats in Google mee verhuist.
De uitdaging.
ResultX wilde weg van Webflow, maar de site moest er voor bezoekers hetzelfde blijven uitzien: dezelfde huisstijl, dezelfde boodschap. Daarbovenop kwamen drie wensen. De site moest volwaardig werken in het Engels, Nederlands en Frans. Het team wilde zelf blogberichten schrijven, plannen en publiceren. En AI moest bij dat schrijven kunnen helpen, via een koppeling met Claude.
De grootste valkuil bij zo'n verhuis is Google. Een site die al een tijd online staat, heeft pagina's die gevonden worden. Verandert de URL-structuur zonder plan, dan begin je in de zoekresultaten van nul. De nieuwe site moest dus elke bestaande URL opvangen, en dat in drie talen.
De aanpak.
Ik bouwde de site in SvelteKit op Cloudflare Workers, in het eigen Cloudflare-account van ResultX, naast het domein dat ze daar al hadden. De vaste pagina's (home, diensten, over ons, sectoren, contact en de juridische pagina's) staan in de code. Blogberichten staan vanaf dag één in een database, zodat een nieuw bericht online komt zonder dat de site opnieuw gebouwd moet worden.
Achter een login zit een beheeromgeving voor de blog: berichten schrijven en bewerken in een editor met tabellen en afbeeldingen, afbeeldingen uploaden, gebruikers beheren en een publicatiedatum kiezen. Claude schrijft op vraag een eerste versie en vertaalt berichten naar de andere twee talen. Dat draait op het eigen Anthropic-account van ResultX, dus de AI-kosten en de gegevens blijven bij hen.
Architectuur en keuzes.
- ·
SvelteKit op Cloudflare Workers, in het account van de klant. De site draait snel aan de rand, zonder server om te beheren. Omdat alles op naam van ResultX staat, blijven code, hosting en domein van hen.
- ·
Pagina's in code, blogberichten in D1. Vaste pagina's veranderen zelden en horen in versiebeheer. Berichten komen er geregeld bij en horen in een database. Afbeeldingen gaan naar R2, de objectopslag van Cloudflare in Europa.
- ·
Claude als schrijfhulp, met een schema als poortwachter. Elk antwoord van het model moet eerst door een Zod-schema. Wijkt het af, dan wordt het geweigerd en komt er niets in de database.
- ·
HubSpot-formulieren en tracking na toestemming. Contactformulieren lopen via HubSpot in de EU-regio. Tracking laadt pas nadat een bezoeker in de cookiebanner toestemming geeft.
- ·
Better Auth voor de beheeromgeving. Inloggen met e-mail en wachtwoord, wachtwoord herstellen en een scherm om gebruikers te beheren, zonder extern betaald platform.
De moeilijkste problemen, opgelost.
- 1
Google-posities meenemen naar de nieuwe site. De oude URL-structuur bleef behouden, ook voor de juridische pagina's. Een oude URL die nog in Google stond, stuurt permanent door (308) naar zijn opvolger. Elke pagina verwijst met hreflang naar haar versies in de andere talen, en de sitemap en de gestructureerde data (JSON-LD) zijn per taal opgebouwd.
- 2
AI-output nooit blind opslaan. Een taalmodel geeft soms een antwoord in de verkeerde vorm. Daarom valideert de site elk antwoord tegen een schema voordat er een rij in de database komt. Een mislukte poging levert een foutmelding op, geen half bericht op de site.
- 3
Eén pijplijn voor elk soort bericht. Een bericht dat het team zelf schrijft, een bericht dat van buitenaf wordt aangeleverd en een AI-concept volgen dezelfde weg: eerst een concept, dan nalezen, dan publiceren op een gekozen datum. Zo kan ResultX berichten vooruit plannen.
- 4
Tests die zelf getest worden. Naast 910 unit tests en browsertests met Playwright draait mutatietesting met Stryker. Dat past de code bewust aan en controleert of de tests die fout opmerken. Zo weet je dat de tests iets bewaken, en niet alleen groen kleuren.
Resultaat.
De nieuwe site staat klaar: twaalf paginatypes in drie talen, een blog die ResultX zelf beheert en een AI-schrijfhulp op hun eigen account. De kern bouwde ik alleen, in ongeveer twee weken. ResultX voert nu nog eigen aanpassingen door, daarna verhuist de site naar resultx.ai.
Voor een ondernemer met een site op Webflow, Wix of WordPress is de les vooral deze: een verhuis naar maatwerk hoeft je Google-posities niet te kosten, op voorwaarde dat de bestaande URL's een plan krijgen. En een blog met AI-hulp kan in je eigen site zitten, op je eigen account, zonder extra platform ertussen.
Onder de motorkap.
Veelgestelde vragen.
Iets wat hier niet bij staat? Mail rechtstreeks.
Kan je mijn Webflow- of WordPress-site overzetten zonder dat ik mijn plaats in Google verlies? +
Ik begin met een lijst van alle bestaande URL's en de pagina's die bezoekers uit Google krijgen. Bruikbare adressen blijven behouden, verhuisde pagina's krijgen een permanente redirect, en hreflang en de sitemap worden gecontroleerd. Een garantie op elke positie bestaat niet, maar met zo'n plan neem je de opgebouwde vindbaarheid mee. Meer over overstappen lees je in van Wix of Squarespace naar maatwerk.
Kan mijn team zelf blogberichten schrijven en publiceren? +
Ja. In de beheeromgeving schrijf en bewerk je berichten, voeg je afbeeldingen en tabellen toe en kies je een publicatiedatum. Een AI-schrijfhulp is optioneel en draait op je eigen account bij de AI-aanbieder, zodat je de kosten en gegevens zelf in handen houdt.
Hoe lang duurde dit om te bouwen? +
De kern bouwde ik alleen in ongeveer twee weken: de pagina's in drie talen, het blogbeheer, de AI-schrijfhulp, de HubSpot-formulieren en de SEO-overdracht, met een geautomatiseerde testsuite. Daarna volgden nog kleine aanpassingen.
Wat kost een meertalige website zoals deze? +
Een meertalige bedrijfssite met eigen blogbeheer kost meer dan een eenvoudige site van één taal, omdat elke taal eigen URL's, vertalingen en controles vraagt. De richtprijzen en wat ze bepaalt staan in wat kost een website op maat. Voor een vaste prijs kijken we samen naar jouw pagina's en talen.
Waarom maatwerk in plaats van Webflow? +
Webflow is prima voor veel sites. ResultX wilde er iets bij dat Webflow niet standaard biedt: een blogbeheer met AI-schrijfhulp en planning, gekoppeld aan hun eigen accounts. Met eigen code kan dat, en de site zelf blijft volledig van hen.