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. Navigatiepagina's en contentpagina's
   • 7.1 Navigeren en informeren
   • 7.2 Opbouw navigatiepagina
   • 7.3 Gebruik geen mengvorm
   • 7.4 Navigatiepagina en zoekmachines
   • 7.5 Navigeren via mega-menu
   • 7.6 Gebruik categorieën die logisch zijn voor de bezoeker
   • 7.7 Tips voor de categorie-indeling
   • 7.8 Conclusie: kies voor navigeren óf informatie, niet allebei
8. Microcontent: ankeilers voor verder lezen
   • 8.1 Definitie microcontent
   • 8.2 Opbouw microcontent
   • 8.3 Kenmerken goede microcontent
   • 8.4 Voorbeelden minder goede microcontent
9. Betekenisvol opmaken: fijn voor Google en onze blinde medemens
10. Headings voor betekenisvol opmaken
    • 10.1 Gebruik kopstijlen (headings) voor koppen
    • 10.2 Gebruik slechts één h1 per pagina
    • 10.3 Sla geen niveaus over
    • 10.4 Gebruik headings niet voor een pay-off, ondertitel of een opmerking
    • 10.5 Gebruik alleen headings als er ook content onder de heading staat
    • 10.6 Opsommingen in plaats van headings
11. Tabellen
    • 11.1 Html-code
    • 11.2 Eenvoudige 2-kolomstabel zonder rij- en kolomkoppen
    • 11.3 Tabel met alleen kolomkoppen
    • 11.4 Tabel met kolomkoppen en rij-koppen
    • 11.5 Voorbeeld niet goed opmaakte tabel
12. Andere vormen van betekenisvol opmaken
    • 12.1 Opmaken van tekst
    • 12.2 Blockquote
    • 12.3 Microdata met rich snippets
13. De Schijf van 6 voor webcontent
14. Relevantie
    • 14.1 Taakgerichte webcontent: schrijf voor de toptaken van jouw websitebezoekers
    • 14.2 Taakgericht schrijven betekent veel weglaten
    • 14.3 Niet de vraag stellen, maar het antwoord geven
    • 14.4 Van organisatiegericht naar klantgericht
15. Zelfstandigheid van webcontent
    • 15.1 Zelfstandige of contextvrije content
    • 15.2 Pagina is zelfstandig
    • 15.3 Titel is zelfstandig
    • 15.4 Lead is zelfstandig
    • 15.5 Zelfstandige paragrafen en alinea's
    • 15.6 Onafhankelijk van tijd
16. Structuur: opbouw in titel, lead en body
    • 16.1 Belang van structuur
    • 16.2 Belangrijkste bovenaan
    • 16.3 Opbouw in titel-lead-body
    • 16.4 Betekenisvolle titel
    • 16.5 Lead: bevat de kernboodschap
    • 16.6 Call-to-action en inhoudsopgave: direct na de lead
17. Structureren van de body met tussenkoppen en opsommingen
    • 17.1 Betekenisvolle tussenkoppen
    • 17.2 Opsommingen
    • 17.3 Paragraaf
    • 17.4 Alinea
    • 17.5 Lineaire content
18. Content invoeren met een cms
    • 18.1 Vormgeving van tekst in css
    • 18.2 De WYSIWYG-editor van het cms
    • 18.3 Wat de editor niet mogelijk moet maken
    • 18.4 Wel in de editor
    • 18.5 Tekst invoeren via de editor
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. Woordgebruik
    • 20.1 Kies de woorden van de bezoeker
    • 20.2 Gebruik hoogfrequente woorden
    • 20.3 Gebruik concrete woorden
    • 20.4 Relatieve aanduidingen voor positie
    • 20.5 Schrap overbodige woorden
    • 20.6 Varieer je woordgebruik
    • 20.7 Gebruik geen jargon
    • 20.8 Vaktaal mag, maar leg het wel uit
    • 20.9 Vermijd beeldspraak
    • 20.10 Gebruik signaalwoorden of structuuraanduiders
    • 20.11 Gebruik geen relatieve tijdsaanduidingen zoals gisteren
    • 20.12 Voorkom voorzetseluitdrukkingen
    • 20.13 Afkortingen
    • 20.14 Cijfers en begrijpelijkheid
    • 20.15 Gebruik van speciale tekens
    • 20.16 Leestekens
21. Zinnen
    • 21.1 Schrijf wat je bedoelt
    • 21.2 Gebruik korte zinnen
    • 21.3 Zet bij elkaar wat bij elkaar hoort: vermijd tangconstructies
    • 21.4 Schrijf actief
    • 21.5 Schrijf in werkwoordstijl, niet in naamwoordstijl
    • 21.6 Schrijf direct
22. Beeldinformatie met afbeeldingen
    • 22.1 Foto's
    • 22.2 Icoontjes
    • 22.3 Infographics
    • 22.4 Banners
    • 22.5 Laaggeletterdheid en beeld
    • 22.6 Video
    • 22.7 Tips voor video toegankelijk op YouTube
23. Toegankelijk en vindbaar maken van afbeeldingen
    • 23.1 Afbeeldingen plaatsen via html of css
    • 23.2 Alt-tekst: afhankelijk van het type afbeelding
    • 23.3 Alt-tekst ook afhankelijk van de content
    • 23.4 Lengte alt-tekst
    • 23.5 Afbeelding is niet aanklikbaar EN informatief
    • 23.6 Afbeelding is decoratief
    • 23.7 Afbeelding is aanklikbaar EN er is wel linktekst
    • 23.8 Afbeelding is aanklikbaar EN er is geen linktekst
    • 23.9 Afbeelding met complexe informatie
    • 23.10 Het logo van een site: informatief EN aanklikbaar
    • 23.11 Title-attribuut: niet gebruiken
    • 23.12 Gebruik geen afbeeldingen van tekst
24. Kaartinformatie (geo-informatie)
    • 24.1 Kaart is slechts een middel, denk aan het doel
    • 24.2 Breng niet alleen met kleur betekenis over
    • 24.3 Uitzondering: kaarten die niet bedoeld zijn voor navigatie
    • 24.4 Regels voor het toegankelijk aanbieden van kaartinformatie
25. Paginalay-out en tekstopmaak
    • 25.1 Verschillen bij de bezoeker
    • 25.2 Responsive: verschillende lay-outs voor verschillende beeldschermgroottes
    • 25.3 Indeling webpagina
    • 25.4 Gestaltprincipes
    • 25.5 Tekstopmaak
    • 25.6 Html en css
    • 25.7 Soort font
    • 25.8 Fontgrootte
    • 25.9 Regelafstand
    • 25.10 Regellengte
    • 25.11 Contrast tekst en achtergrond
    • 25.12 Weergave van hyperlinks
    • 25.13 Call-to-action