Tekst en vormgeving worden vaak los van elkaar gemaakt: eerst het ontwerp met blindtekst, dan de echte tekst eroverheen. Het resultaat past zelden, omdat een mooi ogende lap tekst iets anders is dan een tekst die mensen op het scherm daadwerkelijk lezen. Goede webteksten en goed ontwerp versterken elkaar pas als ze samen ontstaan. Deze gids legt uit hoe je structuur, toon en lengte afstemt op de manier waarop mensen online lezen, zodat woord en beeld samen overtuigen.

Mensen lezen niet, ze scannen

Op het web leest bijna niemand een pagina woord voor woord. Mensen scannen: hun blik springt langs koppen, vetgedrukte woorden en opsommingen op zoek naar wat relevant is. Een tekst die daar geen rekening mee houdt, een dichte muur van zinnen, wordt overgeslagen, hoe goed hij ook geschreven is.

Schrijven voor het scherm betekent dus structureren voor de scannende lezer: korte alineas, sprekende tussenkoppen, en de kern bovenaan. Hoe je dat aanpakt, staat uitgebreid in het artikel schrijven voor scanners, en het sluit aan op de visuele hiërarchie die de blik stuurt.

Structuur die het ontwerp volgt

De structuur van je tekst en die van je pagina horen dezelfde te zijn. Een heldere koppenopbouw maakt een pagina niet alleen leesbaar, maar ook beter vindbaar, zoals beschreven in de gids over het SEO-fundament bij ontwerp. Een paar vaste principes helpen:

Deze opbouw maakt dat tekst en ontwerp dezelfde taal spreken: de witruimte, de koppen en de blokken vallen samen.

De juiste toon voor je merk

Tekst heeft een toon, net als beeld en kleur. Zakelijk, warm, nuchter of speels: die toon hoort bij je merk en moet aansluiten op de uitstraling van je ontwerp. Een strakke, premium vormgeving met joviale, slordige teksten voelt tegenstrijdig. De toon van je woorden is onderdeel van je merkverhaal.

Schrijf zoals je tegen een klant zou praten, niet zoals een brochure uit de jaren negentig. Spreek de lezer aan, gebruik begrijpelijke woorden en vermijd jargon dat alleen jij snapt. Dat maakt de tekst toegankelijk en menselijk, precies de toon die vertrouwen wekt.

Microcopy: de kleine teksten

De grote teksten krijgen de aandacht, maar de kleine sturen het gebruik. Microcopy zijn de knoplabels, de hints bij een formulierveld, de bevestiging na een verzending en de tekst van een foutmelding. Ze staan precies op de momenten waarop een bezoeker een beslissing neemt of twijfelt.

Goede microcopy is duidelijk en geruststellend. Een knop met "vraag vrijblijvend offerte aan" zegt meer dan "verzenden", en een vriendelijke foutmelding houdt iemand op de site in plaats van hem weg te jagen. Hoe je daarmee overtuigt, staat in microcopy die overtuigt en in knoppen die uitnodigen.

Tekst en ontwerp samen maken

De grootste fout is ontwerpen met blindtekst en daarna de echte tekst erin proppen. De lengtes kloppen niet, de koppen passen niet, en de hele balans verschuift. Werk daarom vanaf het begin met echte of bijna-echte teksten, een aanpak die ook in realistische situaties meenemen terugkomt.

Als woord en beeld samen groeien, versterken ze elkaar: de tekst krijgt de ruimte die hij verdient en het ontwerp houdt zijn ritme. Dat is precies wat een goede eerste indruk boven de vouw nodig heeft, waar kop, beeld en knop op elkaar zijn afgestemd.

Schrijven voor de bezoeker

Uiteindelijk schrijf je voor mensen, niet voor zoekmachines. Een tekst die prettig leest en duidelijk antwoord geeft op de vraag van de bezoeker, wordt ook door zoekmachines beter gewaardeerd. Het omgekeerde, schrijven met alleen zoekwoorden in gedachten, levert houterige teksten op die mensen wegjagen en je daarmee uiteindelijk ook in vindbaarheid schaden.

Houd dus de bezoeker voor ogen: wat wil hij weten, welke twijfel heeft hij, welke stap moet hij zetten? Een tekst die dat beantwoordt, doet zijn werk, ongeacht hoe mooi de pagina eromheen is.

Zelf doen of uitbesteden?

Niemand kent je vak beter dan jij, dus de inhoud van je teksten lever je vaak het beste zelf aan. De waarde van samenwerken zit in het afstemmen van die teksten op het ontwerp: structuur, lengte, toon en microcopy die met de vormgeving meebewegen. Dat neem ik mee in het webdesign en in een traject rond UX en gebruiksvriendelijkheid, zodat woord en beeld als een geheel werken.

Heb je sterke kennis maar twijfel je over de vorm, dan denk ik graag mee. Neem vrijblijvend contact op om je teksten en ontwerp op elkaar af te stemmen.

Veelgestelde vragen

Het werkt het best als ze samen ontstaan. Tekst die los van het ontwerp wordt geschreven, past zelden in de beschikbare ruimte, en een ontwerp dat met blindtekst is gemaakt, klapt in elkaar zodra de echte tekst erin staat. Schrijven en vormgeven horen hand in hand te gaan.

Zo lang als nodig en zo kort als kan. Mensen scannen op het scherm in plaats van te lezen, dus korte alineas, tussenkoppen en opsommingen werken beter dan lange lappen tekst. De lengte hangt af van het doel van de pagina, niet van een vast aantal woorden.

Microcopy zijn de kleine teksten die het gebruik sturen: knoplabels, foutmeldingen, hints bij formuliervelden en bevestigingen. Ze zijn klein maar bepalend, omdat ze precies op de momenten staan waarop een bezoeker een beslissing neemt of even twijfelt.

Voor de bezoeker, altijd. Een tekst die prettig leest en duidelijk is, wordt ook door zoekmachines beter gewaardeerd. Schrijven met alleen zoekwoorden in gedachten levert houterige teksten op die mensen wegjagen, en dat werkt uiteindelijk ook tegen je vindbaarheid.

Verder in de kennisbank: Het SEO-fundament bij ontwerp · Je merkverhaal op je website · Een conversiegerichte website