SEO voor developers

Waar marketing en code elkaar eindelijk ontmoeten

Als je ooit een website hebt gebouwd en iemand hoorde zeggen: "SEO doen we later wel," dan weet je al hoe dat afloopt. Later komt nooit echt. SEO is geen checklist die je op het laatste moment voor de lancering afvinkt. Het begint in je code, in de structuur van je pagina's en in de manier waarop je data serveert aan zowel mensen als zoekmachines.

Developers en marketeers leven vaak op verschillende planeten. Marketeers praten over zichtbaarheid, zoekwoorden en conversies. Developers praten over bundles, SSR en database queries. Maar wanneer die werelden elkaar overlappen, gebeuren er mooie dingen. Websites laden sneller, scoren hoger en trekken meer bezoekers zonder extra advertenties of trucjes.

SEO gaat niet over het misleiden van Google. Het gaat erom dat je site begrepen kan worden. En wanneer de code schoon, gestructureerd en snel is, wint iedereen.

Waarom SEO belangrijk is voor developers

De meeste developers geven om performance, niet om page rank. Maar hier zit de crux: ze zijn onlosmakelijk verbonden. Een trage pagina kan je positie in de zoekresultaten net zo hard laten kelderen als een slecht zoekwoord. Een ontbrekende title-tag of een verkeerd geïmplementeerde redirect kan ervoor zorgen dat een complete productpagina van de ene op de andere dag uit Google verdwijnt.

Goede SEO is simpelweg goed engineering-werk. Het is een logische structuur, leesbare URL's en een website die crawlers of gebruikers niet in de war brengt. Een goed gecodeerde site maakt het werk van de marketeer makkelijker, en je eigen leven ook wanneer je moet debuggen of schalen.

De basis (die sowieso de moeite waard is om te weten)

Laten we beginnen met een paar basisconcepten. Als je deze begrijpt, heb je al een voorsprong op veel developers die denken dat SEO alleen maar draait om "meta-tags en blogposts".

Crawling is hoe zoekmachines pagina's op je website ontdekken. Ze volgen links en lezen je sitemap om te zien wat er bestaat. Als je content verborgen zit achter authenticatie, JavaScript-routing of infinite scroll, wordt het misschien nooit gecrawld.

Indexering betekent dat de zoekmachine je pagina daadwerkelijk opslaat en vermeldt in zijn database. Een gecrawlde pagina wordt niet automatisch geïndexeerd. Als Google fouten, dubbele content of te weinig inhoud vindt, kan de pagina worden overgeslagen.

Rendering is wat er gebeurt na het crawlen. Google probeert je pagina te zien zoals een gebruiker dat zou doen. Voor een statische site is dat eenvoudig. Voor een React- of Svelte-app die content laadt via API-calls, kan dit lastig zijn. Soms wacht Google niet lang genoeg tot je JavaScript klaar is.

On-page SEO is wat zowel gebruikers als zoekmachines zien: je title-tags, beschrijvingen, koppen en content. Dit is de laag waar marketeers het meest aan sleutelen.

Technische SEO is alles wat dit onder de motorkap ondersteunt: sitemaps, redirects, schema's, gestructureerde data, canonical URL's en performance. Dit is waar developers de grootste impact hebben.

Dus als je je ooit afvroeg waar marketing en code samenkomen, dan is het hier: tussen on-page en technische SEO.

En er is nu nog een reden om er aandacht aan te besteden: Large Language Models zoals ChatGPT, Gemini en Perplexity gebruiken het web steeds vaker als basis voor hun antwoorden. Wanneer je website hoog scoort en schone, gestructureerde data bevat, valt dat niet alleen Google of Bing op. LLM's putten uit diezelfde pagina's wanneer ze antwoorden genereren. Betere SEO betekent dat je merk vaker wordt genoemd, geciteerd of gelinkt wanneer mensen AI gebruiken om te zoeken.

Acht praktische dingen die developers kunnen doen voor SEO

1. Maak het snel

Een snelle site maakt niet alleen bezoekers blij, het heeft direct invloed op je ranking. Google houdt de laadprestaties bij via statistieken zoals LCP (Largest Contentful Paint), FID (First Input Delay) en CLS (Cumulative Layout Shift). Dit klinkt ingewikkeld, maar het gaat eigenlijk maar om één ding: hoe snel gebruikers je pagina kunnen zien en ermee kunnen communiceren.

Comprimeer je afbeeldingen vóór het uploaden, niet erna. Gebruik WebP- of AVIF-formaten waar mogelijk. Minify je CSS en JS. Gebruik agressieve caching. Serveer statische assets via een CDN. Gebruik lazy loading voor zware componenten zoals kaarten of carrousels, zodat ze pas laden als ze in beeld komen. Het doel is simpel: lever de eerste leesbare content in minder dan 2 seconden. Het is haalbaar, zelfs met een klein budget, als je de moeite neemt om het te meten.

2. Gebruik de juiste koppen

Je <h1> is de titel van het verhaal. Er mag er maar één per pagina zijn. Daarna volgen je <h2> en <h3> elementen voor de structuur. Zie het als een stamboom: duidelijke ouders, kinderen en broers/zussen.

Koppen zijn geen styling-keuze. Ze vertellen Google en gebruikers wat belangrijk is. Een blogpost met tien <h1> tags ziet eruit als tien concurrerende onderwerpen. Gebruik koppen logisch, niet visueel. Style ze in CSS in plaats van de hiërarchie te misbruiken voor de lettergrootte. Als je dit goed doet, wordt je content makkelijker te scannen en veel eenvoudiger te indexeren.

3. Blokkeer crawlers niet per ongeluk

Veel websites worden nooit geïndexeerd simpelweg omdat iemand vergat noindex of disallowed / te verwijderen in robots.txt. Het gebeurt vaker dan je denkt. Controleer dit altijd voor de lancering.

Als je frameworks zoals Next.js of SvelteKit gebruikt, zorg er dan voor dat dynamische routes zoals /blog/[slug] daadwerkelijk vindbaar zijn via een sitemap of server-side rendering. Ga er niet vanuit dat Google het zelf wel uitzoekt. Dat gebeurt niet. Onthoud ook dat zoekmachines niet kunnen inloggen; alles achter een login of betaalmuur is onbereikbaar.

4. Genereer schone URL's

URL's zijn als straatnamen. Als ze kort en logisch zijn, begrijpen zowel mensen als crawlers ze. /hotels/amsterdam zegt alles. /index.php?id=82&ref=abc zegt niets.

Gebruik koppeltekens in plaats van underscores. Houd URL's in kleine letters. Vermijd onnodige parameters, tenzij ze essentieel zijn voor filtering. Als je eenmaal een structuur hebt gekozen, verander deze dan niet te vaak. Als het echt moet, gebruik dan de juiste redirects (zie volgende punt). Consistentie schept vertrouwen, zowel bij gebruikers als bij crawlers.

5. Behandel redirects op de juiste manier

Redirects zijn als verhuizen. Wanneer je van adres verandert, laat je een bericht achter bij het oude adres. Dat is wat een 301-redirect doet: het vertelt zoekmachines: "Hé, deze content staat nu daar." Het helpt gebruikers op de juiste pagina te landen en voorkomt dat je SEO-waarde verloren gaat.

Maar let op: de meeste mensen maken het te ingewikkeld. Vermijd redirect-ketens. Stuur mensen niet langs drie URL's voordat ze op de juiste plek landen. Ga in één stap van oud naar nieuw. En als je een redesign doet, bewaar dan een lijst van je oude URL's. Koppel ze aan de nieuwe. Het kost een uurtje werk, maar bespaart je maanden aan verloren verkeer.

6. Maak het crawlbaar

Moderne SPA's zijn geweldig voor gebruikers, maar lastig voor crawlers. Als je content pas verschijnt nadat JavaScript is gerenderd, kan Google het volledig missen. Server-side rendering (SSR) of statische prerendering lost dat op. Het geeft zoekmachines een kant-en-klare HTML-versie om te lezen.

Als SSR niet mogelijk is, gebruik dan prerendering-diensten of exporteer je pagina's statisch. Een andere truc is om ervoor te zorgen dat je belangrijkste content in de initiële HTML staat vóór de hydratatie. Zie crawlers als browsers die alleen tekst kunnen lezen. Als ze je data niet kunnen zien zonder scripts, ben je onzichtbaar.

7. Voeg metadata en gestructureerde data toe

Je <title> en <meta description> zijn de koppen die mensen zien in de zoekresultaten. Ze vertellen niet alleen aan Google wat er op je pagina staat; ze overtuigen gebruikers ook om te klikken. Houd ze beknopt en helder.

Daarnaast helpt gestructureerde data (JSON-LD) zoekmachines om de context te begrijpen. Door bijvoorbeeld je blogpost te markeren met @type: "Article" of je product met @type: "Product", kun je rich snippets krijgen — die mooie blokjes met reviews, afbeeldingen en prijzen. Je geeft zoekmachines in feite extra aanwijzingen, en daarvoor word je beloond.

8. Bouw voor gebruikers, niet alleen voor crawlers

Het is makkelijk om te verdwalen in de technische kant, maar SEO draait nog steeds om mensen. Een leesbare lay-out, eenvoudige navigatie en een responsive design zijn waardevoller dan het volproppen van je tekst met zoekwoorden.

Als gebruikers afhaken omdat het lettertype te klein is of de mobiele weergave niet werkt, dalen je rankings. Zoekmachines meten betrokkenheid indirect. Maak content scanbaar, voeg interne links toe waar dat logisch is en test je site op echte telefoons, niet alleen in de dev-tools. Hoe beter de ervaring, hoe langer mensen blijven, delen en linken.

En dat is echte SEO.

Wanneer marketing en dev echt samenwerken

De beste resultaten ontstaan wanneer marketing en development al in een vroeg stadium samenwerken. Voordat je beslist hoe je routes structureert, hoe je mappen noemt of hoe je content serveert: praat over SEO. Maak afspraken over URL-patronen, taalinstellingen en canonical-logica voordat de code live gaat. Wanneer developers SEO begrijpen, is marketing niet langer een mysterieus extraatje achteraf. Het wordt teamwork. En dat is wanneer websites echt gaan presteren: niet alleen technisch, maar in de echte wereld, met echte bezoekers.

Kortom

SEO is geen laagje dat je bovenop een afgerond project legt, het is iets dat je vanaf dag één inbouwt. Het gaat er niet om Google te plezieren, het gaat erom mensen te helpen vinden wat ze zoeken.

En wanneer de code en de content goed samenspelen, besteed je minder tijd aan repareren en meer tijd aan bouwen, en krijgen je websites eindelijk het verkeer dat ze verdienen.

Met We Do Dev Work hoef je het niet alleen uit te zoeken. Wij helpen je schone, gestructureerde code te combineren met SEO best practices, zodat je site goed scoort, presteert en resultaten levert.

Begin met het bouwen van websites die werken voor zowel gebruikers als zoekmachines. Neem vandaag nog contact op en ontdek wat We Do Dev Work voor jouw project kan betekenen.