Webdesign en zoekmachine optimalisatie: zo versterken ze elkaar

Webdesign en zoekmachine optimalisatie (SEO) zijn geen twee losse klussen: de keuzes die je in het ontwerp maakt, bepalen voor een groot deel hoe goed Google je site begrijpt. Een logische structuur, snelle pagina’s en tekst die echt op de pagina staat, helpen bezoekers en zoekmachines tegelijk. Hieronder lees je welke ontwerpkeuzes het verschil maken en hoe je ze meeneemt voordat de eerste pixel op zijn plek staat.

Waarom webdesign en SEO bij elkaar horen

Vaak gaat het zo: een ontwerper maakt een mooie site, de site gaat live en pas daarna komt iemand kijken naar SEO. Dan blijkt dat de belangrijkste diensten geen eigen pagina hebben, dat teksten in afbeeldingen staan en dat de homepage zes seconden laadt. Dat repareren kost meer tijd dan het meteen goed doen.

Google beoordeelt geen ontwerp op schoonheid. Wel kijkt het naar dingen die direct uit het ontwerp voortkomen:

• Structuur: welke pagina’s er zijn en hoe ze aan elkaar gelinkt zijn.
• Inhoud: of er leesbare tekst op een pagina staat die past bij waar mensen op zoeken.
• Gebruikservaring (UX): hoe snel een pagina laadt, of hij werkt op mobiel en of er niets verspringt tijdens het laden.
• Techniek: of Google alle pagina’s kan vinden en lezen.

Een goed webdesign met SEO als uitgangspunt maakt het bezoekers makkelijk om te vinden wat ze zoeken. Precies dat signaal probeert Google te meten.

Begin met structuur, niet met kleuren

De belangrijkste SEO-keuze in webdesign is de sitestructuur, ook wel informatiearchitectuur genoemd. Dat is de indeling van je site in pagina’s en menu’s. Bepaal die voordat je aan een ontwerp begint.

Eén onderwerp per pagina

Elke dienst of productgroep waarop je gevonden wilt worden, verdient een eigen pagina. Een schilder die alles op één pagina “Diensten” zet, maakt het Google lastig om te zien dat hij ook gevelreiniging en houtrotherstel doet. Met losse pagina’s per dienst kan elke pagina ranken op zijn eigen zoekwoorden. Welke zoekwoorden dat zijn, haal je uit zoekwoordenonderzoek.

Ondiep en logisch

Houd belangrijke pagina’s binnen twee of drie klikken vanaf de homepage. Een veelgebruikte opbouw:

1. Homepage
2. Hoofdpagina’s per dienst of categorie
3. Subpagina’s, zoals specifieke diensten, regio’s of blogs

Hoe dieper een pagina weggestopt zit, hoe minder belangrijk hij voor Google lijkt en hoe later hij wordt gevonden. Lees ook hoe Google je pagina’s indexeert.

Navigatie die je kunt lezen

Gebruik in je menu de woorden die je klant gebruikt. “Dakkapel plaatsen” zegt meer dan “Oplossingen”. Zorg dat menulinks gewone tekstlinks zijn in de HTML, en geen knoppen die pas werken na een script. Een kruimelpad (breadcrumb) boven aan de pagina helpt bezoekers en Google te zien waar een pagina in de structuur valt.

Ontwerpkeuzes die je vindbaarheid kosten

Sommige trends zien er goed uit in een ontwerp, maar werken tegen je in Google. Dit zijn de bekendste valkuilen:

Ontwerpkeuze	Probleem voor SEO	Beter
Tekst in afbeeldingen of sliders	Google leest de tekst niet goed en bezoekers scrollen eroverheen	Echte tekst in de HTML, beeld ernaast
Eén lange onepager voor alles	Elke dienst concurreert om dezelfde pagina	Losse pagina per dienst
Grote video of slider bovenaan	Trage laadtijd, vooral op mobiel	Eén sterke afbeelding en een duidelijke kop
Belangrijke tekst achter tabbladen of “lees meer”	Bezoekers zien het niet en klikken weg	Kernboodschap direct zichtbaar
Koppen gekozen op lettergrootte	Kopstructuur klopt niet meer	Koppen op inhoud, stijl via CSS

Dat laatste punt komt vaak voor. Een ontwerper kiest een H2 omdat die lettergrootte mooi staat, terwijl het geen echte tussenkop is. Hoe je koppen goed inzet, lees je in onze uitleg over H1, H2 en H3.

SEO en UX: snelheid, mobiel en stabiliteit

Google gebruikt de mobiele versie van je site als uitgangspunt voor de beoordeling. Ontwerp daarom eerst voor een telefoonscherm en pas daarna voor desktop. Wat op een groot scherm netjes naast elkaar staat, moet op mobiel nog steeds in een logische volgorde onder elkaar komen.

Daarnaast meet Google met de Core Web Vitals hoe een pagina voor echte bezoekers presteert. In gewone woorden gaat het om drie vragen:

• Hoe snel staat het grootste element, zoals de hoofdafbeelding, in beeld?
• Reageert de pagina snel als je ergens op tikt?
• Verspringt de inhoud tijdens het laden?

Ontwerpers hebben daar veel invloed op. Een paar keuzes die helpen:

• Beperk het aantal lettertypes en gewichten.
• Gebruik afbeeldingen in een modern formaat en in de maat waarin ze getoond worden. Meer daarover in afbeeldingen optimaliseren voor SEO.
• Geef afbeeldingen en banners vaste afmetingen, zodat er niets verspringt.
• Wees zuinig met pop-ups die direct over de inhoud vallen.
• Kies een thema of bouwer die geen berg scripts meelaadt die je niet gebruikt.

Hoe je de reactiesnelheid meet, lees je in ons stuk over INP als Core Web Vital.

Tekst en ontwerp in één keer goed

Een veelgemaakte fout is ontwerpen met nepteksten (lorem ipsum) en de echte tekst er later in proppen. Dan blijkt er ruimte te zijn voor twee regels, terwijl de pagina eigenlijk 400 woorden nodig heeft om te laten zien wat je doet. Laat het ontwerp ruimte voor echte inhoud:

• Een duidelijke kop met het onderwerp van de pagina.
• Een korte introductie die zegt wat je biedt en voor wie.
• Tussenkoppen die de vragen van de bezoeker beantwoorden.
• Bewijs: reviews, keurmerken, foto’s van eigen werk.
• Een opvallende maar rustige knop naar contact of offerte.

Zo werkt de pagina voor de bezoeker en heeft Google genoeg tekst om te begrijpen waar de pagina over gaat.

Let op bij een redesign

Heb je al een site die gevonden wordt? Dan is een nieuw ontwerp het moment waarop het vaakst posities verloren gaan. Pagina’s krijgen een nieuwe URL, teksten worden ingekort en oude pagina’s verdwijnen zonder doorverwijzing. Maak vooraf een lijst van alle bestaande URL’s en zorg dat elke oude URL met een 301-redirect naar de juiste nieuwe pagina verwijst. Gebruik daarvoor onze SEO-migratie checklist.

Praktijkvoorbeeld: een installateur in Utrecht

Neem een installatiebedrijf dat een nieuwe site wil omdat de oude er gedateerd uitziet. Het eerste ontwerp heeft een grote video op de homepage, een menu met “Over ons”, “Diensten” en “Contact” en alle diensten op één pagina met uitklapblokken.

Na een korte SEO-check verandert het plan. De video maakt plaats voor een foto van het eigen team en een kop met “Warmtepomp en cv-ketel installeren in Utrecht”. Elke dienst krijgt een eigen pagina met echte tekst, prijsindicaties en veelgestelde vragen. Het menu noemt de diensten bij naam. Het ontwerp blijft net zo strak, maar Google ziet nu vijf duidelijke pagina’s in plaats van één vage, en bezoekers vinden sneller hun antwoord.

Zelf doen of uitbesteden?

Bouw je zelf een kleine site met WordPress of een andere sitebouwer? Dan kun je veel zelf goed doen: een heldere structuur bedenken, echte teksten schrijven en afbeeldingen klein houden. Welke systemen daar het best bij passen, lees je in welk CMS het beste is voor SEO.

Uitbesteden is slim als:

• je bestaande site al bezoekers uit Google haalt en je die niet wilt verliezen bij een redesign;
• je concurreert in een markt waar veel bedrijven goed scoren;
• je geen tijd hebt om zoekwoordenonderzoek te doen en een structuur uit te tekenen.

Vraag een webbouwer in elk geval hoe hij met SEO omgaat. Een goed antwoord gaat over structuur, snelheid en redirects, niet alleen over “een SEO-plugin installeren”.

Tot slot

Een site die Google en bezoekers snappen, begint met de vraag welke pagina’s je nodig hebt en wat daarop moet staan. Pas daarna komt het uiterlijk. Wil je dat iemand meekijkt naar de structuur en vindbaarheid van je (nieuwe) site? Bekijk dan onze aanpak voor zoekmachine optimalisatie.

Veelgestelde vragen