Website maken met AI: wat niemand je vertelt

Door Robin Bunt29 oktober 20269 min lezen

In het kort

Deze website bouwde ik helemaal met Claude: Claude Design voor de eerste opzet, daarna veel screenshots met context, bouwen met Claude Code en een paar uur fine-tunen.

In dit artikel lees je welke routes er zijn, wat goede context is, hoe GitHub, hosting en SEO werken, en waarom de grootste fout pas komt als je site online staat.

Wil je dat ik meekijk?Mail me direct →

Een website laten maken kost normaal uren developer-tijd

Je wilt een nieuwe site. Je vraagt een offerte aan en schrikt. Een ontwerper, een developer, uren overleg, nog een rondje aanpassingen. Bedrijven betalen daar normaal veel geld voor. En dan heb je nog steeds iets wat lastig meegroeit.

Daarom zoeken steeds meer mensen naar een website maken met AI. Snap ik. Ik heb het zelf gedaan. Deze website, waar je nu op leest, heb ik alleen met Claude gemaakt. Het is het vijfde van de vijf marketing systemen die ik met AI bouwde.

In dit artikel vertel ik hoe ik het aanpakte, welke routes er zijn, wat je níet moet doen en waar het bij de meeste mensen misgaat. Spoiler: niet bij het bouwen.

Zo heb ik mijn website gebouwd met Claude

1. De eerste opzet in Claude Design. Daar maakte ik het eerste ontwerp. Hoe de site eruit moet zien, welke onderdelen erop komen, welke sfeer erbij past.

2. Screenshots met heel veel context. Daarna deed ik er allemaal screenshots in. Van wat ik mooi vond, van wat er beter moest. Bij elke screenshot legde ik uit wat ik wilde. Want context is echt het belangrijkste binnen AI. Hoe beter je uitlegt wat je wilt, hoe beter het resultaat.

3. Bouwen met Claude Code. De site staat op GitHub. Claude Code schrijft de code, ik test het resultaat. Er draait ook een SEO-check die bij elke wijziging kijkt of titels, meta descriptions en interne links kloppen.

4. Fine-tunen. Reken nog wel op een paar uur om alles helemaal goed te krijgen. AI zet je ver, maar niet in één keer op de eindstreep.

Het resultaat is niet alleen een website. Het is een concept waarmee ik makkelijk kan opschalen. Nieuwe pagina's en artikelen toevoegen gaat snel, omdat de opbouw al staat.

Twee routes voor een website maken met AI

Als je begint, kom je grofweg twee soorten tools tegen. Ze lijken op elkaar, maar werken heel anders.

Route 1: een AI-websitebouwer met één prompt

Je typt wat je wilt, bijvoorbeeld "een site voor mijn kapsalon", en de tool zet in een paar minuten een complete AI website neer. Teksten, plaatjes, menu, alles.

Voordelen: - Je hebt heel snel iets online. - Je hoeft niks van code te weten. - Hosting en techniek regelt het platform.

Nadelen: - Het resultaat lijkt vaak op dat van iedereen. - Je zit vast aan het platform. Verhuizen is lastig. - Wil je iets wat de bouwer niet kan, dan houdt het op.

Route 2: stap voor stap bouwen met een AI-codeertool

Dit is wat ik deed. Je werkt met een tool zoals Claude Code. Die schrijft echte code die van jou is. Jij stuurt, test en verbetert, stap voor stap.

Voordelen: - Je bepaalt alles zelf: ontwerp, structuur, functies. - De code is van jou en staat waar jij wilt. - Je kunt er dingen omheen bouwen, zoals mijn SEO-check.

Nadelen: - Het kost meer tijd en aandacht. - Je moet kritisch testen wat er gebouwd wordt. - Je moet een beetje snappen hoe bestanden, GitHub en hosting samenhangen.

Wil je gewoon snel een visitekaartje online? Dan is route 1 prima. Wil je iets wat meegroeit met je bedrijf? Dan is website bouwen met AI via route 2 de moeite waard.

Wat is goede context als je een website met AI bouwt?

Ik zeg het nog een keer, want het is echt de kern: context is het belangrijkste binnen AI. AI weet alleen wat jij vertelt. Geef je weinig, dan vult hij de gaten in met het gemiddelde van het internet.

Goede context bestaat uit:

• Voorbeelden. Sites die je mooi vindt, en waarom. Niet alleen "deze", maar "deze, vanwege de rustige kleuren en de grote koppen".
• Screenshots. Van je huidige site, van wat er mis is, van wat je wilt. Zet erbij wat je ziet en wat je anders wilt.
• Je doelgroep. Voor wie is de site? Een ondernemer van vijftig leest anders dan een student.
• Tone of voice. Formeel of juist los? Met "u" of met "je"?
• Wat je níet wilt. Dit wordt vaak vergeten. Geen stockfoto's, geen lange lappen tekst, geen felle kleuren. Ook dat is context.

Hoe meer je hiervan meegeeft, hoe minder je achteraf hoeft te verbeteren.

Versiebeheer en hosting in gewone taal

Klinkt technisch, maar het idee is simpel.

GitHub is een plek waar je code staat, met de hele geschiedenis erbij. Elke wijziging wordt opgeslagen als een soort momentopname. Gaat er iets mis? Dan ga je gewoon terug naar een versie die werkte. Dat geeft veel rust als AI veel code voor je schrijft.

Hosting is de plek waar je site online staat, zodat anderen hem kunnen bezoeken. Een optie is GitHub Pages: daarmee kun je een statische website direct vanuit je GitHub-project online zetten. Statisch betekent dat de pagina's vooraf klaarstaan, zonder database erachter. Voor een blog of bedrijfssite is dat vaak genoeg.

SEO bij een AI website: dit regelt AI niet vanzelf

Een mooie site waar niemand op komt, heeft weinig zin. AI bouwt wat je vraagt. Vraag je niet om goede SEO, dan krijg je het ook niet altijd.

De basis waar ik op let:

• Titels. Elke pagina een eigen, duidelijke titel. Google gebruikt die vaak in de zoekresultaten, zie de documentatie over titellinks.
• Meta descriptions. Een korte samenvatting per pagina. Google kan die tonen als tekstje onder je link, zie snippets.
• Interne links. Pagina's die naar elkaar verwijzen. Zo vinden bezoekers én Google je andere content. Google legt uit dat het links gebruikt om pagina's te ontdekken, in de linkrichtlijnen.
• Snelheid. Een trage site werkt slecht voor bezoekers. Google meet de gebruikerservaring onder andere met Core Web Vitals.
• Structured data. Extra code die Google vertelt wat er op een pagina staat, zoals een artikel of veelgestelde vragen. Meer daarover in de uitleg over structured data.

Daarom draait er bij mij een SEO-check bij elke wijziging. Dan glipt er niks doorheen. Wil je zelf checken hoe jouw site ervoor staat? Lees hoe je checkt of je website SEO-proof is.

De grootste fout: denken dat je klaar bent

Hier gaat het bij veel mensen mis. Ze denken: een website maken met AI is simpel, dus het is klaar zodra hij online staat.

Maar een website moet je blijven onderhouden. Dat is met AI niet anders dan zonder. Wat onderhoud concreet inhoudt:

• Teksten bijwerken. Je aanbod verandert, je prijzen veranderen, je werkwijze verandert.
• Nieuwe content toevoegen. Artikelen, cases, pagina's voor nieuwe diensten.
• Controleren of alles werkt. Kapotte links, formulieren die niet meer versturen, plaatjes die niet laden.
• Techniek bijhouden. Tools en onderdelen krijgen updates. Wat vandaag werkt, kan later haperen.
• Meebewegen met Google. Zoekmachines passen hun richtlijnen aan. Wat goed werkte, kan bijgesteld moeten worden.

Een website die je niet bijhoudt, wordt langzaam slechter. Het goede nieuws: met een opzet die makkelijk opschaalt, is dat onderhoud een stuk minder werk.

AI bouwt, jij blijft de mens erachter

AI kan heel veel automatiseren. Maar uiteindelijk blijft het menselijke deel bij jou:

• Wie is je doelgroep?
• Wat spreekt hen aan, en wat niet?
• Wat wil je dat een bezoeker doet?

Die vragen beantwoordt geen AI voor je. Als je dat niet weet, bouwt AI heel snel een website die niemand aanspreekt.

Dit moet je níet doen

• Niet beginnen zonder context. "Maak een mooie website" levert iets generieks op. Laat voorbeelden zien en leg uit wat je wilt.
• Niet blind publiceren. Lees en test wat er gebouwd wordt. Een fout staat meteen voor iedereen online.
• Niet zonder versiebeheer werken. Doordat alles op GitHub staat, kan ik altijd terug naar een versie die werkte.
• Niet denken dat AI je SEO regelt. Check titels, descriptions en links zelf, of laat het automatisch controleren.
• Niet alles in één keer willen. Bouw in kleine stappen. Dan zie je sneller wat er misgaat.

Wanneer is zelf een website maken met AI slim, en wanneer niet?

Eerlijk is eerlijk: het past niet bij iedereen.

Wel slim als: - je weet voor wie je bouwt en wat je wilt; - je het leuk vindt om te testen en te verbeteren; - je een site wilt die je zelf kunt uitbreiden; - je bereid bent om tijd te steken in onderhoud.

Niet slim als: - je geen tijd of zin hebt om zelf te testen; - je een complexe webshop of koppelingen met andere systemen nodig hebt en geen idee hebt waar je moet beginnen; - je nu al weet dat je de site nooit gaat bijhouden.

In dat laatste geval kun je beter een specialist inhuren. Ook bij een website laten maken met AI door iemand anders blijft het belangrijk dat je weet wie je doelgroep is.

Stappenplan: zo begin je

1. Bepaal je doelgroep. Voor wie is de site en wat moet een bezoeker doen?
2. Verzamel context. Voorbeelden, screenshots, je tone of voice, en wat je níet wilt.
3. Maak een eerste opzet. Ik deed dat in Claude Design.
4. Bouw stap voor stap. Met een tool als Claude Code, in kleine stukjes.
5. Zet alles op GitHub. Dan kun je altijd terug.
6. Check je SEO. Titels, meta descriptions, interne links.
7. Fine-tune. Reken op een paar uur.
8. Plan onderhoud in. Vanaf dag één.

Waar begin je zelf?

Begin bij je doelgroep, niet bij de tool. Weet je voor wie je bouwt? Dan is een website maken met AI heel goed te doen.

Wat ik verder met Claude Code en ChatGPT bouw, zie je op mijn pagina over AI marketing bureau of AI marketeer.

Twijfel je of website bouwen met Claude bij jou past? Stuur me een berichtje, dan zeg ik eerlijk wat ik ervan vind.