ma

16

jun

2014

Maak je tekst beter leesbaar

leesbare webtekst
 

Als je wilt dat de teksten op je website gelezen worden, kun je ze het beste zo aanbieden dat het lezen makkelijk is. Je teksten dragen tenslotte de inhoud van je website. Alles wat je aan je bezoekers te melden hebt, staat erin.

 

Waar moet je op letten bij het vormgeven van de tekst op je website?

Lettertypes voor teksten

Voor de teksten op je website is het vooral belangrijk dat ze makkelijk te lezen zijn. De teksten moeten de inhoud van je website overbrengen op je bezoekers. Het is daarom meestal verstandig om voor de teksten geen heel opvallend lettertype of afwijkende kleur te gebruiken.

Pas heel erg op met het gebruiken van handschrift lettertypes. Voor een kop of een bijzonder accent in de website zijn die heel geschikt. Voor een lange tekst werken ze meestal minder goed. Om een tekst in zo'n lettertype te lezen, moet je nu eenmaal meer moeite doen. 


weinig kleurcontrast
Te weinig kleurcontrast
Moeilijk leesbaar lettertype
Moeilijk leesbaar lettertype
priegelig lettertype
Elegant, maar priegelig lettertype

Lettertypes voor koppen

Koppen helpen je bezoekers om de structuur in een tekst te herkennen. Daarom worden koppen meestal groter gemaakt dan de normale tekst. Je kunt voor een kop ook een andere kleur of een ander lettertype gebruiken.

Voor je koppen kun je vaak prima bijzondere lettertypes of andere kleuren gebruiken. Dat is een goede manier om een eigen vormgeving en stijl aan je website te geven.


Webdesign: opvallende koppen

Moet ik voor links iets anders instellen?

Links op je website zet je er niet voor niets. Je biedt er je bezoekers een simpele verbinding naar een andere pagina die misschien ook interessant voor ze is.

Het is dus vaak een goed idee om voor links een iets andere kleur in te stellen. Zo maak je duidelijk dat die tekst net even anders is dan de rest.


webdesign: zichtbare links

Zorg voor contrast

Voldoende contrast helpt om je teksten makkelijker leesbaar te maken. Als je lichtgrijze tekst op een witte achtergrond zet, zitten je bezoekers al snel met hun ogen te knijpen om je teksten te lezen.

Als je merkt dat de teksten op je website moeilijk leesbaar zijn, kan het dus een goed idee zijn om meer contrast te creëren tussen de tekstkleur en de achtergrondkleur.


webdesign: contrast
webdesign: contrast

Gebruik kleurcodes om een consequente stijl te krijgen

Als je een goede kleur hebt gevonden, wil je die misschien op meer plekken op je website laten terugkomen. Je kunt bijvoorbeeld een standaard tekstkleur gebruiken en een andere kleur gebruiken om accenten te zetten. Zo kun je een aparte kleur instellen voor links en horizontale lijnen.

Om ervoor te zorgen dat je dan steeds dezelfde kleur gebruikt, kun je de kleurcode kopiëren. Die kun je dan steeds gebruiken als je een kleur instelt. Zo hou je je kleurgebruik consequent.


webdesign: passende kleuren

Beperk de lengte van je regels

Teksten met heel brede regels zijn meestal moeilijker te lezen. Als de layout voor je website dus een breed inhoudsgedeelte heeft, is het vaak slim in je teksten in meerdere kolommen te zetten. Zoals ik dat in deze blogpost ook heb gedaan. Bij smalle layouts is dit meestal niet nodig. Je wilt ook niet dat er maar een paar woorden op een regel passen.

Gebruik witruimte

Witruimte geeft wat meer lucht in je tekst. Bijvoorbeeld met witregels tussen alinea's of het element Afstand tussen teksten. Zo verdeel je een groot onoverzichtelijk blok tekst in kleine behapbare stukken.

 

Als je die kleine stukken dan ook nog duidelijke koppen geeft, wordt je website helemaal overzichtelijk en een stuk makkelijker leesbaar.

Verwijder verkeerde opmaak

Schrijf je de teksten voor je website eerst in een ander programma? Dan kan er bij het kopiëren van de tekst code mee komen voor de opmaak. De tekst heeft dan bijvoorbeeld een ander lettertype, een andere kleur of een andere regelafstand. Dat staat natuurlijk niet netjes op je website.

Als je zulke tekst op je website hebt, open dan het tekst-element, selecteer de tekst en gebruik de knop ‘Opmaak verwijderen’. Je herkent die knop aan het gum-icoon. Daarmee wordt alle opmaak code verwijderd en wordt je tekst netjes weergegeven.


Durf te schrappen

Je website heeft een doel. Je wilt dat je bezoekers nieuwe klanten worden, of je dat ze vermaakt worden op je website of dat ze informatie lezen die je op je site geeft. Het ontwerp van je website moet daar altijd aan bijdragen. Goed design ondersteunt het doel van je website.

 

Tijdens het werken aan de site of tijdens het brainstormen, kun je een beetje verliefd worden op je eigen ideeën.

De ultieme test is toch of die je helpen je doel te bereiken. Als dat niet zo is, moet je er soms voor kiezen dat ene bijzondere lettertype niet te gebruiken, ook als je er zelf heel erg fan van bent geworden.

 

Twijfel je? Vraag mensen dan wat ze van de verschillende instellingen vinden. De reacties helpen je vanzelf om je keuze te maken.


Like dit artikel:

Deel dit artikel:

Frank van Oosterhout

Jimdo all-rounder


Commentaar schrijven

Commentaren: 5
  • #1

    the-changemanager (zaterdag, 21 juni 2014 09:47)

    mooie tips

  • #2

    drawmylifes (zaterdag, 21 juni 2014 15:13)

    echt super handige tips.

    ps. bezoek ook een drawmylifes.jimdo.com
    we doen het gewoon voor de lol maar het zou leuk zijn als er wat meer mensen op zouden komen.
    dus als je dit leest doe ons een plesier en kijk ff wat je van onze site vind.
    en of je nog handige tips hebt.
    xxx draw my lifes

  • #3

    Y.Elizabeth (dinsdag, 24 juni 2014 18:35)

    Bedankt, goede tips ,ik hoop meer bezoekers te ontvangen en klanten. Zou een kijkje op mijn site willen nemen en mij laat weten wat u van mij site vindt.

    Groetjes Yanira

  • #4

    steventje1947 (donderdag, 26 juni 2014 11:08)

    ja we zijn een beetje verwend, met het automatisch verbeteren van je taal gebruik, dus hier een beetje opletten hoe je je taal gebruikt. Handig die tips!

  • #5

    band pass filter (woensdag, 24 augustus 2016 07:15)

    Dat is geweldig, dank u voor het delen, zeer nuttig voor mij!