1. SCHRIJVEN
VOOR HET WEB
LOGO Oost-Brabant – 13/12/2013
CREATIEF SCHRIJVEN VZW

2. SCHRIJVEN VOOR HET WEB
Goedemorgen!
kristof@creatiefschrijven.be
@kristofdhanens
CREATIEF SCHRIJVEN VZW

3. OVER MENSEN EN WEBSITES
CREATIEF SCHRIJVEN VZW

4. OVER MENSEN EN WEBSITES
Mensen lezen tekst op een beeldscherm anders dan op papier:
• gemiddeld 25% trager
• onthouden gelezen tekst minder goed
• slechts 19% leest tekst woord voor woord
• lezen verticaal
Mensen scannen pagina’s op zoek naar bruikbare informatie
Pas als ze bij de juiste informatie aankomen doen ze de moeite om
die echt te lezen
CREATIEF SCHRIJVEN VZW

5. OVER MENSEN EN WEBSITES
Mensen…
• zoeken op het web met een bepaalde vraag of taak in het
achterhoofd.
• zoeken op het web met hun eigen woorden.
• zijn gehaast en ongeduldig.
• houden niet van lange teksten online.
CREATIEF SCHRIJVEN VZW

6. OVER MENSEN EN WEBSITES
MICROCONTENT
• Kop (soms in de vorm van een hyperlink naar niveau 2)
• Lead (samenvattende zinnen)
• Hyperlink onder de lead (naar niveau 2)
• Locatie: homepage
• Maximaal 50 woorden
MESOCONTENT
• Tekstblokken of chunks: 1, 2, 3…
• Linken naar elkaar en/of naar niveau 3
• Maximaal 150 woorden
MACROCONTENT
• Onbeperkt aantal woorden.
• Vaak niet-aangepaste teksten in PDF- of doc-formaat.
CREATIEF SCHRIJVEN VZW

7. HAPKLARE BROKKEN TEKST
CREATIEF SCHRIJVEN VZW

8. HET COMMUNICATIESCHEMA
Zender
CREATIEF SCHRIJVEN VZW
Boodschap
Ontvanger

9. VERTREK VANUIT JE LEZER
CREATIEF SCHRIJVEN VZW

10. VERTREK VANUIT JE LEZER
CREATIEF SCHRIJVEN VZW

11. NAVIGATIE
In functie van je lezer
breadcrumbs
CREATIEF SCHRIJVEN VZW

12. NAVIGATIE
CREATIEF SCHRIJVEN VZW

13. NAVIGATIE
CREATIEF SCHRIJVEN VZW

14. DOELTREFFENDE WEBTEKSTEN
KOP
LEAD
KORTE
ALINEA’S
LINKS
FOTO
WITREGELS
TUSSENKOP
CREATIEF SCHRIJVEN VZW

15. DOELTREFFENNDE WEBTEKSTEN
CREATIEF SCHRIJVEN VZW

16. DOELTREFFENNDE WEBTEKSTEN
CREATIEF SCHRIJVEN VZW

17. DOELTREFFENDE WEBTEKSTEN
Oprolbaar schrijven: de omgekeerde piramide
Belangrijkste
Belangrijkste
Papier
CREATIEF SCHRIJVEN VZW
Internet

18. DOELTREFFFENDE WEBTEKSTEN
De Hoofdkop
• Denk aan scannende lezer!
• Geef antwoord op de belangrijkste W-vraag
CREATIEF SCHRIJVEN VZW

19. DOELTREFFFENDE WEBTEKSTEN
Een goed kop is:
•Aantrekkelijk: gebruik woorden die de lezer aanspreken
•Duidelijk: dit gaat voor op woordspelingen en leuke vondsten
•Volledig: de titel moet op zichzelf kunnen staan
•Beknopt: maximaal 8 woorden
•Correct: schept geen foute verwachtingen
CREATIEF SCHRIJVEN VZW

20. DOELTREFFFENDE WEBTEKSTEN
Het belang van een goede kop:
CREATIEF SCHRIJVEN VZW

21. DOELTREFFFENDE WEBTEKSTEN
De lead
• Eerste alinea
• Zegt waar webtekst over gaat
• Teasen + lezer overtuigen om verder te lezen
• 5W’s + H
• Niet volledig in vet zetten
CREATIEF SCHRIJVEN VZW

22. OPDRACHT 1
Schrijf een nieuwsbericht dat de volgende weken op je site zou
kunnen komen
CREATIEF SCHRIJVEN VZW

23. LAY-OUT
• Gebruik schreefloze lettertypes zoals arial of verdana
• Voldoende witruimte: meer rust
• Vermijd cursief: leest minder vlot.
• Niet roepen: opletten met uitroeptekens of hele zinnen in hoofdletters
• Laat je lezer nooit horizontaal scrollen
• Donkere letters op een lichte achtergrond zijn het duidelijkst.
• Afbeeldingen moeten de tekst ondersteunen.
CREATIEF SCHRIJVEN VZW

24. LAY-OUT
CREATIEF SCHRIJVEN VZW

25. LINKS
Soorten links:
• Intern vs. extern
• Grafisch vs. tekstueel
Zorg altijd dat het duidelijk is dat het om een link gaat!
• foto + tekst
• Nooit onderlijnen als het geen link is
CREATIEF SCHRIJVEN VZW

26. LINKS
Waarop letten?
• Beperk het aantal links in lopende tekst
• Een link = een oproep tot actie
• Zorg dat ze werken!
• Link naar de homepagina
• websites: http://www.creatiefschrijven.be
• e-mailadressen: mailto:info@creatiefschrijven.be
CREATIEF SCHRIJVEN VZW

27. LINKS
http://www.creatiefschrijven.be
versus
http://creatiefschrijven.be/index.php?onderdeel=1972&titel=Schrijfdo
centenopleiding
Let op! Steek je links altijd achter carewords
CREATIEF SCHRIJVEN VZW

28. LINKS
Klik hier voor het cursusaanbod van Creatief Schrijven
Het inschrijvingsformulier voor de vorming vind je hier
Blader door het cursusaanbod van Creatief Schrijven
Inschrijven
CREATIEF SCHRIJVEN VZW

29. LINKS
CREATIEF SCHRIJVEN VZW

30. FOTO’S GEBRUIKEN
Waarop letten?
• Auteursrecht vs. portretrecht
• Gebruik sprekende foto’s
• Gebruik foto’s met mensen op
• Laat personen altijd naar de tekst kijken
• Knip je foto’s op de juiste grootte (Photoshop of Paint.net)
• Gebruik Alternatieve Tekst
CREATIEF SCHRIJVEN VZW

31. CREATIVE COMMONS
www.flickr.com
CREATIEF SCHRIJVEN VZW

32. LICENTIEVRIJE FOTO’S
www.sxc.hu
CREATIEF SCHRIJVEN VZW

33. LICENTIEVRIJE FOTO’S
Google.com > geavanceerd zoeken
CREATIEF SCHRIJVEN VZW

34. LICENTIEVRIJE FOTO’S
CREATIEF SCHRIJVEN VZW
Wikimedia Commons

35. MEDIA INTEGREREN
Werken met embed code
• Voor filmpjes (YouTube, Vimeo, …)
• PDF (Issuu)
• Google Maps (kaartjes)
CREATIEF SCHRIJVEN VZW
<iframe width="425" height="350" frameborder="0"
scrolling="no" marginheight="0" marginwidth="0"
src="http://maps.google.com/maps?f=q&amp;source=s
_q&amp;hl=nl&amp;geocode=&amp;q=Antwerpen,+Be
lgi%C3%AB&amp;aq=0&amp;sll=37.0625,95.677068&amp;sspn=43.307813,107.138672&amp;v
psrc=0&amp;ie=UTF8&amp;hq=&amp;hnear=Antwerp
en,+Vlaams+Gewest,+Belgi%C3%AB&amp;t=m&amp;
z=11&amp;ll=51.21992,4.39625&amp;output=embed">
</iframe><br /><small><a
href="http://maps.google.com/maps?f=q&amp;source=
embed&amp;hl=nl&amp;geocode=&amp;q=Antwerpen
,+Belgi%C3%AB&amp;aq=0&amp;sll=37.0625,95.677068&amp;sspn=43.307813,107.138672&amp;v
psrc=0&amp;ie=UTF8&amp;hq=&amp;hnear=Antwerp
en,+Vlaams+Gewest,+Belgi%C3%AB&amp;t=m&amp;
z=11&amp;ll=51.21992,4.39625"
style="color:#0000FF;text-align:left">Grotere kaart
weergeven</a></small>

36. YOUTUBE
CREATIEF SCHRIJVEN VZW

37. NIEUWSBRIEF
CREATIEF SCHRIJVEN VZW

38. OPDRACHT 2
Maak je nieuwsbericht scanbaar en voeg media toe
CREATIEF SCHRIJVEN VZW

39. VRAGEN?
VRAGEN?
kristof@creatiefschrijven.be
SLIDES
www.slideshare.com/creatiefschrijven
www.creatiefschrijven.be | Facebook.com/creatiefschrijv | @creatiefschrijv
CREATIEF SCHRIJVEN VZW