Goede content (zoals begrijpelijke teksten en relevante afbeeldingen met een duidelijke omschrijving) vormt de basis van je website. Hoe beter de inhoud, hoe sneller bezoekers en zoekmachines jouw informatie zullen vinden. Hieronder staan tips om de content van je website te verbeteren en gaan we in op verbeterpunten die wij regelmatig op PRO-websites zien.
Hoofdtips voor beeldgebruik
Gebruik beeld dat aansluit bij de tekst. Dus niet steeds dezelfde stockfoto's plaatsen, omdat er niets anders beschikbaar is.
Zorg dat bezoekers de afbeelding begrijpen en wees terughoudend met gebruik van metaforen. Voor mensen die moeite hebben met lezen en/of het interpreteren van beeld helpt herkenbaarheid.
Behoefte aan tips en inspiratie? Kijk dan eens op de Beeldkompas-website van het Beeldcentrum van DPC.
Meer aandachtspunten bij beeldgebruik
Zorg dat meerdere foto’s naast elkaar (bijvoorbeeld in een nieuwsoverzicht of fotonavigatie) hetzelfde formaat hebben om een onrustig beeld en/of verspringende tekst te voorkomen.
Het CMS kan automatisch afbeeldingen voor overzichten schalen, maar je vergroot de kans op een goede uitsnede op de pagina als je deze beelden in ongeveer dezelfde verhouding (bijvoorbeeld allemaal liggend in plaats van staand en liggend door elkaar) in de mediabank plaatst.
Houd er rekening mee dat een te klein of groot afbeedingsformaat bij onder andere een beeldschrembrede afbeelding (hero-image) kan leiden tot een pixelige (onscherpe) afbeelding op de website.
Controleer dit dus altijd eerst in de previewomgeving, voordat je de afbeelding daadwerkelijk publiceert.
Ga terughoudend om met de carrousel (circulerende paginabrede foto’s), omdat je pagina daardoor wat onrustig kan ogen.
Maak je gebruik van een carrousel? Zorg dan dat alle afbeeldingen echt iets toevoegen en houd rekening met hoe het op verschillende schermformaten (desktop, smartphone en tablet) eruit ziet (gebruik hiervoor bijvoorbeeld de preview-optie in het CMS). Is de informatie op een kleiner scherm ook goed zichtbaar?
Let op de uitsnede van de afbeelding in relatie tot - bijvoorbeeld - een toptakenblok en/of attentieblok.
Kijk daarbij ook goed naar de scherpte van de afbeelding.
En ga op de webpagina bij beeldschermbrede foto’s altijd voor het formaat waarop de uitsnede het beste tot z’n recht komt (laag of hoog). Test dit niet alleen op desktop, maar ook op telefoon en tablet.
Maak infographics voor iedereen begrijpelijk als je deze als afbeelding plaatst. Soms worden afbeeldingen getoond die ook tijdens een presentatie of in een vergadering zijn besproken, maar die buitenstaanders zonder extra toelichting niet zullen snappen.
Daarnaast zijn teksten in een infographic niet altijd goed leesbaar, bijvoorbeeld omdat de lettergrootte heel klein of de contrastwaarde niet goed is.
Voor interactieve infographics maak je gebruik van Webapps. Ook dan moet je infographic begrijpelijk en digitaal goed toegankelijk zijn.
Plaats je foto’s van mensen (zoals medewerkers van je organisatie) op de site? Zorg dat je voldoet aan de Algemene Verordening Gegevensbescherming (AVG) en dat alle personen hiervoor vooraf toestemming hebben gegeven.
Haal je een foto van internet of uit een (eigen) databank? Controleer dan of je de foto op de site mag gebruiken. Soms mogen foto’s alleen voor bepaalde doeleinden of onderwerpen worden gebruikt. Ook mag een foto die voor een intranet of een brochure is gemaakt niet zomaar op een andere site worden geplaatst. Controleer altijd wat de afspraken zijn met de fotograaf of ontwerper.
Je kunt in het veld van een beeldschermbrede afbeelding (hero) een attentieblok of toptakenblok inzetten om incidentele content, actuele content en/of veelbekeken pagina’s uit te lichten.
Herhaal in dit linkveld geen navigatie die al elders op de pagina staat. 'Less is more' voor de bezoeker.
Tip: bezoekers vinden het ook prettig als er een duidelijke kop boven de verwijzingen staat en er niet meer dan 3 items in het toptakenblok te zien staan.
Bekijk hieronder een voorbeeld van een hero waaraan we zowel een toptakenblok als attentieblok hebben toegevoegd.
Hoofdtips voor taalgebruik
Maak teksten altijd zo doelgroepgericht mogelijk. Houd er ook rekening mee dat teksten tegenwoordig niet alleen gescand worden door mensen, maar ook door zoekmachines en AI.
Andere aandachtspunten bij het plaatsen van tekst
Schrijf een afkorting bij eerste gebruik helemaal uit; zet de afkorting daarna tussen haakjes en gebruik vervolgens de afkorting.
Een afkorting in de titel is toegestaan, mits je hem in eerste alinea voluit schrijft en de afkorting tussen haakjes vermeldt.
Is voor je doelgroep(en) duidelijk wat er staat? Geef waar nodig een toelichting , zeker als je jargon gebruikt. Houd er rekening mee dat ook in een professionele doelgroep het kennisniveau kan verschillen.
Wees terughoudend met het gebruik van cursieve en vette tekstmarkeringen om belangrijke zaken in de tekst te benadrukken.
Cursief is lastig leesbaar voor mensen met dyslexie. En mensen met een visuele beperking kunnen niet 'zien' dat een tekstdeel vet of cursief is gemaakt, omdat dit meestal niet wordt opgepikt door voorleessoftware.
Als je toch vet of cursief gebruikt, accentueer dan alleen woorden of zinsdelen, maar geen complete zinnen of alinea's. Gebruik in plaats van vetgemaakte tekst de header H4.
Iedereen moet op een gelijke manier gebruik kunnen maken van de informatie en dienstverlening van de overheid. Daarom streeft de Rijksoverheid naar inclusieve communicatie. Deze doelstelling geldt voor alle communicatiemiddelen, inclusief websites.
Bij inclusieve communicatie draait het niet alleen om digitale toegankelijkheid en de leesbaarheid van teksten, maar ook om het vermijden van stereotypen en ambtelijk taalgebruik.
Plaats op elke pagina een beknopte introductie, zodat bezoekers direct zien wat voor informatie op de pagina staat.
Ook op de homepage kun je een introtekst plaatsen. Het advies is om deze tekst op deze plek te beperken tot een korte alinea. Hierin staat globaal waar de website over gaat en, indien nodig, welke organisatie de afzender is.
Knip lange alinea's en/of introductieteksten op (voeg meer witregels toe) en gebruik eventueel meer tussenkoppen.
Ga op een standaard computerscherm uit van vier, maximaal 5 zinnen. Dan zijn jouw teksten niet alleen prettiger leesbaar en scanbaar op zowel desktop als mobiele apparaten (o.a. smartphones), maar verhoog je ook de vindbaarheid in Google en andere zoekmachines.
Zorg dat een bezoeker die alleen snel tussenkoppen scant direct kan begrijpen waar een alinea over gaat. Maak tussenkoppen dus niet te beknopt (dus niet 1 woord), maar ook niet te lang.
Plaats liever geen of zo min mogelijk inhoud op navigatiepagina’s (pagina's die subpagina’s bevatten). Bezoekers vinden anders minder makkelijk hun weg.
Plaats op navigatiepagina’s) bij voorkeur ook niet meer dan een introtekst, decoratieve afbeelding en/of video. Verdeel overige (langere) content over één of meerdere subpagina's.
Hier zie je een voorbeeld van een beeldschermbrede afbeelding (hero) met aan de linkerkant het attentieblok.
Het attentieblok (voorheen bekend als pushbericht) is alleen bedoeld voor tijdelijke mededelingen, zoals de promotie van een nieuw rapport of aankondiging van een belangrijk evenement.
Gebruik dit blok dus niet om uitgebreide welkomstteksten te plaatsen of om inhoudelijke en vaste content aan te bieden.
Zet verwijzingen naar de belangrijkste (meest bezochte) onderdelen op je website op de homepage in het redactioneel navigatieblok. Dit kunnen hoofdcategorieën zijn, maar bijvoorbeeld ook een belangrijk contactformulier.
Het toevoegen van een toelichting per onderdeel waarin je termen gebruikt waarop je bezoeker zoekt, maakt je homepage duidelijker en beter vindbaar in zoekmachines.
Ligt misschien voor de hand, maar toch gaat dit nog best vaak mis. Lees websiteteksten altijd goed na op taalfouten en typo's voordat je ze plaatst of vraag een collega om mee te kijken.
Gebruik ook altijd een spellingschecker.
Het geadviseerde taalniveau is B1. Voor overheidswebsites die zich op een breed publiek richten, is dat taalniveau A2.
Een bekend misverstand: taalniveau B1 is niet alleen bedoeld voor lager opgeleiden of mensen die moeite hebben met lezen. Uit onderzoek blijkt dat ook hoger opgeleiden en goed ingelezen professionals meestal liever teksten lezen op dit taalniveau.
Een tekst die is geschreven op taalniveau B1 leest voor iedereen namelijk gemakkelijker en sneller; zeker als je teksten online leest.
Op de Gebruiker Centraal-website vind je ook meer informatie over duidelijk taalgebruik en hoe je je doelgroep effectiever kunt bereiken.
Hier zie je een voorbeeld van een toptakenblok met een interne en extern link dat is toegevoegd aan een beeldschermbrede afbeelding (hero).e
Gebruik het toptakenblok om nieuwe content, actuele content en/of veelbekeken pagina's uit te lichten op de homepage.
Bezoekers vinden het duidelijker als er een kop boven de verwijzingen staat en er niet meer dan 3 items in het blok staan.
Gebruik het CMS op de juiste manier
Gebruik de beschikbare CMS-velden waarvoor ze zijn bedoeld. Plaats dus geen complete teksten in een introductieveld en zet tussenkoppen in de daarvoor bedoelde velden.
Dit verbetert niet alleen de leesbaarheid en online vindbaarheid van informatie, maar voorkomt ook dat een tekst niet aan de toegankelijkheidseisen voldoet.
Datzelfde geldt voor alle PRO-functionaliteiten. Zo is een tijdlijn bedoeld voor chronologische overzichten en niet als alternatief voor een alinea-indeling van informatie.
Kijk in de CMS-handleiding van Support als je niet goed weet hoe een onderdeel in de praktijk werkt of vraag Support om advies.
