Webdevelopment, ook geschreven als web development, is het bouwen van een website zodat hij werkt: de pagina’s, de knoppen, de formulieren en alles wat daarachter gebeurt. Een webdeveloper zet een ontwerp om in code die een browser kan lezen, zorgt dat de website snel laadt en veilig is, en zet hem online. Kort gezegd is webdevelopment het vakwerk dat van een ontwerp een werkende website maakt; in het Engels heet het ook website development.
Het verschil met webdesign: de webdesigner bepaalt hoe een website eruitziet en hoe een bezoeker erdoorheen gaat, de webdeveloper zorgt dat die website ook echt werkt.
Voor een ondernemer telt vooral wat u eraan heeft. Daarom leggen we zonder vaktaal uit hoe website ontwikkeling in elkaar zit, met bronnen van Google en andere instanties waar het om feiten gaat. Daarna zetten we een bouwpakket, WordPress en een website op maat naast elkaar; de uitgebreide vergelijking staat in ons pijlerartikel maatwerk website of WordPress. Meer over deze keuzes vindt u in ons overzicht over maatwerk en platformen.
Web development en webdesign: wat is het verschil?
Webdesign bepaalt hoe een website eruitziet en hoe een bezoeker erdoorheen gaat: de indeling, kleuren, lettertypen en beeld. Webdevelopment bouwt dat ontwerp zo dat het werkt: in code, snel, veilig, op elk scherm en online. De webdesigner levert een ontwerp op, de webdeveloper een werkende website. Bij kleinere opdrachten doet één partij vaak allebei.
Vergelijk een website met een huis. De architect tekent hoe het eruitziet en hoe u er doorheen loopt. De aannemer bouwt het zo dat het blijft staan, dat de leidingen werken en dat het veilig is. Bij een website is de webdesigner de architect en de webdeveloper de aannemer.
| Webdesigner | Webdeveloper | |
|---|---|---|
| Waar het werk om draait | Hoe de website eruitziet en aanvoelt | Hoe de website werkt |
| Wat er gebeurt | Indeling van de pagina’s, kleuren, lettertypen, beeld en de route naar een aanvraag | Het ontwerp omzetten in code, functies en formulieren bouwen, snelheid en beveiliging regelen, de website online zetten |
| Wat het oplevert | Een ontwerp van elke pagina, op groot en klein scherm | Een werkende website die online staat |
| Waar u het aan merkt | Een herkenbare uitstraling en een duidelijke opbouw | De website laadt snel, werkt op elke telefoon, formulieren komen aan en Google begrijpt de pagina’s |
In de praktijk lopen de twee in elkaar over. Een mooi ontwerp dat slecht gebouwd is, wordt een trage website, en een technisch sterke website met een rommelig ontwerp overtuigt niemand. Wat webdesign precies inhoudt, leest u in wat is webdesign; welke vragen u stelt voordat u een ontwerper kiest, leest u bij een webdesigner inhuren.
De voorkant en de achterkant van een website
De voorkant, in het vak de front-end, is alles wat een bezoeker ziet en aanklikt: teksten, knoppen, menu’s en formulieren. De achterkant, de back-end, is wat buiten beeld gebeurt op een server: een formulier controleren en versturen, gegevens opslaan en ophalen. Een front-end developer bouwt de voorkant, een back-end developer de achterkant. Wie beide kanten bouwt, heet een full-stack developer.
Een bedacht voorbeeld: een restaurant aan de boulevard in Vlissingen. De zaal is de voorkant: de tafels, de menukaart en de bediening, alles wat de gast ziet. De keuken is de achterkant: daar komen de bestellingen binnen en worden de gerechten bereid. De gast komt nooit in de keuken, maar merkt het meteen als daar iets misgaat.
Bij een website werkt het net zo. U vult een contactformulier in en drukt op verzenden: dat is de voorkant. Daarna controleert de achterkant of de velden kloppen, houdt spam tegen en zorgt dat het bericht aankomt. Die achterkant draait op een server, een computer die dag en nacht aan staat en uw website aan bezoekers levert.
Zo komt een pagina op uw scherm
Typt een bezoeker uw domeinnaam in, dan zoekt de browser op welke server uw website staat en vraagt daar de pagina op. De server stuurt de bestanden terug en de browser zet ze in elkaar tot de pagina die u ziet. Dat gebeurt bij elke pagina opnieuw, in een fractie van een seconde als de website goed gebouwd is.
Toont een website elke bezoeker dezelfde pagina’s, dan kan de server die als kant-en-klare bestanden versturen: een statische website. Moet een pagina per bezoeker anders zijn, zoals een winkelmand of een ledengedeelte, dan stelt de server hem samen uit een database: een dynamische website. Veel bedrijfswebsites hebben genoeg aan vaste pagina’s met een formulier; een webshop is altijd dynamisch. Hoe een webshop op Shopify stap voor stap tot stand komt, leest u in Shopify webshop laten bouwen.
Wat doet een webdeveloper? Van ontwerp tot een website die live staat
Een webdeveloper zet een ontwerp om in een werkende website, bouwt de functies en koppelingen, zorgt voor snelheid, vindbaarheid en beveiliging, test de website op verschillende schermen en browsers en zet hem online. Na de livegang houdt de developer de website technisch in orde en verwerkt wijzigingen. Het werk begint niet bij code, maar bij het doel van de website.
Grofweg verloopt de ontwikkeling van een website zo:
- Het ontwerp doorgronden. Per pagina bepalen wat er staat, wat een bezoeker kan aanklikken en naar welke volgende stap de pagina leidt.
- De structuur opzetten. Welke pagina’s er komen en welk adres elke pagina krijgt, de URL, zoals /contact achter uw domeinnaam; Google raadt woorden in de URL aan die voor een bezoeker iets betekenen.
- De voorkant bouwen. Het ontwerp wordt een pagina die zich aanpast aan elk scherm, van telefoon tot breed beeldscherm. Dat heet responsive. Google beoordeelt en rangschikt een website op de mobiele versie en raadt responsive bouwen aan als de eenvoudigste aanpak.
- Functies en koppelingen bouwen. Formulieren, een menu, een agenda of een verbinding met een systeem dat u al gebruikt.
- Snelheid en vindbaarheid inbouwen. Afbeeldingen op het juiste formaat, alleen laden wat een pagina nodig heeft en informatie toevoegen waarmee Google begrijpt waar een pagina over gaat.
- Testen. Op telefoons, tablets en computers, en in verschillende browsers, de programma’s waarmee bezoekers internet op gaan.
- Live zetten en beheren. De website komt online. Vervangt hij een oude website, dan worden de oude adressen één voor één doorverwezen naar de nieuwe pagina’s; Google adviseert die doorverwijzingen minstens een jaar te laten staan. Daarna volgen wijzigingen, updates en controles.
Hoe lang duurt het ontwikkelen van een website, en wat kost het?
Hoe lang webdevelopment duurt, hangt af van de omvang van de website en vooral van hoe snel tekst en beeld klaarliggen. Bij ons staat een website van vijf pagina’s binnen 2 weken online nadat alles is aangeleverd. De kosten hangen af van het aantal pagina’s, de functies en de koppelingen. Een overzicht van wat een website kost, per soort en per bouwer, leest u in wat een website laten maken kost.
De bekendste technieken, zonder vaktaal
U hoeft geen code te kunnen lezen, maar het helpt om de namen te herkennen. Om in de vergelijking met het huis te blijven:
HTML is de ruwbouw. Het legt vast wat er op een pagina staat: koppen, alinea’s, afbeeldingen, knoppen en links. Google leest het om te begrijpen waar een pagina over gaat, en gebruikt bijvoorbeeld de paginatitel uit de HTML voor de blauwe link in de zoekresultaten. Een nette opbouw helpt dus direct bij de vindbaarheid.
CSS is de afwerking en de inrichting: kleuren, lettertypen, ruimte en hoe een pagina zich op een smal telefoonscherm schikt.
JavaScript is de installatie die iets laat bewegen of reageren: een menu dat openklapt, een animatie bij het scrollen, een formulier dat meldt dat een veld leeg is. Het maakt een website levendig, maar elk stukje moet eerst worden geladen en uitgevoerd, en zolang de browser daarmee bezig is, reageert de pagina niet op een klik. Google ziet tekst die pas door JavaScript verschijnt bovendien pas nadat het de pagina zelf heeft uitgevoerd. Te veel JavaScript maakt een website dus traag.
Een CMS, een contentmanagementsysteem, is een beheeromgeving waarin u zelf teksten en foto’s aanpast zonder code. WordPress is verreweg het bekendste: volgens de meting van W3Techs draait ongeveer vier op de tien websites wereldwijd erop. Handig voor wie veel publiceert, maar een CMS brengt extra onderdelen mee, zoals plugins: uitbreidingen van andere makers die elk apart bijgehouden moeten worden. Niet elke website heeft een CMS nodig.
Hosting is de grond waarop het huis staat: een server bij een hostingpartij, vanwaar uw website aan bezoekers wordt geleverd. De domeinnaam is het adres: een unieke naam op internet, zoals uwbedrijf.nl, die het domeinnaamsysteem vertaalt naar het nummer van de server. Goede hosting bepaalt mee hoe snel en betrouwbaar uw website bereikbaar is.
Website ontwikkelen met een bouwpakket, met WordPress of op maat
Bijna elk bedrijf heeft een website. Volgens het CBS had in 2025 92 procent van de bedrijven met tien of meer werkzame personen er een, en 69 procent van de bedrijven met twee tot tien werkzame personen. Er zijn grofweg drie manieren om aan zo’n website te komen.
Een bouwpakket, een online websitebouwer waarmee u zelf pagina’s in elkaar klikt uit kant-en-klare blokken, is genoeg voor een eenvoudig visitekaartje op internet. Een webdeveloper heeft u daarvoor niet nodig, maar u zit vast aan wat het pakket kan, uw website lijkt al snel op die van anderen en in onze ervaring heeft u weinig invloed op de snelheid. Dat laatste telt: Google zegt dat het platform in het algemeen niet uitmaakt voor de positie in de zoekresultaten, maar de snelheid van de website wel. Wanneer zelf bouwen goed past en wat het u aan tijd kost, leest u in zelf een website maken of laten maken.
WordPress met een thema of een page builder, een programma waarmee u blokken op een pagina sleept, past bij wie veel blogs bijhoudt of vaak artikelen plaatst. De basis bestaat uit onderdelen van andere makers. Elke plugin vraagt om updates: WordPress raadt zelf aan om plugins altijd bij te werken en plugins die u niet gebruikt te verwijderen, omdat verouderde onderdelen een bekende ingang zijn voor aanvallen. Voert u een update uit, dan kan er in onze ervaring ook iets breken; wat er daardoor bij WordPress onderhoud komt kijken, leggen we in een apart artikel uit.
Op maat bouwt een developer de hele website vanaf de basis, met alleen de code die nodig is. Dat is de route als de website klanten moet opleveren, als uw eigen uitstraling ertoe doet, als snelheid en vindbaarheid zwaar wegen of als de website moet samenwerken met andere systemen.
De afweging tussen WordPress en bouwen op maat werken we uit in ons pijlerartikel over een maatwerk website of WordPress. Wie u het werk laat doen, een bureau of een zelfstandige, leest u in webbureau, internetbureau of freelancer.
Wat goed ontwikkelwerk uw bedrijf oplevert
Een bezoeker ziet de code van uw website nooit, maar merkt het verschil tussen goed en matig ontwikkelwerk binnen een paar seconden. Google merkt het ook.
Snelheid
Google meet de snelheid van een website met drie cijfers, de Core Web Vitals, en gebruikt die in de rangschikking van de zoekresultaten. Een goede score geeft geen garantie op een hogere positie, maar Google raadt elke website-eigenaar aan om eraan te voldoen. Dit zijn de grenzen die Google voor de Core Web Vitals aanhoudt:
| Meting | Wat het meet | Goed volgens Google |
|---|---|---|
| Grootste element in beeld (LCP) | Hoe snel het grootste blok van de pagina verschijnt | Binnen 2,5 seconden |
| Reactie op een klik (INP) | Hoe snel de pagina reageert op een tik of klik | Binnen 200 milliseconden |
| Verspringen van de pagina (CLS) | Hoeveel de inhoud verschuift tijdens het laden | Minder dan 0,1 |
Snelheid raakt ook de omzet. In praktijkvoorbeelden die Google verzamelt, steeg de verkoop van een telecombedrijf met 8 procent nadat het grootste element 31 procent sneller in beeld kwam, en verloor een omroep 10 procent van de bezoekers per extra seconde laadtijd. Een website die alleen laadt wat nodig is, staat sneller in beeld dan een website die bij elke pagina scripts van tientallen plugins meeneemt.
Snelheid meet u met Lighthouse, de meettool van Google die de prestaties van een pagina een score van 0 tot 100 geeft; vanaf 90 noemt Google de score goed. De score kan per meting iets verschillen, bijvoorbeeld door de verbinding of het apparaat waarop u meet. Welke controles verder bij een gezonde website horen, leest u in technische SEO.
Vindbaarheid
Een heldere opbouw, waarin elk onderwerp één vaste pagina heeft, maakt Google duidelijk welke pagina waarover gaat: één bron van waarheid. WordPress maakt daarnaast automatisch overzichtspagina’s aan die u nooit heeft bedacht, zoals archieven per categorie, per auteur of per maand, vaak met dezelfde tekst als uw gewone pagina’s.
Google raadt aan om zulke dubbele adressen samen te voegen: anders moet het zelf kiezen welke versie het toont en besteedt het tijd aan pagina’s die er voor u niet toe doen. Hoe vindbaarheid verder werkt, leest u bij zoekmachine optimalisatie.
Veiligheid
Elke plugin van een andere maker is een extra deur die op slot moet blijven. Volgens Google zijn verouderde software en verouderde thema’s en plugins, naast zwakke wachtwoorden, de meest voorkomende manieren waarop websites worden gehackt. Onkwetsbaar is geen enkele website, ook niet een die op maat is gebouwd, maar minder losse onderdelen betekent minder plekken waar het mis kan gaan. Wat er na de livegang bij het bijhouden van een website hoort, leest u in ons artikel over website onderhoud.
Koppelingen met andere systemen
Veel bedrijven gebruiken al software: een reserveringssysteem, een agenda, een klantenbestand of een boekhoudpakket. Een webdeveloper kan uw website daaraan koppelen, zodat gegevens automatisch heen en weer gaan. Een bedacht voorbeeld: een vakantiepark in Zeeuws-Vlaanderen dat de beschikbaarheid uit het eigen reserveringssysteem direct op de website toont, zonder dat iemand die met de hand bijwerkt.
Toegankelijkheid
Een toegankelijke website is bruikbaar voor iedereen, ook voor mensen met een beperking: genoeg contrast, knoppen die met het toetsenbord werken en een tekst bij elke afbeelding voor wie niet kan zien. Sinds 28 juni 2025 is dat voor een deel van de bedrijven wettelijk verplicht: volgens het Ondernemersplein van de overheid onder meer voor webshops van bedrijven met meer dan tien medewerkers of meer dan 2 miljoen euro omzet per jaar, met de Autoriteit Consument & Markt als toezichthouder. Geldt de wet niet voor u, dan helpt toegankelijk bouwen nog steeds elke bezoeker, en een developer regelt het grootste deel ervan in de code.
Zo verloopt het ontwikkelen van een website bij ons
Ons team bouwt websites volledig op maat, in eigen code en zonder plugins. Een template, een kant-en-klaar ontwerp waarin uw logo wordt geschoven, kan niet wat wij willen leveren: een website die uw huisstijl tot in de details vertaalt en die snel, veilig en goed vindbaar blijft.
- Doel en huisstijl. We beginnen bij uw bedrijf: wat moet de website opleveren, voor wie, en hoe ziet uw merk eruit. Heeft u nog geen huisstijl, dan werken we samen met een grafisch bureau dat de branding verzorgt. Wat u zelf vooraf regelt, staat in nieuwe website nodig? Zo bereidt u zich voor.
- Ontwerp vanuit uw merk. We ontwerpen eerst voor de telefoon en daarna voor grotere schermen. Elke website krijgt een eigen, volledig uitgewerkt menu voor mobiel, dat met een template niet na te maken is.
- Ontwikkeling in schone code. Alleen wat de website nodig heeft, met waar het past animaties die een website professioneel maken, zoals op de website die we maakten voor Lectorus, een bedrijf in Zierikzee dat vertragingsonderzoek doet voor arbitrage- en rechtszaken. Die animaties schrijven we zelf in code; in onze ervaring zijn ze met een kant-en-klaar thema of een page builder niet na te maken.
- Testen en meten. Vóór de oplevering meten we elke website met Lighthouse. Onze websites scoren bij oplevering 100 van de 100 voor prestaties. De score kan per meting licht verschillen, en een score van 100 garandeert geen hogere positie in Google.
- Livegang en beheer. Een website van vijf pagina’s staat binnen 2 weken online nadat tekst en beeld binnen zijn. Daarna verzorgen wij de hosting en het technische beheer. Er is geen beheeromgeving waarin iets kan breken: wijzigingen geeft u aan ons door.
Wilt u zelf veel blogs of artikelen plaatsen, dan is WordPress een goede keuze, en dat zeggen we dan ook. Zoekt u een website die op de lange termijn waarde toevoegt, zonder plugins die bijgehouden moeten worden, dan is werk op maat de sterkere basis.
Benieuwd wat ons team voor uw bedrijf kan bouwen? Op de pagina maatwerk website laten maken leest u hoe wij werken, of neem contact met ons op om uw plannen te bespreken.
Bronnen
Alle bronnen zijn bekeken op 8 oktober 2026, de bron over het uurtarief op 9 oktober 2026.
- Google Search Central: SEO-starterhandleiding (bijgewerkt 10 december 2025; paginatitel, koppen, URL’s, dubbele inhoud)
- Google Search Central: JavaScript SEO basics (Google ziet inhoud uit JavaScript pas na het uitvoeren)
- Google Search Central: Core Web Vitals en de zoekresultaten (de drie metingen en hun grenzen)
- Google Search Central: Pagina-ervaring in de zoekresultaten (Core Web Vitals in de rangschikking, geen garantie)
- Google Search Central: Mobile-first indexering (mobiele versie telt, responsive aanbevolen)
- Google Search Central: Verhuizing met nieuwe URL’s (doorverwijzingen minstens een jaar)
- Google Search Central: Dubbele URL’s samenvoegen
- Google Search Central: Office Hours mei 2023 (het platform maakt niet uit voor de positie, de snelheid wel)
- Chrome for Developers: Lighthouse performance scoring (score 0 tot 100, vanaf 90 goed, schommelingen per meting)
- Chrome for Developers: Reduce JavaScript execution time
- web.dev: Why does speed matter? (praktijkvoorbeelden: Vodafone, BBC)
- web.dev: Top ways sites get hacked by spammers
- web.dev: Learn Accessibility
- MDN Web Docs: How the web works (browser, server, HTML, CSS en JavaScript)
- MDN Web Docs: What is a web server? (statisch en dynamisch)
- MDN Web Docs: Client-Server overview (wat de server met een formulier doet)
- WordPress: Hardening WordPress (plugins bijwerken en ongebruikte plugins verwijderen)
- WordPress: Template hierarchy (archiefpagina’s per categorie, auteur en datum)
- W3Techs: Usage statistics of WordPress (40,1 procent van alle websites, bekeken op 8 oktober 2026)
- SIDN: What is a domain name?
- CBS: ICT-gebruik bij bedrijven; bedrijfsgrootte, 2025 (bedrijven met website, tien of meer werkzame personen; voorlopige cijfers)
- CBS: ICT-gebruik bij zzp’ers; bedrijfstak en bedrijfsgrootte, 2025 (bedrijven met website, twee tot tien werkzame personen; voorlopige cijfers)
- Ondernemersplein (overheid): Regels voor digitale toegankelijkheid
- ACM: ACM roept bedrijven op zich voor te bereiden op regels toegankelijkheid websites en apps (5 juni 2025)
- Digitale Overheid: Nieuwe Europese toegankelijkheidswet (28 juni 2025)
- Knab: Wat verdient een web developer zzp? (Knab Zzp Uurtarievenonderzoek 2026) (bijgewerkt 3 april 2026, bekeken op 9 oktober 2026; gemiddeld uurtarief € 73 excl. btw, alle zzp’ers € 83)
Ik heb de afgelopen twintig jaar regelmatig websites laten bouwen, maar door samen te werken met Zeeuwsweb heb ik pas echt ontdekt hoeveel verschil er zit tussen bedrijven die dit aanbieden.
IB-BEWUST
Vogelwaarde · Google-review
