7 pitfalls bij AI-gegenereerde websites (en hoe je ze voorkomt)

AI websites worden elke maand beter. De tools zijn geweldig, de snelheid is indrukwekkend, en het resultaat is voor de meeste ondernemers meer dan goed genoeg. En dit zeg ik met liefde voor de technologie; ik zie ook dezelfde fouten steeds terugkomen.

Niet omdat Claude slecht werkt, maar omdat gebruikers een paar dingen systematisch verkeerd doen. Fouten die je site duurder maken om te corrigeren achteraf dan dat het had gekost om het de eerste keer goed te doen. Dit zijn de 7 die ik het vaakst zie, plus hoe je ze voorkomt.

Pitfall 1. Je prompt is te vaag

"Maak een website voor mijn bedrijf." Dat is echt wat veel mensen intypen. En dan zijn ze teleurgesteld dat het resultaat generiek is. Logisch. Claude is briljant, maar kan geen gedachten lezen.

Wat je krijgt bij een vage prompt is een generieke template met jouw naam erin geplakt. Hero met gradient, drie dienstenkaarten met lorem ipsum-achtige teksten, een contactformulier. Het ziet er "ok" uit, maar het voelt niet als jouw bedrijf.

Oplossing: geef Claude context. Wie ben je, wat doe je, voor wie? Welke kleuren, welke sfeer. Welke USP's? Welke websites vind je mooi en specifiek wat je daaraan goed vindt. Minimaal 200 woorden input geeft je vaak 10x beter resultaat. Of gebruik onze AI Development Skill die dit allemaal voor je uitvraagt.

Pitfall 2. Je vraagt om losse bestanden in plaats van één HTML

Standaard geeft Claude je soms aparte bestanden. Een index.html, een style.css, een script.js. Klinkt logisch. Is technisch netter. Maar als je niet gewend bent om met bestanden te werken, levert dit alleen maar problemen op bij het uploaden.

Losse bestanden betekent: je moet ze alle drie uploaden. De relatieve paden moeten kloppen. Als er één bestand niet upload of verkeerd heet, is je site kapot. Voor ervaren ontwikkelaars geen probleem. Voor starters een veelvoorkomend struikelblok.

Oplossing: vraag Claude expliciet om alles in één HTML-bestand met inline CSS en JavaScript. Een regel in je prompt. "Alles in één HTML-bestand, met CSS in style-tags en JavaScript in script-tags." Dan krijg je één index.html die je sleept en klaar.

Pitfall 3. Je gebruikt generieke stockfoto's

Je site is af, maar overal staan stockfoto's. Die generieke glimlachende zakenmannen die handen schudden. Een divers team in een 'creatieve' vergadering. Dezelfde foto's die op 10.000 andere websites staan.

Het resultaat: je site voelt gedateerd en onbetrouwbaar. Bezoekers herkennen stockfoto's. Ze weten dat het niet jouw team is, niet jouw kantoor, niet jouw werk. Dat ondermijnt direct het vertrouwen dat de rest van je site probeert op te bouwen.

Oplossing: maak eigen foto's. Serieus. Een goede smartphone in daglicht levert betere resultaten dan de duurste stockfoto. Je hebt er maar 4 tot 6 nodig. Een hero-foto die je bedrijf weergeeft, een teamfoto (of portret als je ZZP'er bent), 2 tot 3 werkfoto's, en een logo. Upload ze in het Claude-gesprek en laat Claude zelf bepalen waar ze passen.

Heb je écht geen foto's? Gebruik dan Unsplash of Pexels met specifieke termen. "Mannelijke klusjesman in werkkleding" geeft betere resultaten dan "zakenman". En laat Claude stijlvolle CSS-placeholders maken als alternatief. Dat oogt professioneler dan slechte stockfoto's.

Pitfall 4. Te veel Call-to-Actions, allemaal even belangrijk

Een hero met drie knoppen. "Contact", "Gratis advies", "Bel ons", allemaal in dezelfde kleur, dezelfde grootte. Ergens onderaan een "Offerte aanvragen" en in de footer "Stuur een mail". Claude denkt dat hij je helpt door veel opties te geven. In werkelijkheid verwart het je bezoekers.

Wanneer alles even belangrijk is, is niks belangrijk. Bezoekers weten niet wat ze moeten doen en klikken op niks.

Oplossing: kies één primaire actie voor je hele site. "Gratis offerte aanvragen", "Plan een kennismaking", "Bel nu". Eén ding. Dat wordt je hoofd CTA, in de hero, in elke sectieovergang, in de footer. Secundaire acties (bellen, mailen) mogen er zijn, maar in een andere stijl. Minder opvallend. Geef je prompt expliciet mee: "één primaire CTA voor de hele site."

Pitfall 5. Je test alleen op je laptop

Je hebt een prachtige site. Op je 15-inch MacBook ziet het er geweldig uit. Je bent trots, uploadt hem, deelt hem met klanten. Eén kijkt op zijn iPhone en de hero-tekst valt deels weg. De CTA-knop is net te klein om te klikken. Het hamburgermenu werkt niet goed.

Meer dan 60% van je bezoekers komt van mobiel. Als het daar niet werkt, ben je klaar.

Oplossing: test altijd op je telefoon voordat je live gaat. Open je index.html-bestand in je mobiele browser (via een service als tunnel of gewoon via Webnexus Sites nadat je geüpload hebt). Klik op alle knoppen, scroll door alle secties, vul het formulier in. Wat niet werkt, vraag je Claude om te fixen met "dit werkt niet lekker op mobiel, graag zo oplossen dat X".

Bonus: vraag Claude expliciet om "mobile-first responsive design met test-breakpoints op 375px, 768px en 1440px". Dan weet je zeker dat alle formaten goed staan.

Pitfall 6. Vergeten om de SEO-basics in te bouwen

Je site staat live. Hij ziet er goed uit. Maar Google vindt hem niet. Waarom? Omdat de basics niet geregeld zijn. Geen title tag. Een meta description van 300 tekens. Vier H1's op één pagina. Geen alt-teksten bij afbeeldingen. Geen structured data.

Claude doet dit standaard goed als je erom vraagt. Maar als je het niet benoemt in je prompt, is het vaak minimaal. Je moet het expliciet benoemen.

Oplossing: voeg deze regel aan elke websiteprompt toe. "SEO-geoptimaliseerd met title tag onder 60 tekens, meta description onder 155 tekens met CTA, één H1 per pagina, logische H2 en H3 structuur, alt-teksten bij alle afbeeldingen, schema.org LocalBusiness structured data, Open Graph tags voor social sharing, canonical URL, en een sitemap.xml."

Dat is een hele mondvol, maar het zorgt dat Claude alle basics direct meeneemt. Zodra je site live staat, verifieer hem in Google Search Console en dien de sitemap in. Binnen een week zie je dat Google je pagina's begint te indexeren.

Pitfall 7. Je publiceert op een platform zonder eigendom

Dit is de meest sluipende valkuil. Je site is eindelijk af, je wilt hem snel online hebben, en je kiest voor een "gratis" platform dat je advertenties op je site zet. Of een builder platform dat je HTML converteert naar hun eigen format waar je niet meer uit komt.

Zes maanden later wil je overstappen of je platform verhoogt plots de prijs. Je ontdekt dat je bestanden niet meer hetzelfde zijn als wat je had. Je kunt ze niet makkelijk ergens anders hosten. Je bent vast.

Oplossing: kies bewust voor een platform dat je HTML respecteert zoals hij is. Bij Webnexus Sites zijn je bestanden en blijven je bestanden de jouwe. Je kunt ze elk moment downloaden, verhuizen, bewerken buiten ons platform. Geen lock-in. Hetzelfde geldt voor Netlify en Vercel (al zijn die technisch complexer op te zetten voor niet-developers).

Check bij elk platform: krijg ik mijn originele HTML terug? Zit er reclame op mijn site? Wat gebeurt er als ik stop met betalen? De antwoorden op die vragen zeggen veel over hoe het platform jou ziet. Als klant of als product.

Bonus - De 8e pitfall die ik niet kon weerstaan

Een site die af is maar niet wordt onderhouden. Je tarieven kloppen niet meer. Je team is uitgebreid, maar staat nog niet op de site. Je hebt nieuwe diensten, maar ze staan er nog niet bij. Je reviews zijn van twee jaar geleden.

Een statische site is niet "klaar" na launch. Het is levend. Plan elke maand een uurtje om te kijken wat geupdate moet worden. Bij Webnexus Sites kun je rechtstreeks in het dashboard je tekst aanpassen via de code editor. 5 minuten werk voor een tekstwijziging. Doe het.

De rode draad

Als ik al deze pitfalls terugkijk, zie ik één gemeenschappelijke factor: haast.

AI kan zo snel een site bouwen dat we de neiging hebben om met de eerste versie tevreden te zijn. Maar tien minuten extra werk in je prompt, een avondje besteden aan eigen foto's, een uurtje testen op mobiel: dat tilt je site van "het is er" naar "het werkt echt".

Gebruik de snelheid van AI als voordeel, niet als excuus om stappen over te slaan. Je bedrijf verdient een site die conversie oplevert, niet alleen bestaat. En met 10% extra aandacht is dat perfect haalbaar.

Vragen, of loop je ergens tegenaan waar ik hier niet op ingegaan ben? Mail me op boyd@webnexus.nl. Ik denk graag mee.