{"id":13501,"date":"2026-08-15T17:08:33","date_gmt":"2026-08-15T15:08:33","guid":{"rendered":"https:\/\/oosterwal.com\/atomis-digital-experience-platform\/"},"modified":"2026-08-25T22:57:11","modified_gmt":"2026-08-25T20:57:11","slug":"ai-aangestuurde-website","status":"publish","type":"page","link":"https:\/\/oosterwal.com\/nl\/ai-aangestuurde-website\/","title":{"rendered":"Heb je er altijd al van gedroomd om je website met AI te laten draaien?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>Je typt: \u201cVoeg de nieuwe collectie ook in het Duits toe en maak een landingspagina voor de beurs.\u201d<\/strong>  Dat is de volledige opdracht. Een paar minuten later is het klaar: in alle velden vertaald, toegevoegd aan de navigatie en de sitemap, met een link naar een voorbeeld \u2014 klaar om door u te worden goedgekeurd. <\/p>\n\n<p class=\"wp-block-paragraph\">Geen ticket bij het bureau. Geen wachtrij. Geen geklik door een paginabouwer. Dit werkt omdat de website onder de motorkap anders is opgebouwd: WordPress als inhoudsbron, een Next.js-frontend in Git en Claude als de laag die beide kan aansturen.   <\/p>\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/oosterwal.com\/nl\/contact-oosterwal-consultancy-2\/\">Boek een demo van 30 minuten<\/a><\/div>\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/atomis.nl\" target=\"_blank\" rel=\"noreferrer noopener\">Bekijk het in actie \u2192<\/a><\/div>\n<\/div>\n\n<h2 class=\"wp-block-heading\">Een gewone website kan door niemand worden beheerd \u2014 ook niet door AI<\/h2>\n\n<p class=\"wp-block-paragraph\">Op een conventionele WordPress-site zit je inhoud opgesloten in visuele blokken. Een stuk tekst staat niet als tekst in een veld; het staat als opmaak, in een kolom, in een sectie, in een sjabloon. Het beste wat een AI kan doen, is een wijziging voorstellen die je vervolgens zelf opnieuw moet typen. Dat is geen website beheren. Dat is dicteren.    <\/p>\n\n<p class=\"wp-block-paragraph\">Headless draait dat om. Content wordt data achter een API \u2014 velden, talen, statussen. De front-end wordt code in Git. Dat betekent: <strong>alles waarop een gebruiker op je website kan klikken, kan een agent aanroepen.<\/strong> En elke wijziging is een versie die je kunt terugdraaien.   <\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Traditioneel: inhoud als opmaak<\/strong> \u2014 tekst is verweven met de lay-out. Deze kan alleen worden gewijzigd door erop te klikken, dus alleen door mensen, scherm voor scherm. <\/li>\n<li><strong>Headless: content als data<\/strong> \u2014 titel, inleiding, specificaties en SEO-tekst per taal, in afzonderlijke velden. Leesbaar en bewerkbaar via de API, in bulk. <\/li>\n<li><strong>In Git: elke wijziging is een nieuwe versie<\/strong> \u2014 elke aanpassing aan de site is een commit met een voorbeeldweergave. Juist daarom kun je dit gerust aan AI toevertrouwen: als er iets misgaat, ben je slechts \u00e9\u00e9n commando verwijderd van de stand van gisteren. <\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\">Wat je vraagt, en wat er daarna gebeurt<\/h2>\n\n<p class=\"wp-block-paragraph\">Vijf opdrachten die op een gewone website een week in beslag nemen en als factuur van een bureau binnenkomen.<\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>\u201cVoeg deze twaalf nieuwe producten ook in het Duits toe.\u201d<\/strong><br\/>Titel, inleiding, hoofdtekst, SEO-titel en metabeschrijving per product vertaald, ingevuld in de Duitse velden en gemarkeerd <em>voor controle<\/em>. Ze worden pas gepubliceerd zodra iemand ze heeft goedgekeurd. <\/li>\n<li><strong>\u201cMaak een landingspagina voor de beurs in Frankfurt met deze zes producten.\u201d<\/strong><br\/>Een nieuwe pagina in elke taal, met hreflang-verwijzingen, toegevoegd aan de sitemap en gelinkt vanaf de relevante categoriepagina\u2019s \u2014 als concept op de staging-omgeving, met een link die je kunt doorsturen.<\/li>\n<li><strong>\u201cWerk de specificaties bij; ze staan in deze spreadsheet.\u201d<\/strong><br\/>Veertig producten zijn via de API bijgewerkt, de datasheets zijn opnieuw gegenereerd, en er is een lijst met verschillen toegevoegd, zodat je precies kunt zien wat er is veranderd voordat je je goedkeuring geeft.<\/li>\n<li><strong>\u201cWaarom zakt deze pagina in de zoekresultaten van Google?\u201d<\/strong><br\/>Een analyse van titels, koppen, interne links en concurrerende pagina\u2019s op je eigen site, met een concreet voorstel. Wordt direct uitgevoerd zodra je akkoord gaat \u2014 en niet geleverd als een rapport dat ergens in een la belandt. <\/li>\n<li><strong>\u201cVoeg het nieuwe assortiment toe aan het menu en de filters.\u201d<\/strong><br\/>Navigatie, filterwaarden en overzichtspagina\u2019s bijgewerkt, in \u00e9\u00e9n enkele branch, met een link naar een voorbeeld. Vind je het niets? Gooi de branch dan weg en er is niets gebeurd.  <\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\">Drie lagen, waarvan je er twee al kent<\/h2>\n\n<ul class=\"wp-block-list\">\n<li><strong>WordPress blijft.<\/strong>  Uw redacteuren werken in een omgeving die uw team al kent. Het verschil zit hem in de opzet: de inhoud wordt per taal in gestructureerde velden opgeslagen, niet in opgemaakte blokken. Dat is precies wat het machine-leesbaar maakt.  <\/li>\n<li><strong>De front-end bestaat uit code.<\/strong>  Een Next.js-frontend: statisch weergegeven, razendsnel, meertalig, met correcte afhandeling van SEO en hreflang. Het staat in je eigen Git-repository, waarbij de staging- en productieomgeving gescheiden zijn en er voor elke wijziging een preview-URL beschikbaar is. <\/li>\n<li><strong>De AI-laag kan beide uitvoeren.<\/strong>  Claude krijgt toegang tot de content-API en tot de repository \u2014 met dezelfde beperkte rechten die je aan een nieuwe medewerker zou toekennen. Welke inhoudstypen, welke velden, welke omgeving: dat bepaal je tijdens de installatie. <\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\">Wie drukt er op \u2018publiceren\u2019? Jij. <\/h2>\n\n<p class=\"wp-block-paragraph\">De tweede vraag van iedereen. Het antwoord ligt in de opzet, niet in een belofte. <\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Voorstellen worden op de testomgeving geplaatst<\/strong>, nooit rechtstreeks op uw live-site.<\/li>\n<li><strong>Elke wijziging in de code wordt vastgelegd in een branch<\/strong> met een link naar een voorbeeld en een moment voor beoordeling.<\/li>\n<li><strong>Vertalingen worden gemarkeerd <em>voor controle<\/em><\/strong>; alleen goedgekeurde inhoud wordt gepubliceerd.<\/li>\n<li><strong>Alles staat in Git.<\/strong>  Teruggaan naar gisteren is \u00e9\u00e9n commando.<\/li>\n<li><strong>De toegang wordt beperkt<\/strong> op basis van inhoudstype, veld en omgeving \u2014 en kan worden ingetrokken.<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">AI neemt hier het repetitieve werk voor zijn rekening: vertalen, bijwerken, publiceren, controleren. Het redactionele oordeel blijft bij de mens, want dat is niet het deel dat je wilt uitbesteden. <\/p>\n\n<h2 class=\"wp-block-heading\">Zo ziet het er in de productie uit: Atomis Lighting<\/h2>\n\n<p class=\"wp-block-paragraph\">Atomis Lighting, een fabrikant van architecturale verlichting, is overgestapt van een vastgelopen WooCommerce-site naar deze opzet. Dit is geen proefproject \u2014 dit is hun productiesite: headless WordPress met een speciaal ontwikkelde content-engine, een Next.js-frontend, <strong>vier talen, ongeveer 700 pagina&#8217;s, 99 producten en 36 projecten<\/strong>, met automatisch gegenereerde datasheets en een offerteaanvraag die rechtstreeks in het CMS terechtkomt. <\/p>\n\n<p class=\"wp-block-paragraph\"><em>Atomis is hier het voorbeeld, niet het product. Wat je koopt, is de manier van bouwen \u2014 op basis van jouw content, jouw merk en jouw domein. <\/em><\/p>\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/atomis.nl\" target=\"_blank\" rel=\"noreferrer noopener\">Ga naar atomis.nl \u2192<\/a><\/div>\n<\/div>\n\n<h2 class=\"wp-block-heading\">Wanneer dit de moeite waard is \u2014 en wanneer het geldverspilling is<\/h2>\n\n<h3 class=\"wp-block-heading\">Dit is iets voor jou als<\/h3>\n\n<ul class=\"wp-block-list\">\n<li>je hebt veel inhoud die regelmatig verandert \u2014 een catalogus, projecten, kennisartikelen;<\/li>\n<li>je werkt in meerdere talen, of bent van plan dat te gaan doen;<\/li>\n<li>je marketingteam is klein, maar je ambitie is dat zeker niet;<\/li>\n<li>je bent voor elke wijziging afhankelijk van een bureau;<\/li>\n<li>snelheid en vindbaarheid zijn van commercieel belang.<\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\">Doe dit niet als<\/h3>\n\n<ul class=\"wp-block-list\">\n<li>uw website bestaat uit tien pagina\u2019s en wordt twee keer per jaar bijgewerkt;<\/li>\n<li>je inhoud is overal ongestructureerd en dat zal ook zo blijven;<\/li>\n<li>binnen het bedrijf wil niemand de verantwoordelijkheid voor de website op zich nemen;<\/li>\n<li>Als je vooral een nieuwe look wilt, koop dan liever een thema.<\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\">Van het eerste gesprek tot een website die je zelf kunt beheren<\/h2>\n\n<ol class=\"wp-block-list\">\n<li><strong>Discovery<\/strong> \u2014 2 weken, \u20ac 2.500, wordt verrekend als we verdergaan.<br\/>We stellen een model op voor uw content: welke soorten, welke vakgebieden, welke talen, welke workflow. U ontvangt een technisch plan en een vaste prijs voor de ontwikkeling. Mocht het niet verder gaan, dan beschikt u nog steeds over een bruikbaar contentmodel.  <\/li>\n<li><strong>Ontwikkeling<\/strong> \u2014 6 tot 10 weken, vanaf \u20ac 24.950.<br\/>Het CMS opzetten, de front-end bouwen, uw bestaande content migreren, staging en productie van elkaar scheiden, geautomatiseerde validatie van de build.<\/li>\n<li><strong>De AI-laag<\/strong> \u2014 \u20ac 5.000, inclusief training.<br\/>Het instellen van toegang, machtigingen en veiligheidsmaatregelen, het documenteren van het inhoudsmodel zodat de AI het begrijpt, en je team leren wat ze wel en niet moeten vragen. Dit is het onderdeel dat de rest de moeite waard maakt. <\/li>\n<li><strong>Ondersteuning<\/strong> \u2014 \u20ac 495 tot \u20ac 995 per maand.<br\/>Hosting, monitoring, updates en verdere ontwikkeling. Plus een vaste contactpersoon voor die momenten waarop het gewoon makkelijker is om iemand te bellen. <\/li>\n<\/ol>\n\n<h3 class=\"wp-block-heading\">Of als \u00e9\u00e9n pakket<\/h3>\n\n<figure class=\"wp-block-table\"><table><tbody>\n<tr><td><strong>Starter<\/strong> \u2014 \u00e9\u00e9n taal, een overzichtelijke inhoudsstructuur, een AI-laag voor teksten en publicatie<\/td><td>\u20ac 15.000 \u2013 \u20ac 20.000<\/td><\/tr>\n<tr><td><strong>Professioneel<\/strong> \u2014 meerdere talen, catalogus- of projectoverzicht, migratie, volledige AI-workflow<\/td><td>\u20ac 25.000 \u2013 \u20ac 40.000<\/td><\/tr>\n<tr><td><strong>Bedrijven<\/strong> \u2014 integraties met PIM, ERP of CRM, complexe workflows, meerdere merken of domeinen<\/td><td>\u20ac 40.000 \u2013 \u20ac 75.000+<\/td><\/tr>\n<\/tbody><\/table><\/figure>\n\n<h2 class=\"wp-block-heading\">Veelgestelde vragen<\/h2>\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Moet ik WordPress verlaten?<\/summary>\n\n<p class=\"wp-block-paragraph\">Nee. WordPress blijft uw redactieomgeving. Alleen de openbare kant \u2014 wat bezoekers te zien krijgen \u2014 wordt vervangen door een snellere, moderne front-end. Uw redacteuren blijven werken met een vertrouwd scherm.   <\/p>\n\n<\/details>\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Kan de AI zelfstandig dingen publiceren?<\/summary>\n\n<p class=\"wp-block-paragraph\">Nee. Voorstellen worden naar de tussenopslag gestuurd of gemarkeerd <em>voor beoordeling<\/em>. Publiceren is een menselijke handeling en dat houden we zo.  <\/p>\n\n<\/details>\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Welk AI-model wordt hier gebruikt?<\/summary>\n\n<p class=\"wp-block-paragraph\">Claude, van Anthropic, omdat dit momenteel het beste omgaat met code en gestructureerde inhoud. De opzet is niet vastgelegd op \u00e9\u00e9n model: je site is en blijft WordPress plus een front-end in Git. <\/p>\n\n<\/details>\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Wat als ik hier over drie jaar mee wil stoppen?<\/summary>\n\n<p class=\"wp-block-paragraph\">Dan houd je alles zelf. De inhoud staat in je eigen WordPress, de code in je eigen Git-repository. Er zit geen platform tussen waaruit je zou moeten migreren \u2014 en dat is precies de reden waarom voor deze opzet is gekozen.  <\/p>\n\n<\/details>\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Werkt dit op mijn bestaande website?<\/summary>\n\n<p class=\"wp-block-paragraph\">Meestal wel. De inhoud wordt overgezet; het ontwerp wordt opnieuw opgebouwd. Hoe rommeliger je huidige inhoud is, hoe meer werk er in de eerste stap zit \u2014 daar is de verkenningsfase voor bedoeld.  <\/p>\n\n<\/details>\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Hoe snel kan ik live gaan?<\/summary>\n\n<p class=\"wp-block-paragraph\">Meestal zes tot tien weken na de ontdekking, afhankelijk van de omvang van de inhoud en het aantal talen.<\/p>\n\n<\/details>\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Betekent dit dat mijn contentmanager zijn baan kwijtraakt?<\/summary>\n\n<p class=\"wp-block-paragraph\">Nee \u2014 het bespaart hen het opnieuw typen, het handmatig vertalen en het opsporen van vergeten interne links. Wat overblijft, is het werk waarvoor ze zijn aangenomen: bepalen wat er wordt gezegd. <\/p>\n\n<\/details>\n\n<h2 class=\"wp-block-heading\">Dertig minuten, en je ziet het met eigen ogen gebeuren<\/h2>\n\n<p class=\"wp-block-paragraph\">Geen presentatie. We openen een live website, ik typ een opdracht in en jij kijkt wat eruit komt. Daarna weet je genoeg om te beoordelen of dit bij jouw organisatie past.  <\/p>\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/oosterwal.com\/nl\/contact-oosterwal-consultancy-2\/\">Boek een demonstratie<\/a><\/div>\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--3\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/oosterwal.com\/nl\/strategische-diagnosesessie\/\">Begin liever met een strategiesessie<\/a><\/div>\n<\/div>\n\n<h2 class=\"wp-block-heading\">Aanverwante diensten<\/h2>\n\n<p class=\"wp-block-paragraph\">Een website die u zelf kunt beheren, is \u00e9\u00e9n voorbeeld van een bredere verschuiving: het zo organiseren van werk dat AI het daadwerkelijk kan overnemen. Zie ook <a href=\"https:\/\/oosterwal.com\/nl\/ai-procesimplementatie\/\">\u2018Implementatie van AI-processen<\/a>\u2019, <a href=\"https:\/\/oosterwal.com\/nl\/expertise-op-het-gebied-van-e-commerce-en-crm-inhuren\/\">\u2018digitale transformatie<\/a>\u2019, <a href=\"https:\/\/oosterwal.com\/nl\/iso-compliance-readiness-nl\/\">\u2018ISO- en compliance-gereedheid<\/a> \u2019 en de <a href=\"https:\/\/oosterwal.com\/nl\/strategische-diagnosesessie\/\">\u2018Strategische diagnosesessie<\/a>\u2019. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Je typt: \u201cVoeg de nieuwe collectie ook in het Duits toe en maak een landingspagina voor de beurs.\u201d Dat is de volledige opdracht. Een paar minuten later is het klaar: in alle velden vertaald, toegevoegd aan de navigatie en de sitemap, met een link naar een voorbeeld \u2014 klaar om door u te worden goedgekeurd&#8230;.<\/p>\n","protected":false},"author":1,"featured_media":13309,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-13501","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/oosterwal.com\/nl\/wp-json\/wp\/v2\/pages\/13501","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oosterwal.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oosterwal.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oosterwal.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oosterwal.com\/nl\/wp-json\/wp\/v2\/comments?post=13501"}],"version-history":[{"count":7,"href":"https:\/\/oosterwal.com\/nl\/wp-json\/wp\/v2\/pages\/13501\/revisions"}],"predecessor-version":[{"id":13542,"href":"https:\/\/oosterwal.com\/nl\/wp-json\/wp\/v2\/pages\/13501\/revisions\/13542"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oosterwal.com\/nl\/wp-json\/wp\/v2\/media\/13309"}],"wp:attachment":[{"href":"https:\/\/oosterwal.com\/nl\/wp-json\/wp\/v2\/media?parent=13501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}