20110530 Schrijven voor het web (logo dender)

907 views
729 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
907
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

20110530 Schrijven voor het web (logo dender)

  1. 1. SCHRIJVEN VOOR HET WEB<br />LOGO DENDER <br />Maandag 30 mei 2011<br />Door: KristofD’hanens<br />
  2. 2. EEN KLEINE QUIZ<br />Verschilt webschrijven erg van papierschrijven?<br /> Neen, er is eigenlijkgeen verschil<br /><br /><ul><li>Ja, webteksten schrijf je op maat van het scherm </li></ul> Niet echt, alleen de presentatie moet wat anders, met meer witregels en tussenkopjes.<br />
  3. 3. OVER MENSEN EN WEBSITES<br />Mensen…<br /><ul><li>zoeken op het web met eenbepaaldevraag of taak in hetachterhoofd.
  4. 4. zoeken op het web met hun eigenwoorden.
  5. 5. zijngehaastenongeduldig.
  6. 6. houden niet van lange teksten online.</li></li></ul><li>OVER MENSEN EN WEBSITES<br />eenrichtingsverkeer<br />tweerichtingsverkeer<br />Een rond punt!<br />Zender<br />Boodschap<br />Ontvanger<br />WEBSITE<br />INTERNET INTERNETGEBRUIKER GEBRUIKER<br />
  7. 7. OVER MENSEN EN WEBSITES<br />
  8. 8. OVER MENSEN EN WEBSITES<br />Mensen lezen tekst op een beeldscherm anders dan op papier:<br /><ul><li> gemiddeld 25% trager
  9. 9. onthouden gelezen tekst minder goed
  10. 10. slechts 19% leest tekst woord voor woord
  11. 11. lezen verticaal</li></ul>Mensenscannenpagina’s op zoeknaarbruikbareinformatie<br />Pas alszebij de juisteinformatieaankomendoenze de moeite om die echt te lezen<br />
  12. 12. HET WEBTEAM<br />Waar situeer je je als webschrijver?<br /><ul><li> Webschrijvers
  13. 13. Vormgevers of webdesigners
  14. 14. Programmeurs
  15. 15. Content manager
  16. 16. Webmaster
  17. 17. Content management systeem</li></ul>Het geheel = meer dan de som van de delen!<br />
  18. 18. BOUWSTENEN VAN EEN WEBSITE<br />MICROCONTENT<br /><ul><li>Kop (soms in de vorm van een hyperlink naar niveau 2)
  19. 19. Lead(samenvattende zinnen)
  20. 20. Hyperlink onder de lead (naar niveau 2)
  21. 21. Locatie: homepage
  22. 22. Maximaal 50 woorden</li></ul>MESOCONTENT<br /><ul><li> Tekstblokken of chunks: 1, 2, 3…
  23. 23. Linken naar elkaar en/of naar niveau 3
  24. 24. Maximaal 150 woorden</li></ul>MACROCONTENT<br /><ul><li>Onbeperkt aantal woorden.
  25. 25. Vaak niet-aangepaste teksten in PDF- of doc-formaat.</li></li></ul><li>HAPKLARE BROKKEN TEKST<br />
  26. 26. VERTREK VANUIT JE LEZER<br />
  27. 27. KEN JE LEZER<br />Geef hem/haar een naam, een gezicht.<br />Vraag je af: <br /><ul><li> Waarom lezers op jouw website komen/jouw pagina’s zouden lezen
  28. 28. Waar ze naar zoeken
  29. 29. Welke woorden ze daarvoor gebruiken
  30. 30. Definieer zo de kernwoorden of ‘carewords’ van je website.</li></li></ul><li>HOE LEER JE JE LEZER KENNEN?<br /><ul><li> Persoonlijk contact
  31. 31. Webstatistieken
  32. 32. Gebruikte zoektermen in eigen zoekfunctie
  33. 33. Algemeen beeld op populaire zoektermen, ‘Google’sZeitgeist’</li></li></ul><li>GOOGLE ZEITGEIST<br />
  34. 34. DE HOMEPAGE<br />
  35. 35. DE HOMEPAGE<br /><ul><li>Geen Flash!
  36. 36. Herkenning: logo + naam + slogan + korte omschrijving
  37. 37. Trains– Tickets – Toilets: je belangrijkste toptaken
  38. 38. Nieuws: site levendig houden
  39. 39. Overzicht en inhoud: menu, navigatie, zoekfunctie
  40. 40. Entertainment en interactiviteit:peiling, wedstrijd, spelletje,...
  41. 41. Vindbare contactinfo: adres, telefoon, locatie, …
  42. 42. Wie surft naar je homepagina? Direct verkeer vs. Google</li></li></ul><li>NAVIGATIE<br /><ul><li> Primaire vs. secundaire navigatie
  43. 43. Horizontaal vs. verticaal
  44. 44. 7 +/- 2 items in een menu
  45. 45. Breadcrumbs</li></li></ul><li>NAVIGATIE<br /><ul><li> Verstaanbare termen
  46. 46. Wees consequent: zelfde term op hele site
  47. 47. Logische volgorde
  48. 48. Kies duidelijke kernwoorden: scannende lezer!</li></li></ul><li>NAVIGATIE<br />
  49. 49. GOOGLE ANALYTICS<br />
  50. 50. OPDRACHT<br />Analyseer de statistieken van www.apestaartjaren.been doe suggesties op het vlak van navigatie, menu, homepage, …<br />
  51. 51. DOELTREFFENDE WEBTEKSTEN SCHRIJVEN<br />KOP<br />LEAD<br />KORTE ALINEA’S<br />LINKS<br />FOTO<br />WITREGELS<br />TUSSENKOP<br />
  52. 52. DOELTREFFENDE WEBTEKSTEN SCHRIJVEN<br />De omgekeerde piramide<br />Papier Internet<br />Belangrijkste<br />Belangrijkste<br />
  53. 53. OPDRACHT<br />Schrijf een webtekst waarin Logo Dender een nieuw initiatief aankondigt<br />
  54. 54. DOELTREFFENDE WEBTEKSTEN SCHRIJVEN<br />De Hoofdkop<br /><ul><li>Denk aan scannende lezer!
  55. 55. Geef antwoord op de belangrijkste W-vraag</li></li></ul><li>DOELTREFFENDE WEBTEKSTEN SCHRIJVEN<br />Een goed kop is:<br /><ul><li>Aantrekkelijk: gebruik woorden die de lezer aanspreken
  56. 56. Duidelijk: dit gaat voor op woordspelingen en leuke vondstenµ
  57. 57. Volledig: de titel moet op zichzelf kunnen staan
  58. 58. Beknopt: maximaal 8 woorden
  59. 59. Correct: schept geen foute verwachtingen
  60. 60. Begint met het belangrijkste kernwoord – onderzoek wijst uit dat de eerste 11 karakters cruciaal zijn in de beslissing om verder te lezen.</li></li></ul><li>DOELTREFFENDE WEBTEKSTEN SCHRIJVEN<br />Belang van koppen!<br />
  61. 61. OPDRACHT<br />Verzin een goede kop bij je webtekst<br />
  62. 62. DOELTREFFENDE WEBTEKSTEN SCHRIJVEN<br />Het basisrecept voor een webtekst <br /> <br /><ul><li>Neem een hoofdkop die de lading dekt, die de essentie weergeeft;
  63. 63. Voeg een lead toe die de pagina samenvat. Lead en kop vullen elkaar aan en geven samen het antwoord op de belangrijkste vragen (wie, wat, waar,…);</li></ul> <br /><ul><li>Splits het geheel op in korte tekstblokken met daartussen witregels
  64. 64. Plaats informatieve tussenkoppen</li></li></ul><li>LAY-OUT<br /><ul><li>Gebruik schreefloze lettertypes als arial of verdana
  65. 65. Vodoende witruimte: meer rust
  66. 66. Vermijd cursief: leest minder vlot.
  67. 67. Laat je lezer nooit horizontaalscrollen
  68. 68. Donkere letters op een lichte achtergrond zijn het duidelijkst.
  69. 69. Afbeeldingen moeten de tekst ondersteunen.</li></li></ul><li>AFBEELDINGEN<br />Waarop letten?<br /><ul><li>Auteursrecht vs. portretrecht
  70. 70. Gebruik sprekende foto’s
  71. 71. Gebruik foto’s met mensen op
  72. 72. Laat personen altijd naar de tekst kijken
  73. 73. Knip je foto’s op de juiste grootte (Photoshop of Paint.net)
  74. 74. Gebruik Alt Tekst </li></li></ul><li>LINKS<br />Soorten links: <br /><ul><li> Intern vs. extern
  75. 75. Grafisch vs. tekstueel</li></ul>Zorg altijd dat het duidelijk is dat het om een link gaat!<br /><ul><li> foto + tekst
  76. 76. Nooit onderlijnen als het geen link is</li></li></ul><li>LINKS<br />Waarop letten? <br /><ul><li> Beperk het aantal links in lopende tekst
  77. 77. Een link = een oproep tot actie
  78. 78. Zorg dat ze werken!
  79. 79. Link naar de homepagina</li></li></ul><li>DEEPLINKS<br />http://www.creatiefschrijven.be <br />versus <br />http://creatiefschrijven.be/index.php?onderdeel=1972&titel=Schrijfdocentenopleiding<br />MAAR! Steek je links altijd achter carewords<br />
  80. 80. RELEVANTE INHOUD LINKEN<br />Klik hier voor het cursusaanbod van Creatief Schrijven<br />Het inschrijvingsformulier voor de vorming vind je hier<br />Snuffel door het cursusaanbod van Creatief Schrijven<br />Inschrijven<br />
  81. 81. INTERNE LINKS<br />
  82. 82. OPDRACHT<br />Maak je webtekst op <br />
  83. 83. EEN VINDBARE WEBSITE<br />Schrijf goede, actuele inhoud <br /><ul><li>Content is king
  84. 84. Unieke en samenhangende inhoud
  85. 85. Geregeld updaten! Zowel inhoudelijk als technisch
  86. 86. Belang van blogs</li></li></ul><li>GOOGLE ADWORDS<br />Bepaal de ‘juiste’ kernwoorden of ‘carewords’<br />
  87. 87. EEN VINDBARE WEBSITE<br />Bepaal de ‘juiste’ kernwoorden of ‘carewords’<br /><ul><li>Gebruik kernwoorden in je tekst (4-6%)
  88. 88. In de titel en beschrijving
  89. 89. Gebruik tags: in je code en je CMS
  90. 90. alt tekst bij je foto’s: belangrijk voor blinden én Google
  91. 91. de benaming van je foto’s: vermijd ‘IMG053.jpg’</li></li></ul><li>EEN VINDBARE WEBSITE<br />
  92. 92. EEN VINDBARE WEBSITE<br />Links<br /><ul><li>Wederzijdse linken tussen verwante sites
  93. 93. Ook interne links!
  94. 94. verspreiding via social media
  95. 95. Link kernwoorden</li></li></ul><li>EEN VINDBARE WEBSITE<br />Structuur en navigatie<br /><ul><li>Duidelijk menu
  96. 96. Leesbare URL’s:
  97. 97. www.apestaartjaren.be/vorming/socialmedia
  98. 98. www.apestaartjaren.be/index/php?=2543
  99. 99. Sitemap: ook handig voor Google!
  100. 100. Breadcrumbs zijn ook interne links!</li></li></ul><li>JE WEBTEKST ACTIEF VERSPREIDEN<br />Social Media<br />
  101. 101. JE WEBTEKST ACTIEF VERSPREIDEN<br />Facebook<br /><ul><li> Profiel: voor fysieke personen met een voor- en familienaam
  102. 102. Groep: voor interne communicatie met een groep medewerkers, collega’s, familie, vrienden, klas, bestuursorgaan, werkgroep…
  103. 103. Pagina: voor externe communicatie van je bedrijf, organisatie, muzikant, product,…</li></li></ul><li>JE WEBTEKST ACTIEF VERSPREIDEN<br />Twitter<br /><ul><li>Tweet: een twitterbericht heet een tweet
  104. 104. Reply: een reactie op een tweet van iemand anders
  105. 105. Retweet: een tweet van iemand anders doorsturen</li></li></ul><li>JE WEBTEKST ACTIEF VERSPREIDEN<br />Netlog<br /><ul><li>8-14 jarigen
  106. 106. Belgisch!
  107. 107. “community”</li></ul>YouTube<br /><ul><li>video’s
  108. 108. embed code</li></ul>LinkedIn<br /><ul><li>Professioneel netwerk</li></li></ul><li>JE WEBTEKST ACTIEF VERSPREIDEN<br />Inspelen op Social Media:<br /><ul><li> Content is king
  109. 109. Tweerichtingsverkeer
  110. 110. Taggen is cruciaal
  111. 111. Integreer sociale media op je website
  112. 112. Voorzie ‘share’ knoppen
  113. 113.  Hou rekening met de mediamix</li></li></ul><li>JE WEBTEKST ACTIEF VERSPREIDEN<br />RSS<br /><ul><li> Via een feedreader online: Google reader
  114. 114. Via een feedreader op je computer: Feedreader, sharpreader, Bloglines,…
  115. 115. Via je eigen startpagina: iGoogle, Netvibes
  116. 116. Via je e-mail: RSS feeds kun je ook in Outlook of Thunderbird laten toekomen.</li></li></ul><li>JE WEBTEKST ACTIEF VERSPREIDEN<br />De E-nieuwsbrief<br />Voordelen:<br /><ul><li> kort op de bal spelen
  117. 117. tot actie aanzetten
  118. 118. statistieken</li></ul>Nadelen: <br /><ul><li> beeldschermtekst: 50 sec.
  119. 119. snel deleten
  120. 120. tijd insteken
  121. 121. technische barrières</li></li></ul><li>JE WEBTEKST ACTIEF VERSPREIDEN<br />De E-nieuwsbrief<br /><ul><li> bepaal duidelijk je doelgroep
  122. 122. spreek de lezer persoonlijk aan
  123. 123. sterke onderwerpregel
  124. 124. scanbaarheid
  125. 125. nuttige info
  126. 126. makkelijk uit te schrijven</li>

×