Momenteel neem ik geen nieuwe klanten aan +31 6 301 963 14 dennis@gouwers.nl
Websites

Website laten maken: zo verloopt een websitetraject stap voor stap

Dennis BoekhoutBijgewerkt op 6 min leestijd

In dit artikel

Een website laten maken verloopt in zeven stappen: doel en doelgroep bepalen, structuur en wireframe, design, bouwen, content, SEO en livegang, en daarna meten en verbeteren. Wie de eerste stap goed doet, voorkomt dat het traject halverwege vastloopt.

Voordat je een website laat maken: doel, doelgroep en boodschap

De meeste websitetrajecten lopen niet vast op de techniek. Ze lopen vast omdat halverwege blijkt dat niemand precies wist wat de website moest doen. Dan begint het schuiven: pagina's erbij, teksten opnieuw, een ander design. Dat kost tijd en geld.

Daarom begin ik altijd met drie vragen. De antwoorden bepalen straks de indeling, het design en zelfs welke techniek je nodig hebt.

Wat is het doel van je website?

Wil je producten verkopen, aanvragen binnenhalen, vacatures vullen of vooral informeren? Kies één hoofddoel en maak het meetbaar. "Meer klanten" is geen doel. "Elke maand een vast aantal offerteaanvragen via het formulier" wel.

Wie is je doelgroep?

Wie moet de website bezoeken, en wat wil die persoon weten voordat hij contact opneemt of iets koopt? Denk aan leeftijd, kennisniveau en de vragen die je in gesprekken steeds hoort. Een ondernemer die een boekhouder zoekt, wil andere dingen zien dan een stel dat een trouwlocatie zoekt.

Wat is je boodschap?

Wat bied je aan en waarom zou iemand voor jou kiezen? Schrijf dat op in twee of drie zinnen. Lukt dat niet, dan wordt je website ook vaag. Deze korte omschrijving komt later terug in je koppen, je teksten en je advertenties.

Structuur en wireframe: het bouwplan van je website

Met die antwoorden bepaal je welke pagina's je nodig hebt en hoe bezoekers van de ene naar de andere pagina gaan. Dat is de sitestructuur: je menu, je footer en de routes naar contact of de kassa. Gebruik herkenbare woorden in je menu. "Diensten" en "Contact" werken beter dan creatieve namen waar niemand op durft te klikken.

Daarna komt het wireframe voor je website: een simpele schets van elke belangrijke pagina, zonder kleuren of foto's. Je ziet waar de kop staat, waar de knoppen komen en in welke volgorde de informatie verschijnt. Het is het skelet van je website. Een blok verschuiven kost in deze fase een minuut. Na de bouw kost dezelfde wijziging uren.

Voorbeeld van een wireframe: grijze schetsen van de homepage, productpagina, verkoopformulier, bestellingen en berichten van een webshop
Voorbeeld van een wireframe

Maak het wireframe voor mobiel én desktop. Veel bezoekers komen via hun telefoon binnen, en op een smal scherm moet je kiezen wat er echt toe doet. Begin daarom bij het kleine scherm.

Design en bouwen: van ontwerp naar werkende website

Pas als de structuur staat, komt het design. Dat is meer dan een mooi plaatje: het gaat om lay-out, kleuren, lettertypen, beeldgebruik en de manier waarop knoppen eruitzien. Samen vormen ze je huisstijl online. Bespreek het design van de belangrijkste pagina's goed voordat er gebouwd wordt. Dan hoeft er later niet alles opnieuw.

Welk platform kies je?

Er is veel keuze, zoals WordPress, Shopify, Webflow en Wix. De juiste keuze hangt af van je doelen, de functies die je nodig hebt, je budget en hoeveel je zelf wilt beheren. Ik bouw veel in WordPress, met WooCommerce als er een webshop bij komt. Het is flexibel, je zit niet vast aan één partij en je past de meeste content zelf aan. Daarnaast bouw ik steeds vaker websites op maat, die je kunt koppelen aan AI-systemen zoals taalmodellen (LLM's).

Wat er bij het bouwen komt kijken

Bouwen is meer dan pagina's in elkaar zetten. De website moet werken in elke browser en op elk apparaat, snel laden en toegankelijk zijn. Vaak komen er koppelingen bij met andere systemen, zoals je e-mailtool, je boekhouding of je verzendsoftware.

Bij Het Karperwonder moest de webshop vanaf dag één pre-orders aannemen. Ik koppelde de WooCommerce-webshop aan MyParcel voor de verzending en aan E-boekhouden voor de facturatie. Zo werden bestellingen automatisch verwerkt, zonder handwerk. Zulke koppelingen bepaal je vooraf, want ze hebben invloed op de hele opbouw van de webshop.

Snelheid verdient extra aandacht. Een trage website kost je bezoekers en posities in Google. Lees ook waarom websitebezoekers afhaken en hoe je dat voorkomt.

Content: het meest onderschatte deel van een websitetraject

Dan het werk dat bijna iedereen onderschat: alle content. Teksten, foto's, video's, reviews en productinformatie. Zonder content geen livegang, en het verzamelen ervan duurt vaak langer dan het bouwen zelf.

Begin daarom al in de eerste fase. Maak een lijst van alle pagina's en wat er per pagina nodig is. Spreek af wie wat aanlevert en wanneer. Laat je teksten of beeld maken? Plan dat dan direct in, en niet pas als de website klaarstaat.

Eigen beeld maakt een groot verschil. Bij Paviljoen Het Buitenhuis legden een fotograaf en een videograaf de locatie vast. Die beelden vormen de basis van de website en komen ook terug in advertenties en op social media. Eén beeldtaal, overal. Let er wel op dat je afbeeldingen goed verkleint, zodat ze je website niet vertragen.

SEO en livegang: zorg dat Google je nieuwe website vindt

Je potentiële klanten zoeken nu al in Google naar wat jij aanbiedt. Met zoekwoordonderzoek ontdek je welke woorden ze daarvoor gebruiken. Die woorden verwerk je in je paginatitels, koppen en teksten. Dat heet zoekmachineoptimalisatie, of SEO. Schrijf wel voor mensen: een tekst vol zoekwoorden leest slecht en overtuigt niemand.

Vervang je een bestaande website? Let dan extra goed op je oude URL's. Pagina's die nu goed scoren in Google, moeten na de livegang doorverwijzen naar de juiste nieuwe pagina. Vergeet je die doorverwijzingen, dan ben je in één klap je posities kwijt.

Checklist voor de livegang

  • Alle oude URL's verwijzen met een 301-redirect naar de juiste nieuwe pagina.
  • Elke pagina heeft een eigen paginatitel en metabeschrijving.
  • Alle formulieren zijn getest en komen aan op het juiste e-mailadres.
  • De website is gecontroleerd op mobiel, tablet en desktop.
  • De sitemap is aangemeld in Google Search Console.
  • De cookiemelding en privacyverklaring kloppen.
  • De metingen staan aan en conversies worden geregistreerd.

Na de lancering: meten en verbeteren

Een website is nooit af. Na de livegang wil je weten of je je doelen haalt, en waarom wel of niet. Daarvoor gebruik je Google Analytics 4, vaak in combinatie met Google Tag Manager. Analytics meet uit zichzelf vooral bezoekers en paginaweergaven. Wat voor jou telt, zoals een ingevuld formulier of een aankoop, stel je zelf in als conversie.

Kijk daarna elke maand naar een paar vaste cijfers: hoeveel bezoekers je hebt, via welke kanalen ze komen en hoeveel van hen een aanvraag doen of iets kopen. Komen er weinig bezoekers? Dan heb je meer zichtbaarheid nodig, via SEO of advertenties op Google, Meta, LinkedIn of TikTok. Komen ze wel, maar doen ze niets? Dan ligt het aan de website zelf. Lees hoe je een websitebezoeker overtuigt en je conversie verhoogt.

Conclusie: een goede voorbereiding is het halve werk

Een website laten maken is een traject van zeven stappen: doel en doelgroep, structuur en wireframe, design, bouwen, content, SEO en livegang, en meten en verbeteren. De meeste vertraging zie ik in de eerste stap en bij de content: doelen die niet helder zijn en teksten en beeld die te laat komen. Regel je die twee goed, dan verloopt de rest een stuk soepeler.

Benieuwd wat de verschillende onderdelen bij mij kosten? Bekijk dan de prijslijst.

Veelgestelde vragen

Hoe lang duurt het om een website te laten maken?

Dat hangt vooral af van de omvang en van hoe snel de content klaar is. Een compacte bedrijfswebsite met een handvol pagina's staat vaak binnen enkele weken online. Een webshop, een meertalige site of een website met koppelingen naar andere systemen kost meestal een paar maanden. De grootste vertraging zit bijna altijd in teksten en beeld die te laat worden aangeleverd.

Wat kost het om een website te laten maken?

Er is geen vaste prijs. De kosten hangen af van het aantal pagina's, een eigen design of een bestaand thema, webshopfuncties, koppelingen en wie de teksten en foto's maakt. Reken daarnaast op vaste kosten voor hosting, je domeinnaam, licenties en onderhoud. Vraag altijd een offerte waarin per onderdeel staat wat je krijgt, zodat je partijen eerlijk kunt vergelijken.

Wat moet ik zelf aanleveren voor een nieuwe website?

Je levert in elk geval je doelen, informatie over je doelgroep, je logo en huisstijl en toegang tot je domein en hosting aan. Daarnaast teksten of de input daarvoor, foto's en video's, reviews en klantverhalen. Vervang je een bestaande site, geef dan ook een overzicht van je oude pagina's. Hoe eerder dit klaarligt, hoe sneller je website live kan.

Kan ik mijn website na de oplevering zelf aanpassen?

Bij een website in WordPress kun je teksten, afbeeldingen, blogs en producten meestal zelf aanpassen in een overzichtelijk beheerpaneel. Vraag bij de oplevering om een korte uitleg, zodat je weet wat je veilig kunt wijzigen. Grotere aanpassingen aan de opbouw, het design of de techniek laat je beter over aan je webdeveloper, zodat de website snel en stabiel blijft.

Benieuwd hoe ik dit in de praktijk aanpak?

Het pitchdeck laat de hele werkwijze zien.

Geschreven door Dennis Boekhout

Marketing freelancer uit 's-Hertogenbosch. Volg op LinkedIn (opent in een nieuw tabblad)