← Terug naar overzicht
Deel 2 van 6

De juiste prompt schrijven

Boyd Belshof
Boyd Belshof Co-founder Webnexus · April 2026
Screenshot van een Claude.ai gesprek met een gedetailleerde website-prompt en het begin van de gegenereerde HTML-code als antwoord

Het verschil tussen een matige AI-website en een geweldige zit in één ding: de prompt. Je instructie aan Claude bepaalt alles — de structuur, de toon, het design, de teksten. In dit deel leer je hoe je een prompt schrijft die direct een professioneel resultaat oplevert.

De fout die iedereen maakt

De meeste mensen typen iets als: "Maak een website voor mijn bedrijf." En dan zijn ze teleurgesteld met het resultaat. Logisch — Claude is briljant, maar het kan niet gedachten lezen. Hoe meer context je geeft, hoe beter het resultaat.

Vergelijk het met het briefen van een designer. Als je zegt "maak iets moois", krijg je iets generieks. Als je zegt "ik wil een strak, minimalistisch design in donkerblauw en wit, voor een accountantskantoor dat jonge ondernemers bedient, met een hero-sectie die vertrouwen uitstraalt" — dan krijg je goud.

Methode 1: Zelf een prompt schrijven

De snelste manier. Je geeft Claude in één bericht alle informatie die het nodig heeft. Een goede prompt bevat minimaal:

Maak een professionele one-page website voor [bedrijfsnaam]. Wat we doen: [beschrijving in 2-3 zinnen] Doelgroep: [wie zijn je klanten] Doel van de site: [leads, verkoop, informatie] Secties: hero met CTA, diensten (3-4 kaarten), over ons, testimonials (2-3 reviews), FAQ (5 vragen), contactformulier, footer. Design: [sfeer - bijv. modern en professioneel] Kleuren: [primair en secundair] Lettertype: [voorkeur of "modern sans-serif"] Technisch: - Alles in één HTML-bestand met inline CSS en JS - Volledig responsive (mobile-first) - SEO-geoptimaliseerd (meta tags, structured data, semantische HTML) - Werkend hamburger menu op mobiel - Smooth scroll naar secties - FAQ als accordion - Contactformulier met validatie Taal: Nederlands
Vergelijking tussen een vaag prompt met generiek resultaat en een gedetailleerd prompt met een professioneel website-resultaat

Methode 2: De Webnexus AI Development Skill (aanbevolen)

Peter en ik hebben een complete mega-prompt ontwikkeld die het hele proces voor je stroomlijnt. Je download een .txt bestand, plakt het in Claude, en Claude gaat je stap voor stap interviewen — alsof je tegenover een senior marketeer zit.

De skill stelt 45+ vragen verdeeld over 11 onderwerpen: je bedrijf, je klanten, je concurrenten, je branding, je doelen, je content, je SEO-wensen. Op basis van je antwoorden bouwt Claude een complete website met alles erop en eraan.

Het verschil met een losse prompt? De skill vergeet niks. Hij vraagt door over je USP's, je bezwaren van klanten, je transformatie-verhaal. Dingen waar je zelf niet aan denkt, maar die het verschil maken tussen een website die "er is" en een website die klanten oplevert.

Download de AI Development Skill (gratis)

Tips voor betere prompts

1. Wees specifiek over je doelgroep

"Kleine ondernemers" is vaag. "ZZP'ers in de bouw, 30-50 jaar, regio Utrecht, die klanten zoeken via Google" is concreet. Hoe specifieker je bent, hoe gerichter de teksten en het design worden.

2. Benoem je USP's expliciet

Vertel Claude waarom klanten voor jou kiezen. "Wij zijn de enige in de regio die binnen 24 uur op locatie zijn" is krachtig. "Wij zijn goed" niet. Deze USP's worden de basis van je hero-tekst en je hele waardepropositie.

3. Geef voorbeelden

Zeg welke websites je mooi vindt en WAT je er mooi aan vindt. "Ik vind de hero van [website] strak, en de kleuren van [website] spreken me aan." Dit geeft Claude een concrete richting.

4. Itereer

De eerste versie hoeft niet perfect te zijn. Vraag Claude om aanpassingen: "Maak de hero groter", "Verander de kleuren", "Voeg een team-sectie toe." Het gesprek IS het proces. Elke iteratie maakt het beter.

Screenshot van een iteratie-gesprek in Claude waarin de gebruiker vraagt om de hero groter te maken en Claude de code aanpast

Veelgemaakte fouten

  • Te vaag zijn — "Maak het mooi" levert niks op. Beschrijf wat "mooi" voor jou betekent.
  • Te veel tegelijk vragen — Bouw stap voor stap op. Eerst de structuur, dan de details.
  • Niet itereren — De eerste versie is een startpunt, geen eindproduct.
  • Technische taal gebruiken — Je hoeft niet te zeggen "gebruik CSS Grid met fr-units." Zeg gewoon "3 kolommen naast elkaar op desktop, onder elkaar op mobiel."
  • Vergeten om één bestand te vragen — Zeg altijd dat alle CSS en JS inline moet zijn, in één HTML-bestand. Anders krijg je losse bestanden die je apart moet uploaden.

In het volgende deel duiken we in design en branding — hoe je je kleuren, sfeer en visuele identiteit meegeeft aan Claude.

← Deel 1 Deel 3: Design, branding en sfeer meegeven →