Naar inhoud
Trainingen
E-books
Artikelen
Docenten
Over ons
Contact
Inloggen
Zoeken
Home
E-books
Handboek webcontent: meer focus, minder content
Inhoudsopgave
Weergave:
beknopt
uitgebreid
Inleiding
Uitgangspunten voor webcontent
2.1 Relevant
2.2 Gebruiksvriendelijk en bruikbaar
2.3 Vindbaar
2.4 Toegankelijk
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
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
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
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
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
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
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
Structureren van de body met tussenkoppen en opsommingen
10.1 Betekenisvolle tussenkoppen
10.2 Opsommingen
10.4 Paragraaf
10.5 Alinea
10.6 Lineaire content
Betekenisvol opmaken: fijn voor Google en onze blinde medemens
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
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.6 Voorbeeld niet goed opmaakte tabel
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
Microcontent: ankeilers voor verder lezen
15.1 Definitie microcontent
15.2 Opbouw microcontent
15.3 Kenmerken goede microcontent
15.4 Voorbeelden minder goede microcontent
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
Afbeeldingen toegankelijk en vindbaar maken
17.1 Afbeeldingen plaatsen via html of css
17.2 Informatief of decoratief
17.5 Tekstueel alternatief bij informatieve afbeeldingen
17.6 Alt-tekst
17.8 Omschrijving in de omringende tekst
17.9 Bijschrift
17.10 Tabel bij een grafiek
17.12 Kaarten
17.14 Afbeelding is decoratief
17.15 Aanklikbare afbeelding
17.17 Het logo van een site: informatief EN aanklikbaar
17.18 Title-attribuut: niet gebruiken voor afbeeldingen
17.19 Gebruik geen afbeeldingen van tekst
17.21 WAI-ARIA: betere maar technische oplossingen voor tekstalternatieven
Kaartinformatie of 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
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
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
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
Zinnen
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
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
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
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
Toegankelijke social media
27.1 Niet het kanaal, wel de content
27.2 Schrijf direct duidelijke taal
27.3 Gebruik begrijpelijke hashtags
27.4 Gebruik geen emoticons
27.5 Gebruik emoji’s met mate
27.7 Vul de alt-tekst altijd in
27.8 Geef tekst in afbeelding een tekstueel alternatief
27.9 Live video hoeft niet toegankelijk
27.10 Eerder opgenomen video moet wel toegankelijk
27.11 Toegankelijkheidseisen voor video
Naar boven
