More Related Content Similar to Een website die werkt (Hogeschool Gent) (20) Een website die werkt (Hogeschool Gent)6. Je vindt mij online op:
‣ twitter.com/bram_
‣ last.fm/user/bram_
11. Particulieren in België in 2010
‣ 78% heeft thuis internettoegang (EU: 69%)
‣ 75% surft minstens één keer in de week
‣ 49% shopte in 2010 online (EU: 56%)
Cijfers: Eurostat
24. Ja, als je meer controle wil over wat er over
jouw zaak te vinden is op internet.
25. En als je je wil onderscheiden van
concurrenten.
31. Een website die werkt
‣ Veel bezoekers?
‣ Op nummer 1 in Google?
‣ Mooi ontwerp?
32. Een website die werkt
‣ Veel bezoekers?
‣ Op nummer 1 in Google?
‣ Mooi ontwerp?
33. Een website die werkt
‣ Converteert optimaal
‣ Scoort hoog in zoekrobots bij de juiste doelgroep
(SEO)
‣ Positieve ROI
35. 8
consistentie inhoud
typografie toegankelijkheid
portability technologie
snelheid interactie
37. Verwachtingen
‣ Logo ‣ Navigatie
‣ Taalselectie ‣ Broodkruimel
‣ Home-knop ‣ Zoekveld
40. Logo
‣ Links boven
‣ Link naar homepage
‣ Optioneel met tagline
42. Taalselectie
‣ Rechts boven
‣ ISO (NL - FR - EN)
‣ Toon alle opties, ook de actieve taal
‣ Geen vlagjes!
44. Home-knop
‣ Eerste knop in hoofdnavigatie
‣ Altijd ‘home’
46. Navigatie
‣ Hoofdnavigatie horizontaal bovenaan
‣ Subnavigatie links
‣ Vermijden: onderaan of rechts
50. Broodkruimel
‣ Toont actieve pagina in hiërarchie
‣ Onder de hoofdnavigatie
‣ Klikbaar, behalve actieve pagina
‣ Zonder ‘je bent hier: ’
53. Zoekveld
‣ Rechts boven
‣ Gevaarlijk!
‣ Bezoekers verwachten Google-niveau
55. Consistentie geeft houvast
Het is duidelijk
‣ waar je vandaan kwam
‣ waar je nu bent
‣ waar je naartoe kan gaan
in de visuele taal die andere websites ook spreken
56. 8
consistentie inhoud
typografie toegankelijkheid
portability technologie
snelheid interactie
59. Leeslengte
‣ Ideaal: tot ongeveer 55 karakters per regel
‣ Flexibele layout: gebruik maximumbreedte
62. Lettergrootte
‣ Minstens 12px voor broodtekst
‣ Moderne browsers schalen alles
‣ “ A A A ” is overbodig
63. Geschreefd of schreefloos?
Op een scherm: schreefloos (sans-serif)
Ed ut perspiciatis unde omnis Ed ut perspiciatis unde omnis
iste natus error sit voluptatem iste natus error sit voluptatem
accusantium doloremque accusantium doloremque
laudantium. laudantium.
64. 8
consistentie inhoud
typografie toegankelijkheid
portability technologie
snelheid interactie
66. Mohammed en de berg
Probeer bezoeker niet naar je website te lokken.
Verspreid je inhoud op plaatsen die al
bezoekers hebben.
71. RSS
‣ Really Simple Syndication
‣ Geïnteresseerden krijgen updates
‣ Zoekrobots zijn hier gek op
74. API
‣ Application Programming Interface
‣ Toegangspoort tot een website
‣ Data toevoegen en/of data afhalen
79. 8
consistentie inhoud
typografie toegankelijkheid
portability technologie
snelheid interactie
81. Wat volgt is de hoeveelheid tijd die een
bezoeker wil spenderen om uit te zoeken hoe
een website werkt:
89. 8
consistentie inhoud
typografie toegankelijkheid
portability technologie
snelheid interactie
95. Hou statische inhoud vers
‣ Schrap pagina’s die niet bezocht worden
‣ Kijk af en toe of inhoud nog up-to-date is
‣ SEO vs. bezoeker
99. CMS
‣ Content Management System
‣ De motor van de website
‣ Makkelijk zélf inhoud bewerken
‣ SEO!
102. Een CMS moet je toelaten om het dagelijkse
beheer van je website onafhankelijk en zonder
technische kennis uit te voeren.
103. 8
consistentie inhoud
typografie toegankelijkheid
portability technologie
snelheid interactie
105. Bouw een toegankelijke website
‣ Gebruiksvriendelijk
‣ Cross-browser, cross-platform
‣ Anysurfer
‣ Google
‣ Facebook
111. Anysurfer
‣ Kwaliteitslabel
‣ Website toegankelijk voor iedereen,
ook voor mensen met een functiebeperking
112. Google
‣ Grootste bron van traffiek
‣ SEO!
114. 8
consistentie inhoud
typografie toegankelijkheid
portability technologie
snelheid interactie
116. Er zal altijd nieuwe technologie zijn
‣ Flash
‣ Ajax
‣ HTML 5
‣ Video
120. 8
consistentie inhoud
typografie toegankelijkheid
portability technologie
snelheid interactie
126. + interactie met het merk verhoogd
+ ‘gratis’ input voor web en print
+ workload webredactie verminderd
+ rijke data over voorkeuren van leden
127. 8
consistentie inhoud
typografie toegankelijkheid
portability technologie
snelheid interactie
132. 9
consistentie inhoud
typografie toegankelijkheid
portability technologie
snelheid interactie
social
137. Social Media
‣ Conversaties initiëren
‣ Conversaties voeden
‣ Conversaties opvolgen
‣ Enorme (marketing) waarde
138. Tips
‣ Lanceer liever vandaag dan morgen
‣ Niet alles ineens, kleine stappen
‣ Meet, evalueer, stuur bij
145. Trafiek
‣ SEO - SEA
‣ Affiliate Marketing
‣ E-mail Marketing
‣ Social Media Marketing
146. SEO - SEA
‣ Search Engine Optimization
‣ Search Engine Advertising
150. Affiliate marketing
‣ Juiste advertentie op de juiste website
‣ CPC (cost per click)
‣ pay-for-performance (TradeTracker Belgium)
151. E-mail Marketing
‣ Nieuwsbrieven & direct mailings
‣ Statistieken!
‣ CRM met klantenprofielen