Een website die werkt (Hogeschool Gent)
-
Upload
bram-vanderhaeghe -
Category
Business
-
view
7 -
download
0
description
Transcript of Een website die werkt (Hogeschool Gent)
![Page 1: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/1.jpg)
EEN WEBSITE DIE WERKT
![Page 2: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/2.jpg)
Hallo, ik ben Bram
![Page 3: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/3.jpg)
Projecten voor onder andere:
R
![Page 4: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/4.jpg)
Informatie-architect
![Page 5: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/5.jpg)
Prototype
![Page 6: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/6.jpg)
‣ twitter.com/bram_
‣ last.fm/user/bram_
Je vindt mij online op:
![Page 7: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/7.jpg)
6 mei 2011 – 2de jaar marketing, Hogeschool Gent
EEN WEBSITE DIE WERKT
![Page 8: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/8.jpg)
slideshare.net/bram_
![Page 9: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/9.jpg)
EEN WEBSITEIs dat wel nodig?
![Page 10: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/10.jpg)
absoluut.
![Page 11: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/11.jpg)
‣ 78% heeft thuis internettoegang (EU: 69%)
‣ 75% surft minstens één keer in de week
‣ 49% shopte in 2010 online (EU: 56%)
Particulieren in België in 2010
Cijfers: Eurostat
![Page 12: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/12.jpg)
Heb je een eigen website nodig?
![Page 13: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/13.jpg)
niet per sé.
![Page 14: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/14.jpg)
‣ Eigen website
‣ Google Maps
‣ Sociale netwerken
‣ ...
Internet aanwezigheid
![Page 15: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/15.jpg)
![Page 16: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/16.jpg)
![Page 17: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/17.jpg)
![Page 18: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/18.jpg)
![Page 19: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/19.jpg)
![Page 20: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/20.jpg)
![Page 21: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/21.jpg)
![Page 22: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/22.jpg)
![Page 23: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/23.jpg)
Is een eigen website aangeraden?
![Page 24: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/24.jpg)
Ja, als je meer controle wil over wat er over jouw zaak te vinden is op internet.
![Page 25: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/25.jpg)
En als je je wil onderscheiden van concurrenten.
![Page 26: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/26.jpg)
![Page 27: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/27.jpg)
EEN WEBSITE DIE WERKTWat wil dat eigenlijk zeggen?
![Page 28: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/28.jpg)
Wat is dat, een website die werkt?
![Page 29: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/29.jpg)
‣ Veel bezoekers?
Een website die werkt
![Page 30: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/30.jpg)
‣ Veel bezoekers?
‣ Op nummer 1 in Google?
Een website die werkt
![Page 31: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/31.jpg)
‣ Veel bezoekers?
‣ Op nummer 1 in Google?
‣ Mooi ontwerp?
Een website die werkt
![Page 32: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/32.jpg)
‣ Veel bezoekers?
‣ Op nummer 1 in Google?
‣ Mooi ontwerp?
Een website die werkt
![Page 33: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/33.jpg)
‣ Converteert optimaal
‣ Scoort hoog in zoekrobots bij de juiste doelgroep
(SEO)
‣ Positieve ROI
Een website die werkt
![Page 34: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/34.jpg)
8 basisprincipes
![Page 35: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/35.jpg)
consistentie
8
typografie
portability
snelheid
inhoud
toegankelijkheid
technologie
interactie
![Page 36: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/36.jpg)
1. Consistentie
![Page 37: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/37.jpg)
‣ Logo
‣ Taalselectie
‣ Home-knop
Verwachtingen
‣ Navigatie
‣ Broodkruimel
‣ Zoekveld
![Page 38: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/38.jpg)
![Page 39: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/39.jpg)
![Page 40: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/40.jpg)
‣ Links boven
‣ Link naar homepage
‣ Optioneel met tagline
Logo
![Page 41: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/41.jpg)
Logo
![Page 42: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/42.jpg)
‣ Rechts boven
‣ ISO (NL - FR - EN)
‣ Toon alle opties, ook de actieve taal
‣ Geen vlagjes!
Taalselectie
![Page 43: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/43.jpg)
taalselectie
![Page 44: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/44.jpg)
‣ Eerste knop in hoofdnavigatie
‣ Altijd ‘home’
Home-knop
![Page 45: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/45.jpg)
home-knop
![Page 46: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/46.jpg)
‣ Hoofdnavigatie horizontaal bovenaan
‣ Subnavigatie links
‣ Vermijden: onderaan of rechts
Navigatie
![Page 47: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/47.jpg)
‣ Helemaal onderaan, in de footer
‣ Privacy statement, disclaimer, sitemap
Secundaire navigatie
![Page 48: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/48.jpg)
hoofdnavigatie
subnavigatie
![Page 49: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/49.jpg)
secundaire navigatie
![Page 50: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/50.jpg)
‣ Toont actieve pagina in hiërarchie
‣ Onder de hoofdnavigatie
‣ Klikbaar, behalve actieve pagina
‣ Zonder ‘je bent hier: ’
Broodkruimel
![Page 51: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/51.jpg)
broodkruimel
![Page 52: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/52.jpg)
![Page 53: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/53.jpg)
‣ Rechts boven
‣ Gevaarlijk!
‣ Bezoekers verwachten Google-niveau
Zoekveld
![Page 54: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/54.jpg)
zoekveld
![Page 55: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/55.jpg)
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
Consistentie geeft houvast
![Page 56: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/56.jpg)
consistentie
8
typografie
portability
snelheid
inhoud
toegankelijkheid
technologie
interactie
![Page 57: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/57.jpg)
2. Typografie
![Page 58: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/58.jpg)
Mensen schrijven meer naar elkaar
dan ze bellen.
“The web is text.”
![Page 59: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/59.jpg)
‣ Ideaal: tot ongeveer 55 karakters per regel
‣ Flexibele layout: gebruik maximumbreedte
Leeslengte
![Page 60: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/60.jpg)
![Page 61: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/61.jpg)
![Page 62: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/62.jpg)
‣ Minstens 12px voor broodtekst
‣ Moderne browsers schalen alles
‣ “ A A A ” is overbodig
Lettergrootte
![Page 63: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/63.jpg)
Geschreefd of schreefloos?
Ed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.
Ed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.
Op een scherm: schreefloos (sans-serif)
![Page 64: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/64.jpg)
consistentie
8
typografie
portability
snelheid
inhoud
toegankelijkheid
technologie
interactie
![Page 65: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/65.jpg)
3. Portability
![Page 66: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/66.jpg)
Probeer bezoeker niet naar je website te lokken.
Verspreid je inhoud op plaatsen die al
bezoekers hebben.
Mohammed en de berg
![Page 67: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/67.jpg)
![Page 68: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/68.jpg)
![Page 69: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/69.jpg)
![Page 70: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/70.jpg)
![Page 71: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/71.jpg)
‣ Really Simple Syndication
‣ Geïnteresseerden krijgen updates
‣ Zoekrobots zijn hier gek op
RSS
![Page 72: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/72.jpg)
![Page 73: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/73.jpg)
![Page 74: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/74.jpg)
‣ Application Programming Interface
‣ Toegangspoort tot een website
‣ Data toevoegen en/of data afhalen
API
![Page 75: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/75.jpg)
![Page 76: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/76.jpg)
![Page 77: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/77.jpg)
![Page 78: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/78.jpg)
‣ Makkelijk te integreren
‣ 1 klik
‣ “Mond-aan-mond”
Social Media plugins
![Page 79: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/79.jpg)
consistentie
8
typografie
portability
snelheid
inhoud
toegankelijkheid
technologie
interactie
![Page 80: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/80.jpg)
4. Snelheid
![Page 81: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/81.jpg)
Wat volgt is de hoeveelheid tijd die een bezoeker wil spenderen om uit te zoeken hoe een website werkt:
![Page 82: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/82.jpg)
0
![Page 83: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/83.jpg)
‣ Snel laden (technisch)
‣ Focus (inhoud)
‣ Scanbaar (structuur)
Bezoekers hebben geen geduld
![Page 84: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/84.jpg)
Korte quiz
![Page 85: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/85.jpg)
![Page 86: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/86.jpg)
![Page 87: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/87.jpg)
![Page 88: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/88.jpg)
![Page 89: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/89.jpg)
consistentie
8
typografie
portability
snelheid
inhoud
toegankelijkheid
technologie
interactie
![Page 90: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/90.jpg)
5. Inhoud
![Page 91: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/91.jpg)
Vers en fris!
![Page 92: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/92.jpg)
![Page 93: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/93.jpg)
“A website is like underwear. Refresh every day.”
![Page 94: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/94.jpg)
‣ Kies relevante onderwerpen
‣ Nieuws
‣ SEO vs. bezoeker
Publiceer op regelmatige basis
![Page 95: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/95.jpg)
‣ Schrap pagina’s die niet bezocht worden
‣ Kijk af en toe of inhoud nog up-to-date is
‣ SEO vs. bezoeker
Hou statische inhoud vers
![Page 96: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/96.jpg)
Publiceren, updaten, ...
Iedere keer langs IT-dienst of webbouwer?
![Page 97: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/97.jpg)
![Page 98: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/98.jpg)
![Page 99: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/99.jpg)
‣ Content Management System
‣ De motor van de website
‣ Makkelijk zélf inhoud bewerken
‣ SEO!
CMS
![Page 100: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/100.jpg)
![Page 101: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/101.jpg)
![Page 102: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/102.jpg)
Een CMS moet je toelaten om het dagelijkse beheer van je website onafhankelijk en zonder technische kennis uit te voeren.
![Page 103: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/103.jpg)
consistentie
8
typografie
portability
snelheid
inhoud
toegankelijkheid
technologie
interactie
![Page 104: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/104.jpg)
6. Toegankelijkheid
![Page 105: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/105.jpg)
‣ Gebruiksvriendelijk
‣ Cross-browser, cross-platform
‣ Anysurfer
Bouw een toegankelijke website
![Page 106: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/106.jpg)
‣ User Centered Design
‣ Gebruikerstest
Gebruiksvriendelijk
![Page 107: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/107.jpg)
‣ Windows, Mac OS (Apple), Linux
‣ IE, Firefox, Safari, Chrome, Opera
‣ Webstandaarden
‣ iPad & smartphone!
Cross-browser, cross-platform
![Page 108: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/108.jpg)
![Page 109: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/109.jpg)
![Page 110: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/110.jpg)
![Page 111: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/111.jpg)
‣ Kwaliteitslabel
‣ Website toegankelijk voor iedereen,
ook voor mensen met een functiebeperking
Anysurfer
![Page 112: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/112.jpg)
‣ Grootste bron van traffiek
‣ SEO!
![Page 113: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/113.jpg)
‣ ‘Like’ + Open Graph
‣ Zoekmachine
![Page 114: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/114.jpg)
consistentie
8
typografie
portability
snelheid
inhoud
toegankelijkheid
technologie
interactie
![Page 115: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/115.jpg)
7. Technologie
![Page 116: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/116.jpg)
‣ Flash
‣ Ajax
‣ HTML 5
‣ Video
Er zal altijd nieuwe technologie zijn
![Page 117: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/117.jpg)
Technologie mag geen drijfveer zijn.
Denk na over de waarde.
![Page 118: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/118.jpg)
![Page 119: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/119.jpg)
![Page 120: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/120.jpg)
consistentie
8
typografie
portability
snelheid
inhoud
toegankelijkheid
technologie
interactie
![Page 121: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/121.jpg)
8. Interactie
![Page 122: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/122.jpg)
‣ Poll, testjes, ...
‣ Feedback mechanismen
‣ Reacties plaatsen, forum
‣ Zelf inhoud toevoegen
Laat bezoekers participeren
![Page 123: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/123.jpg)
![Page 124: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/124.jpg)
![Page 125: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/125.jpg)
![Page 126: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/126.jpg)
+ interactie met het merk verhoogd
+ ‘gratis’ input voor web en print
+ workload webredactie verminderd
+ rijke data over voorkeuren van leden
![Page 127: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/127.jpg)
consistentie
8
typografie
portability
snelheid
inhoud
toegankelijkheid
technologie
interactie
![Page 128: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/128.jpg)
En het grafisch ontwerp?
![Page 129: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/129.jpg)
![Page 130: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/130.jpg)
Een goed ontwerp valt niet op.Het staat ten dienste van de inhoud.
![Page 131: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/131.jpg)
En social media?
Wat daarmee?
![Page 132: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/132.jpg)
consistentie
9
typografie
portability
snelheid
inhoud
toegankelijkheid
technologie
interactie
social
![Page 133: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/133.jpg)
9. Social
![Page 134: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/134.jpg)
‣ Website is een doorgeefluik voor info
‣ Digitaal magazine
Het web gisteren
![Page 135: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/135.jpg)
‣ Een website (ver)bindt mensen
‣ Web = mensen
Het web vandaag
![Page 136: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/136.jpg)
Mensen converseren
![Page 137: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/137.jpg)
‣ Conversaties initiëren
‣ Conversaties voeden
‣ Conversaties opvolgen
‣ Enorme (marketing) waarde
Social Media
![Page 138: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/138.jpg)
‣ Lanceer liever vandaag dan morgen
‣ Niet alles ineens, kleine stappen
‣ Meet, evalueer, stuur bij
Tips
![Page 139: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/139.jpg)
VRAGEN?
![Page 140: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/140.jpg)
twitter.com/bram_www.netlash.com
![Page 141: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/141.jpg)
![Page 142: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/142.jpg)
Trafiek
![Page 143: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/143.jpg)
Built it and they will come
![Page 144: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/144.jpg)
Built it and they will come
![Page 145: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/145.jpg)
Trafiek
‣ SEO - SEA
‣ Affiliate Marketing
‣ E-mail Marketing
‣ Social Media Marketing
![Page 146: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/146.jpg)
SEO - SEA
‣ Search Engine Optimization
‣ Search Engine Advertising
![Page 147: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/147.jpg)
![Page 148: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/148.jpg)
![Page 149: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/149.jpg)
![Page 150: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/150.jpg)
‣ Juiste advertentie op de juiste website
‣ CPC (cost per click)
‣ pay-for-performance (TradeTracker Belgium)
Affiliate marketing
![Page 151: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/151.jpg)
‣ Nieuwsbrieven & direct mailings
‣ Statistieken!
‣ CRM met klantenprofielen
E-mail Marketing
![Page 152: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/152.jpg)
‣ Conversaties initiëren
‣ Conversaties opvolgen
Social Media Marketing
![Page 153: Een website die werkt (Hogeschool Gent)](https://reader033.fdocument.pub/reader033/viewer/2022051513/5451f094af7959013e8b52d6/html5/thumbnails/153.jpg)
twitter.com/bram_www.netlash.com