Handboek webcontent: meer focus, minder content

Inhoudsopgave

1. Inleiding
2. Uitgangspunten voor webcontent
   • 2.1 Relevant
   • 2.2 Gebruiksvriendelijk en bruikbaar
   • 2.3 Vindbaar
   • 2.4 Toegankelijk
3. Hoe mensen lezen op het web
   • 3.1 Mensen lezen langzamer en onrustiger
   • 3.2 Mensen lezen in een F-vorm
   • 3.3 Scanbare informatie
   • 3.4 Mensen scrollen echt wel als het interessant is
   • 3.5 Eenvoudige teksten zijn goed voor iedereen
   • 3.6 Zoekmachines zijn net mensen
4. Focus en simplicity
   • 4.1 Focus op de taak van de bezoeker
   • 4.2 Verwijder overbodige content
   • 4.3 Less is more (of minder, minder, minder)
   • 4.4 Van meningen naar feiten
   • 4.5 Van organisatiegerichte content naar klantgerichte content
   • 4.6 Schrap radicaal
5. Toegankelijke webcontent: content voor mensen met een functiebeperking
   • 5.1 Digitale toegankelijkheid is voldoen aan WCAG 2 level AA
   • 5.2 Opbouw WCAG
   • 5.3 Mensen met een beperking
   • 5.4 Browsen met een screenreader
   • 5.5 Koppenlijst en linklijst
   • 5.6 Toegankelijkheid, gebruiksvriendelijkheid en vindbaarheid
6. Zin en onzin over begrijpelijke taal
   • 6.1 Definitie van begrijpelijke taal
   • 6.2 Eenvoudig taalgebruik is goed voor iedereen
   • 6.3 Elke doelgroep hetzelfde taalniveau
   • 6.4 Begrijpelijke taal is ook goed voor zoekmachines
   • 6.5 Papier of digitaal: er is maar weinig verschil
7. Relevantie
   • 7.1 Taakgerichte webcontent: schrijf voor de toptaken van jouw websitebezoekers
   • 7.2 Taakgericht schrijven betekent veel weglaten
   • 7.3 Niet de vraag stellen, maar het antwoord geven
   • 7.4 Van organisatiegericht naar klantgericht
8. Navigatiepagina's en contentpagina's
   • 8.1 Navigeren en informeren
   • 8.2 Opbouw navigatiepagina
   • 8.3 Gebruik geen mengvorm
   • 8.4 Navigatiepagina en zoekmachines
   • 8.5 Navigeren via mega-menu
   • 8.6 Gebruik categorieën die logisch zijn voor de bezoeker
   • 8.7 Tips voor de categorie-indeling
   • 8.8 Conclusie: kies voor navigeren óf informatie, niet allebei
9. Structuur: opbouw in titel, lead en body
   • 9.1 Belang van structuur
   • 9.2 Belangrijkste bovenaan
   • 9.3 Opbouw in titel-lead-body
   • 9.4 Betekenisvolle titel
   • 9.5 Lead: bevat de kernboodschap
   • 9.6 Call-to-action en inhoudsopgave: direct na de lead
10. Structureren van de body met tussenkoppen en opsommingen
    • 10.1 Betekenisvolle tussenkoppen
    • 10.2 Opsommingen
    • 10.3 Paragraaf
    • 10.4 Alinea
    • 10.5 Lineaire content
11. Betekenisvol opmaken: fijn voor Google en onze blinde medemens
12. Headings voor betekenisvol opmaken
    • 12.1 Gebruik kopstijlen (headings) voor koppen
    • 12.2 Gebruik slechts één h1 per pagina
    • 12.3 Sla geen niveaus over
    • 12.4 Gebruik headings niet voor een pay-off, ondertitel of een opmerking
    • 12.5 Gebruik alleen headings als er ook content onder de heading staat
    • 12.6 Opsommingen in plaats van headings
13. Tabellen
    • 13.1 Html-code
    • 13.2 Eenvoudige 2-kolomstabel zonder rij- en kolomkoppen
    • 13.3 Tabel met alleen kolomkoppen
    • 13.4 Tabel met kolomkoppen en rij-koppen
    • 13.5 Voorbeeld niet goed opmaakte tabel
14. Taal en andere vormen van betekenisvol opmaken
    • 14.1 Taal van de pagina
    • 14.2 Stukje tekst in andere taal
    • 14.3 Blockquote
    • 14.4 Microdata met rich snippets
15. Microcontent: ankeilers voor verder lezen
    • 15.1 Definitie microcontent
    • 15.2 Opbouw microcontent
    • 15.3 Kenmerken goede microcontent
    • 15.4 Voorbeelden minder goede microcontent
16. Beeldinformatie met afbeeldingen en video
    • 16.1 Foto's
    • 16.2 Icoontjes
    • 16.3 Infographics: maak ze geschikt voor het web
    • 16.4 Beeldstrip als alternatief voor een infographic
    • 16.5 Banners
    • 16.6 Laaggeletterdheid en beeld
    • 16.7 Video
17. Toegankelijk en vindbaar maken van afbeeldingen
    • 17.1 Afbeeldingen plaatsen via html of css
    • 17.2 Afbeelding wel of niet decoratief?
    • 17.3 Alt-tekst: afhankelijk van het type afbeelding
    • 17.4 Alt-tekst ook afhankelijk van de context
    • 17.5 Lengte alt-tekst
    • 17.6 Afbeelding is niet aanklikbaar EN informatief
    • 17.7 Afbeelding is decoratief
    • 17.8 Afbeelding is aanklikbaar EN er is wel linktekst
    • 17.9 Afbeelding is aanklikbaar EN er is geen linktekst
    • 17.10 Afbeelding met complexe informatie
    • 17.11 Het logo van een site: informatief EN aanklikbaar
    • 17.12 Title-attribuut: meestal niet gebruiken
    • 17.13 Gebruik geen afbeeldingen van tekst
    • 17.14 Afbeelding met bijschrift
18. Kaartinformatie (geo-informatie)
    • 18.1 Een kaart is slechts een middel, denk aan het doel
    • 18.2 Breng niet alleen met kleur betekenis over
    • 18.3 Uitzondering: kaarten die niet bedoeld zijn voor navigatie
    • 18.4 Regels voor het toegankelijk aanbieden van kaartinformatie
19. Hyperlinks: verbinding leggen
    • 19.1 Korte geschiedenis van de hyperlink (mag je overslaan hoor)
    • 19.2 Verbindingen maken
    • 19.3 Soorten links
    • 19.4 Kenmerken van een goede linktekst
    • 19.5 Betekenisvolle linktekst
    • 19.6 Maak de linktekst kort
    • 19.7 Plaats de link op de plek waar de lezer is
    • 19.8 Geen link? Niet onderstrepen.
    • 19.9 Links naar externe sites, bestanden en e-mailadressen
    • 19.10 Links op de pagina zelf: ankerlinks
    • 19.11 Open geen nieuwe vensters (tenzij ...)
    • 19.12 Aanklikbare afbeeldingen
    • 19.13 Skiplink: dé link voor gebruikers die navigeren met het toetsenbord
    • 19.14 Vormgeving linktekst
20. Pdf en andere documenten op de site
    • 20.1 Office-documenten
    • 20.2 Pdf? Kies liever voor html of EPUB
    • 20.3 Toegankelijk en vindbaar maken van pdf
    • 20.4 Meld ook formaat en grootte in de linktekst
    • 20.5 Pdf's uitsluiten van Google
21. Woordgebruik
    • 21.1 Kies de woorden van de bezoeker
    • 21.2 Gebruik woorden die veel gebruikt worden
    • 21.3 Gebruik concrete woorden
    • 21.4 Relatieve aanduidingen voor positie
    • 21.5 Schrap overbodige woorden
    • 21.6 Varieer je woordgebruik
    • 21.7 Gebruik geen jargon
    • 21.8 Vaktaal mag, maar leg het wel uit
    • 21.9 Vermijd beeldspraak
    • 21.10 Gebruik signaalwoorden of structuuraanduiders
    • 21.11 Gebruik geen relatieve tijdsaanduidingen zoals gisteren
    • 21.12 Afkortingen
    • 21.13 Cijfers
    • 21.14 Gebruik van speciale tekens
    • 21.15 Leestekens
22. Zinnen
    • 22.1 Schrijf wat je bedoelt
    • 22.2 Gebruik korte zinnen
    • 22.3 Zet bij elkaar wat bij elkaar hoort: vermijd tangconstructies
    • 22.4 Schrijf actief
    • 22.5 Schrijf in werkwoordstijl, niet in naamwoordstijl
    • 22.6 Schrijf direct
23. Zelfstandigheid van webcontent
    • 23.1 Zelfstandige of contextvrije content
    • 23.2 Pagina is zelfstandig
    • 23.3 Titel is zelfstandig
    • 23.4 Lead is zelfstandig
    • 23.5 Zelfstandige paragrafen en alinea's
    • 23.6 Onafhankelijk van tijd
24. Paginalay-out
    • 24.1 Verschillen in de lay-out bij de bezoeker
    • 24.2 Responsive: verschillende lay-outs voor verschillende beeldschermgroottes
    • 24.3 Indeling webpagina
    • 24.4 Gestaltprincipes
25. Opmaak van tekst
    • 25.1 CSS en HTML: de techniek van de opmaak van tekst
    • 25.2 Kies voor een schreefloos lettertype
    • 25.3 Regelafstand
    • 25.4 Regellengte
    • 25.5 Kies de lettergrootte niet te klein
    • 25.6 Cursief en vet
    • 25.7 Gebruik een aparte stijl voor de opmaak van de lead
    • 25.8 Gebruik een [Enter] om naar een nieuwe alinea te gaan
    • 25.9 Gebruik bij opsommingen de opsommingsopties van de teksteditor
    • 25.10 Gebruik HTML-headings voor de opmaak van koppen
    • 25.11 Zorg voor een goed contrast
    • 25.12 Weergave van hyperlinks
    • 25.13 Schrijf niet alles in hoofdletters
    • 25.14 Call-to-action
    • 25.15 Een goed opgemaakte tekst leest makkelijker
    • 25.16 Verder lezen over leesbaarheid van tekst
26. Content invoeren met een cms
    • 26.1 Vormgeving van tekst in css
    • 26.2 De WYSIWYG-editor van het cms
    • 26.3 Wat de editor niet mogelijk moet maken
    • 26.4 Wel in de editor
    • 26.5 Tekst invoeren via de editor
    • 26.6 Handige tips