Schrijven voor het web

1,442 views

Published on

Presentatie over de verschillende aspecten van het schrijven van teksten voor websites. Daarnaast een vertaling van schrijven op taalniveau B1 naar het web.

Published in: Business, Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,442
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
0
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Schrijven voor het web

  1. 1. /aqtion maakt ‘t<br />Schrijven voor het web<br />
  2. 2. Waar gaan we het over hebben<br />Schrijvenvoor het web<br />Doelgroepen<br />Toegankelijkheid, vindbaarheid en gebruiksvriendelijkheid<br />Schrijven op B1-taalniveau<br />Aan de slag! <br />
  3. 3. Ken je doelgroep<br />Hoe komen bezoekers op de website terecht?<br />Google Analytics resultaten<br />
  4. 4. Ken je doelgroep<br />Bezoekers komen in ruim 50% van de gevallen binnen via eenzoekmachine (meestal Google)<br />Bezoekers volgen niet altijd de hiërarchische structuur: komen in lang niet alle gevallen dan op de homepage uit<br />Dus: zie iedere pagina als een homepage! Iedere webpagina moet je los van een andere webpagina kunnen lezen<br />
  5. 5. Je websitebezoekers<br />‘Gewone’ websitebezoekers. Bekijken de website met een browser zoals Internet Explorer, Firefox, Safari (Apple) of Chrome<br />Websitebezoekers met een handicap. Bekijken de website met een screenreader zoals Thunder, of met een braillelezer, of maken gebruik van de ‘lees voor’-functie<br />Zoekmachines. Spideren de website<br />
  6. 6. Hoe bekijken bezoekers een website?<br />Heatmap<br />Eyetracking onderzoek: F-vorm<br />
  7. 7. De websitebezoeker<br />Bekijkt de website in een F-vorm<br />Makkelijk en snel te scannen teksten: informatie overzichtelijk presenteren<br />Veel tussenkoppen<br />Veel witruimtes<br />Niet te lange alinea’s<br />Korte zinnen en duidelijke tekst<br />Opsommingen<br />
  8. 8. De websitebezoeker met een handicap<br />Denk aan: blind, slechtziend, dyslexie, kleurenblind, doof of slechthorend (alternatief voor audio), mensen die de muis niet goed kunnen bedienen <br />Bekijkt de website (meestal) niet via een ‘bekende’ browser, maar via screenreader, brailleleesregels of bekijkt de website met grote letters / lees voor. <br />Bijvoorbeeld screenreader (voor slechtzienden en blinden): programma dat de website voorleest <br />
  9. 9. Voorbeeld screenreader<br />
  10. 10. De websitebezoeker met een handicap<br />Heeft veel behoefte aan structuur<br />Structuur zowel voor als achter de schermen: deel is techniek, deel is webredactie<br />Techniek: semantiek broncode, verborgen navigatie, ‘lees voor’-mogelijkheid, grote letters, etc<br />Webredactie: links, afbeeldingen, (tussen)koppen, etc<br />
  11. 11. De websitebezoeker met een handicap<br />Er zijn richtlijnen opgesteld voor toegankelijke websites<br />Waarmerk Drempelvrij<br />Drie niveaus:Toegankelijkheid prioriteit 1Toegankelijkheid prioriteit 2Webrichtlijnen<br />
  12. 12. Quickscan <br />Niveau 1 = voldoen aan 16 eisenNiveau 2 = voldoen aan 46 eisenNiveau 3 = voldoen aan 125 eisen<br />Zelf testen of een webpagina voldoet aan 47 van de 125 richtlijnen<br />www.webrichtlijnen.nl <br />
  13. 13. Voorbeeld webrichtlijn voor webredacteur<br />IJkpunt 10.1: Zorg ervoor dat communicatieve <br />elementen hun betekenis niet alleen via kleur <br />overbrengen<br />
  14. 14. Voorbeeld webrichtlijn voor webredacteur<br />IJkpunt 10.1: Zorg ervoor dat communicatieve <br />elementen hun betekenis niet alleen via kleur <br />overbrengen<br />
  15. 15. Zoekmachine<br />Spidert websites ‘eens in de zoveel tijd’ Frequentie groter als er vaker nieuwe content is<br />Eigenlijk je grootste blinde bezoeker<br />Je kunt kijken door de ogen van een zoekmachineVia bijvoorbeeld: www.seo-browser.comwww.webconfs.com <br />
  16. 16. Wat ‘ziet’ een zoekmachine?<br />De broncode van de pagina<br />Teksten op de pagina zelf<br />Links die naar de pagina toegaan en de linkteksten, zowel van de eigen site als van externe websites<br />Paginatitel en metagegevens<br />Structuur van de pagina (tussenkoppen (H2, H3), Opsommingen, Tabellen, vetgedrukt/schuin<br />Alternatieve teksten van afbeeldingen en video<br />Linkteksten naar documenten en andere pagina’s<br />
  17. 17. Wat ‘ziet’ een zoekmachine niet?<br />Afbeeldingen<br />Animaties in bijvoorbeeld Flash<br />Kaarten<br />Video’s<br />De opmaak van de pagina<br />
  18. 18. Hoe werkt de zoekmachineranking? (1)<br />Google kijkt naar: <br />Links vanaf (andere) websites naar de pagina‘Blijkbaar is een pagina belangrijk als er vaak naar wordt gelinkt’<br />Inhoud linkteksten. Vergelijk ‘Ondernemersagenda’ als linktekst met ‘klik hier voor meer informatie’ <br />Trefwoorden die op de pagina voorkomen. Het is niet ‘hoe vaker, hoe beter’. Google is ook niet dom ;) Keyword density: circa 5 – 10 %<br />
  19. 19. Hoe werkt de zoekmachineranking? (2)<br />Google kijkt naar: <br />Trefwoorden die worden weergegeven in de paginatitel, tussenkoppen, vetgedrukt/schuin, achter afbeeldingen, in tabellen, opsommingen, etc. ‘Dan is het kennelijk een belangrijk woord voor die pagina’<br />Techniek (W3C, laadtijd van de pagina, etc)<br />
  20. 20. Hoe werkt de zoekmachineranking?<br />
  21. 21. Dus wat is van belang? <br />Zoekmachine (en websitebezoeker met beperking) vormt zich een beeld van de pagina op basis van:structuuralternatieve gegevenscontent<br />Overigens goede structuur en content ook van belang voor ‘gewone’ websitebezoeker! <br />
  22. 22. Wat zijn deze alternatieve gegevens?<br />Paginatitel (metatitle)<br />Paginaomschrijving (metadescription)<br />Zoekwoorden (keywords)<br />Tussenkoppen<br />Links<br />Alt-teksten bij afbeeldingen<br />Tabellen<br />Documenten<br />URL<br />
  23. 23. Paginatitel (metatitle)<br />Geeft goede omschrijving van de pagina<br />Staat bovenaan de pagina, in menu, in overzicht<br />Wordt weergegeven in rangorde als ‘H1’<br />Idealiter 8 – 10 woorden (richtlijn, geen verplichting) <br />Wordt in Google weergegeven als titel<br />Trefwoorden in paginatitel belangrijk voor ranking zoekmachine<br />Titel ook aantrekkelijk genoeg om op door te klikken<br />
  24. 24. Paginaomschrijving (metadescription)<br />Geeft goede omschrijving van de inhoud van de pagina<br />Trefwoorden in omschrijving belangrijk voor ranking<br />Maximaal 250 tekens<br />Wordt vaak in Google weergegeven als omschrijving<br />Wordt ook in ‘eigen’ zoekresultaten en in overzichten (vacatures, nieuws) weergegeven als omschrijving<br />Call to action (aantrekkelijk genoeg om door te klikken)<br />
  25. 25. Zoekwoorden (keywords) <br />Geeft de belangrijkste trefwoorden van de pagina weer<br />Werd eerder veel door Google gebruikt, maar nu in mindere mate. Wordt wel (deels) gebruikt door interne zoekmachine. <br />Maximaal 200 tekens<br />
  26. 26. Tussenkoppen<br />Zijn belangrijk voor structuur en leesbaarheid <br />Vullers: Worden weergegeven als H2, H3, etc (niet vet)<br />Maken het de websitebezoeker makkelijk om een website te scannen<br />Is voor de websitebezoeker met handicap en zoekmachine makkelijk om de structuur beter te doorgronden<br />Zoekmachine vindt trefwoorden als tussenkop (H2, H3, etc) belangrijker dan ‘platte tekst’<br />
  27. 27. Voorbeelden: <br />
  28. 28. Links<br />Belangrijk om goede, beschrijvende linktitel mee te geven<br />Dus niet: ‘Lees verder’ of ‘Klik hier voor meer informatie’ <br />Wel: ‘Alles over de gemeente’ of ‘Overzicht woonzorgcentra in Noord-Holland’ <br />Bezoeker wil graag vooraf weten wat er achter een link zit (geen verrassingen!), dus kondig het aan als de bezoeker naar een andere website gaat<br />
  29. 29. Links<br />Bezoeker wil ook graag meteen het antwoord vindenop de beloofde inhoud in de link, dus zorg dat de linkomschrijving de lading goed dekt! <br />Inhoud linkteksten ook extra belangrijk voor websitebezoekers met een handicap (overzicht van alle links) en zoekmachines (trefwoorden in linktekst zeggen iets over inhoud pagina) <br />In CMS automatisch melding bij externe website (icoon)<br />
  30. 30. Voorbeelden:<br />
  31. 31. Alt-teksten bij afbeeldingen<br />Alternatieve tekst (alt-tekst) voor als afbeeldingenniet worden weergegeven <br />Tekst zie je als je met je muis over de afbeelding heengaat en je cursor stilhoudt<br />Belangrijk voor zoekmachine, bezoeker die afbeeldingen niet kan zien (screenreader, afbeelding kan niet worden geladen, etc)<br />Let ook op naamgeving afbeelding zelf (niet: DCX7865097.jpg, maar: Zorginstelling_Bloemenhof.jpg)<br />
  32. 32. Tabellen<br />Hebben altijd een beschrijvende titel<br />Toegankelijkheid: altijd duiding rijen en kolommen<br />Duiding rijen en kolommen ook van belang voor zoekmachines en toegankelijkheid<br />Geen lege cellen, geen samengestelde cellen<br />
  33. 33. Tabellen: voorbeeld<br />Screenreader bij verkeerde opbouw leest:<br />In CMS voorkomen we dit door techniek, daarnaast mogen <br />er geen lege cellen voorkomen<br />
  34. 34. Documenten<br />Kunnen als bijlage worden geplaatst bij een webpagina<br />Komen onderaan de pagina in een lijst (dus niet in tekst) <br />Binnen tekst zelf dus verwijzing<br />Bij voorkeur documenten in PDF A1/A (= open standaard) en dus niet in Word<br />Ook hier weer: goede, beschrijvende linknaam<br />In CMS automatisch bestandsgrootte + bestandsformaat achter link <br />
  35. 35. URL<br />URL is bijvoorbeeld www.naam.nl/actie <br />Belangrijk dat de belangrijke trefwoorden in de URLstaan voor zoekmachines<br />In CMS automatisch paginatitel in URLBijvoorbeeld. www.naam.nl/categorie/actie in plaats van www.naam.nl/?pageid=876.html <br />Niet interessant voor schrijvers, wel voor webredacteur<br />
  36. 36. Samenvatting Schrijven voor het web<br />Goede mix zien te vinden tussen:Gebruiksvriendelijkheid (overzichtelijke presentatie, gebruik afbeeldingen en video’s) Toegankelijkheid (rekening houden met een brede doelgroep) Vindbaarheid (in zoekmachines) <br />
  37. 37. Even alles laten bezinken<br />Zijn er verder nog vragen?<br />Pauze<br />Na de pauze verder met Schrijven op B1-taalniveau<br />
  38. 38. Schrijven op B1-taalniveau<br />Verschillende taalniveaus vastgesteld door de Raad van Europa<br />TaalniveausA1 – A2 – B1 – B2 – C1 – C2<br />A1 = voorleesboek voor kinderen<br />C2 = wetenschappelijke tekst<br />
  39. 39. Schrijven op B1-taalniveau<br />Teksten van overheid en bedrijfsleven vaak te moeilijk<br />Meestal geschreven op C1-niveauLezers zijn beperkter taalvaardig dan de schrijvers van deze teksten<br />Oplossing? Verlaag het taalniveau van je teksten! Teksten op B1-taalniveau leesbaar voor circa 75% van je bezoekers<br />
  40. 40. Schrijven op B1-taalniveau<br />Structuur<br />Zinnen<br />Woorden<br />
  41. 41. B1 Structuur (1) <br />Kernboodschap vooraan: direct in eerste alineaZodat bezoeker meteen antwoord vindtPas in rest van de alinea’s achtergrondinformatie<br />Maak veel gebruik van tussenkoppenZodat de tekst makkelijk te scannen isNiet creatief in tussenkoppen (op web)Ideale tussenkop: 4 a 5 woorden, gericht op inhoudVullers: tussenkoppen in H2, H3, etc (dus niet bold) <br />
  42. 42. B1 Structuur (2) <br />Informatie die bij elkaar hoort, plaats je ook bij elkaarJe geeft duidelijke verbanden tussen informatieVerbindingswoorden en verwijzingen:‘deze’, ‘die’, ‘ook’, ‘daarna’<br />Je presenteert je tekst in hapklare brokkenIndeling in verschillende alinea’s (4 tot 6 regels) Maak gebruik van witruimtes, opsommingen, linksVullers: opsommingen niet zelf maken (met streepjes oid, maar via opmaak in CMS! <br />
  43. 43. B1 Structuur (3) <br />Iedere pagina moet los van een andere pagina gelezen kunnen worden op het web! Dus zorg altijd voor kop en staart<br />Lengte van een webtekstNiet één format voor aan te gevenUit ene onderzoek blijkt dat gebruikers liever klikken, uit ander onderzoek blijkt dat er liever wordt gescrolld.....In ieder geval niet té lang: plaats alleen die informatie die de bezoeker nodig heeft<br />
  44. 44. B1 Zinnen (1) <br />Niet te lange zinnen! Richtlijn: maximaal circa 15 woorden per zinAfwisselend wat langere en kortere zinnen, dat leest wel zo prettig<br />Schrijf actief en concreetGeen lijdende vormen: dit leest moeilijk en maakt een zin onnodig langHulpwerkwoorden zoveel mogelijk vermijden: zullen, kunnen, gaan<br />
  45. 45. B1 Zinnen (2)<br />Per zin één kernboodschapKernboodschap vooraan<br />Zeg wat je bedoeltGeen tangconstructiesGeen omslachtig of ontwijkend taalgebruikGeen dubbele ontkenningen<br />
  46. 46. B1 Woorden (2) <br />Gebruik alledaagse woordenDus woorden die vaak voorkomen<br />Geen: dure woorden, jargon, juridisch taalgebruik,ambtelijk taalgebruik, ouderwetse woorden, buitenlandse woorden<br />
  47. 47. B1 Woorden (1) <br />Geen uitdrukkingenMaar zo concreet mogelijk<br />Woorden met een negatieve klank zoveel mogelijk vermijden (zoals hier ;)) <br />
  48. 48. Testen of je tekst voldoet! <br />Doe de B1-test! <br />Op de website van Accessibilitywww.accessibility.nl/internet/tools/leesniveau_tool <br />
  49. 49. Aan de slag! <br />Zelf aan de slag:Checklist Schrijven voor het WebChecklist Schrijven op B1-niveauAanleverformat tekstenSchrijfwijzer <br />Na cursus aanspreekpunt voor vragen<br />

×