20131213 schrijven voor het web logo oost brabant

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

Transcript of 20131213 schrijven voor het web logo oost brabant

Page 1: 20131213 schrijven voor het web logo oost brabant

SCHRIJVENVOOR HET WEB

CREATIEF SCHRIJVEN VZW

LOGO Oost-Brabant – 13/12/2013

Page 2: 20131213 schrijven voor het web logo oost brabant

SCHRIJVEN VOOR HET WEB

CREATIEF SCHRIJVEN VZW

Goedemorgen!

[email protected]

@kristofdhanens

Page 3: 20131213 schrijven voor het web logo oost brabant

OVER MENSEN EN WEBSITES

CREATIEF SCHRIJVEN VZW

Page 4: 20131213 schrijven voor het web logo oost brabant

OVER MENSEN EN WEBSITES

CREATIEF SCHRIJVEN VZW

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

Page 5: 20131213 schrijven voor het web logo oost brabant

OVER MENSEN EN WEBSITES

CREATIEF SCHRIJVEN VZW

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.

Page 6: 20131213 schrijven voor het web logo oost brabant

OVER MENSEN EN WEBSITES

CREATIEF SCHRIJVEN VZW

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.

Page 7: 20131213 schrijven voor het web logo oost brabant

HAPKLARE BROKKEN TEKST

CREATIEF SCHRIJVEN VZW

Page 8: 20131213 schrijven voor het web logo oost brabant

Boodschap Ontvanger

HET COMMUNICATIESCHEMA

CREATIEF SCHRIJVEN VZW

Zender

Page 9: 20131213 schrijven voor het web logo oost brabant

VERTREK VANUIT JE LEZER

CREATIEF SCHRIJVEN VZW

Page 10: 20131213 schrijven voor het web logo oost brabant

VERTREK VANUIT JE LEZER

CREATIEF SCHRIJVEN VZW

Page 11: 20131213 schrijven voor het web logo oost brabant

NAVIGATIE

CREATIEF SCHRIJVEN VZW

In functie van je lezer

breadcrumbs

Page 12: 20131213 schrijven voor het web logo oost brabant

NAVIGATIE

CREATIEF SCHRIJVEN VZW

Page 13: 20131213 schrijven voor het web logo oost brabant

NAVIGATIE

CREATIEF SCHRIJVEN VZW

Page 14: 20131213 schrijven voor het web logo oost brabant

DOELTREFFENDE WEBTEKSTEN

CREATIEF SCHRIJVEN VZW

KOP

LEAD

KORTE ALINEA’S

LINKS

FOTO

WITREGELS

TUSSENKOP

Page 15: 20131213 schrijven voor het web logo oost brabant

DOELTREFFENNDE WEBTEKSTEN

CREATIEF SCHRIJVEN VZW

Page 16: 20131213 schrijven voor het web logo oost brabant

DOELTREFFENNDE WEBTEKSTEN

CREATIEF SCHRIJVEN VZW

Page 17: 20131213 schrijven voor het web logo oost brabant

DOELTREFFENDE WEBTEKSTEN

CREATIEF SCHRIJVEN VZW

Papier Internet

Belangrijkste

Belangrijkste

Oprolbaar schrijven: de omgekeerde piramide

Page 18: 20131213 schrijven voor het web logo oost brabant

DOELTREFFFENDE WEBTEKSTEN

CREATIEF SCHRIJVEN VZW

De Hoofdkop

• Denk aan scannende lezer!

• Geef antwoord op de belangrijkste W-vraag

Page 19: 20131213 schrijven voor het web logo oost brabant

DOELTREFFFENDE WEBTEKSTEN

CREATIEF SCHRIJVEN VZW

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

Page 20: 20131213 schrijven voor het web logo oost brabant

DOELTREFFFENDE WEBTEKSTEN

CREATIEF SCHRIJVEN VZW

Het belang van een goede kop:

Page 21: 20131213 schrijven voor het web logo oost brabant

DOELTREFFFENDE WEBTEKSTEN

CREATIEF SCHRIJVEN VZW

De lead

• Eerste alinea

• Zegt waar webtekst over gaat

• Teasen + lezer overtuigen om verder te lezen

• 5W’s + H

• Niet volledig in vet zetten

Page 22: 20131213 schrijven voor het web logo oost brabant

OPDRACHT 1

CREATIEF SCHRIJVEN VZW

Schrijf een nieuwsbericht dat de volgende weken op je site zou kunnen komen

Page 23: 20131213 schrijven voor het web logo oost brabant

LAY-OUT

CREATIEF SCHRIJVEN VZW

• 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.

Page 24: 20131213 schrijven voor het web logo oost brabant

LAY-OUT

CREATIEF SCHRIJVEN VZW

Page 25: 20131213 schrijven voor het web logo oost brabant

LINKS

CREATIEF SCHRIJVEN VZW

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

Page 26: 20131213 schrijven voor het web logo oost brabant

LINKS

CREATIEF SCHRIJVEN VZW

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:[email protected]

Page 27: 20131213 schrijven voor het web logo oost brabant

LINKS

CREATIEF SCHRIJVEN VZW

http://www.creatiefschrijven.be

versus

http://creatiefschrijven.be/index.php?onderdeel=1972&titel=Schrijfdocentenopleiding

Let op! Steek je links altijd achter carewords

Page 28: 20131213 schrijven voor het web logo oost brabant

LINKS

CREATIEF SCHRIJVEN VZW

Klik hier voor het cursusaanbod van Creatief Schrijven

Het inschrijvingsformulier voor de vorming vind je hier

Blader door het cursusaanbod van Creatief Schrijven

Inschrijven

Page 29: 20131213 schrijven voor het web logo oost brabant

LINKS

CREATIEF SCHRIJVEN VZW

Page 30: 20131213 schrijven voor het web logo oost brabant

FOTO’S GEBRUIKEN

CREATIEF SCHRIJVEN VZW

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

Page 31: 20131213 schrijven voor het web logo oost brabant

CREATIVE COMMONS

CREATIEF SCHRIJVEN VZW

www.flickr.com

Page 32: 20131213 schrijven voor het web logo oost brabant

LICENTIEVRIJE FOTO’S

CREATIEF SCHRIJVEN VZW

www.sxc.hu

Page 33: 20131213 schrijven voor het web logo oost brabant

LICENTIEVRIJE FOTO’S

CREATIEF SCHRIJVEN VZW

Google.com > geavanceerd zoeken

Page 34: 20131213 schrijven voor het web logo oost brabant

LICENTIEVRIJE FOTO’S

CREATIEF SCHRIJVEN VZW Wikimedia Commons

Page 35: 20131213 schrijven voor het web logo oost brabant

MEDIA INTEGREREN

CREATIEF SCHRIJVEN VZW

Werken met embed code

• Voor filmpjes (YouTube, Vimeo, …)

• PDF (Issuu)

• Google Maps (kaartjes)

<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,+Belgi%C3%AB&amp;aq=0&amp;sll=37.0625,-95.677068&amp;sspn=43.307813,107.138672&amp;vpsrc=0&amp;ie=UTF8&amp;hq=&amp;hnear=Antwerpen,+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;vpsrc=0&amp;ie=UTF8&amp;hq=&amp;hnear=Antwerpen,+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>

Page 36: 20131213 schrijven voor het web logo oost brabant

YOUTUBE

CREATIEF SCHRIJVEN VZW

Page 37: 20131213 schrijven voor het web logo oost brabant

NIEUWSBRIEF

CREATIEF SCHRIJVEN VZW

Page 38: 20131213 schrijven voor het web logo oost brabant

OPDRACHT 2

CREATIEF SCHRIJVEN VZW

Maak je nieuwsbericht scanbaar en voeg media toe

Page 39: 20131213 schrijven voor het web logo oost brabant

VRAGEN?

CREATIEF SCHRIJVEN VZW

www.creatiefschrijven.be | Facebook.com/creatiefschrijv | @creatiefschrijv

VRAGEN?

[email protected]

SLIDES

www.slideshare.com/creatiefschrijven