Slide 1
Slide 1 text
EEN WEBSITE BOUWEN
EN ONDERHOUDEN
Slide 2
Slide 2 text
STIJN
Janssen
2
Slide 3
Slide 3 text
TOM
Claus
3
Slide 4
Slide 4 text
No content
Slide 5
Slide 5 text
• Webdesign
• Webdevelopment
• Zoekmachine Optimalisatie (SEO)
• Email Marketing
• Webhosting & domeinnamen
INVENTIS
5
Slide 6
Slide 6 text
PORTFOLIO
6
Slide 7
Slide 7 text
EEN WEBSITE BOUWEN
EN ONDERHOUDEN
7
Slide 8
Slide 8 text
•Wie heeft een eigen website?
•Wie maakt zijn eigen website?
•Wie is er wekelijks bezig met zijn website?
8
Slide 9
Slide 9 text
• Waar rekening mee houden
• Dingen die je zeker moet vermijden
• Hoe kan je bezoekers aantrekken
• Hoe laat ik mijn website leven
WAT GA JE LEREN?
9
Slide 10
Slide 10 text
• Snelcursus webdesign/webdevelopment
• Hoe op nr. 1 in Google
• Hoe je slapend rijk kan worden
WAT GA JE NIET LEREN?
10
Slide 11
Slide 11 text
Ik wil een website, wat nu?
Slide 12
Slide 12 text
Of laten bouwen?
BOUWEN
12
Slide 13
Slide 13 text
DOELEN STELLEN
Bouwen
13
Slide 14
Slide 14 text
•Wat wil ik bereiken?
•Wat doet de concurrentie?
•“Bezint eer ge begint”
•Voorbeeld
14
Slide 15
Slide 15 text
DE BROWSER
Bouwen
15
Slide 16
Slide 16 text
•> 5 besturingssystemen
•> 10 layout engines
•> 70 browsers
16
Slide 17
Slide 17 text
•Mac, Windows, Linux
•Safari, Chrome, Firefox, Internet Explorer
•WebKit, Gecko, Trident
17
A-GRADE
Slide 18
Slide 18 text
18
Slide 19
Slide 19 text
TOEGANKELIJKHEID
Bouwen
19
Slide 20
Slide 20 text
20
Slide 21
Slide 21 text
21
MAAR OOK
• Mobiele toestellen
• Gebruiksvriendelijkheid
• Zoekmachinevriendelijk
• Tijdsintensief
Slide 22
Slide 22 text
MOBIEL
Bouwen
22
Slide 23
Slide 23 text
23
Slide 24
Slide 24 text
•Noodzakelijk?
•Native of Web?
•Andere platformen!
24
Slide 25
Slide 25 text
• jQTouch
• jQuery Mobile (beta)
• Sencha Touch
MOBILE FRAMEWORK
25
Slide 26
Slide 26 text
OPBOUW
Bouwen
26
Slide 27
Slide 27 text
No content
Slide 28
Slide 28 text
No content
Slide 29
Slide 29 text
No content
Slide 30
Slide 30 text
No content
Slide 31
Slide 31 text
No content
Slide 32
Slide 32 text
No content
Slide 33
Slide 33 text
No content
Slide 34
Slide 34 text
• Buzzword
• 2020
• geen CSS3
HTML5
30
Slide 35
Slide 35 text
HTML5 Boilerplate
31
Slide 36
Slide 36 text
• Plugin
• Technische kennis nodig
• Duur
• Uitgebreid
FLASH
32
Slide 37
Slide 37 text
• Javascript Framework
• Open Source
• Lage drempel
• Enorm veel resources, plugins, tutorials, ...
JQUERY
33
Slide 38
Slide 38 text
DON’T
Bouwen
34
Slide 39
Slide 39 text
• Verouderd
• Performance
• iframe
• Enkel als er geen andere oplossing is!
FRAMES
35
Slide 40
Slide 40 text
No content
Slide 41
Slide 41 text
No content
Slide 42
Slide 42 text
No content
Slide 43
Slide 43 text
• Animated GIF
• Storend, afleidend
• Vaak gebruikt voor reclame
BEWEGENDE BEELDEN
37
Slide 44
Slide 44 text
No content
Slide 45
Slide 45 text
No content
Slide 46
Slide 46 text
HIT COUNTER
• Geen meerwaarde
• Enkel voor jezelf
39
Slide 47
Slide 47 text
• Geen meerwaarde
• Irritant
• Copyright
ACHTERGRONDGELUID
40
Slide 48
Slide 48 text
• Vaak in plain-text
• Ideaal voor spambots
• Hexadecimaal encoderen
E-MAILADRESSEN
41
Slide 50
Slide 50 text
SPLASH
• Bijna geen meerwaarde
• Extra klik voor de bezoeker
43
Slide 51
Slide 51 text
No content
Slide 52
Slide 52 text
• Dode pagina
• Verwarrend voor de bezoeker
• Slechte SEO
404
45
Slide 53
Slide 53 text
46
Slide 54
Slide 54 text
http://www.clubpenguin.com/404
47
Slide 55
Slide 55 text
• Alles wat hierop staat mag je niet gebruiken!
http://leejoo.nl/
• Een voorbeeld van alle fouten die je kan maken
http://cmdshiftdesign.com/ilovesmekitty/
• Je e-maildres encoderen
http://www.nikhef.nl/pub/computing/MailSpamstop.php
NUTTIGE LINKS
48
Slide 56
Slide 56 text
ONDERHOUDEN
49
Slide 57
Slide 57 text
NIEUWE CONTENT
Onderhouden
50
Slide 58
Slide 58 text
•Verse vernieuwende teksten
•Blog
•Foto’s
•Blijf interessant en vernieuwend
51
Slide 59
Slide 59 text
No content
Slide 60
Slide 60 text
No content
Slide 61
Slide 61 text
No content
Slide 62
Slide 62 text
No content
Slide 63
Slide 63 text
No content
Slide 64
Slide 64 text
No content
Slide 65
Slide 65 text
No content
Slide 66
Slide 66 text
Onderhouden
FEEDS
54
Slide 67
Slide 67 text
•RSS
•iCal
•Publiceer naar Facebook
•Publiceer naar Twitter
55
Slide 68
Slide 68 text
No content
Slide 69
Slide 69 text
No content
Slide 70
Slide 70 text
No content
Slide 71
Slide 71 text
No content
Slide 72
Slide 72 text
No content
Slide 73
Slide 73 text
SEO
Onderhouden
58
Slide 74
Slide 74 text
• Verse Teksten
• Duplicate Content
• Geen Copy/Paste
• Unieke Links
TEKSTEN
59
Slide 75
Slide 75 text
60
Slide 76
Slide 76 text
≠
≠
60
Slide 77
Slide 77 text
61
Slide 78
Slide 78 text
INTERNE LINKS
• Links tussen verschillende pagina’s op je website
• Scoren op kernwoorden
• Niet meer dan 1x linken per keyword
• Niet meer dan 10 links
62
Slide 80
Slide 80 text
BACKLINKS
• Links van andere websites naar jouw toe
• Pagerank
• Websites met hogere pagerank die link = beter
• Scoren met kernwoorden
64
Slide 81
Slide 81 text
SYMANTIEK
• H1, H2, H3 voor titels
• Volgorde = belangrijk
• P voor inhoud teksten
• Overzicht H2 met Link
• Tabellen = enkel voor data
65
Slide 82
Slide 82 text
AFBEELDINGEN
• Google Image Search
• Alt-tag = belangrijk
• Beknopte omschrijving
• Title-tag soms ook van belang
66
Slide 83
Slide 83 text
67
Slide 84
Slide 84 text
CONTENT IS KING
USER GENERATED CONTENT IS KEY
Onderhouden
68
Slide 85
Slide 85 text
•Laat bezoekers het werk doen !
•Reacties
•Omgaan met negatieve reacties
•Nooit verwijderen
•Votings, reviews, tips,...
•Wikipedia
69
Slide 86
Slide 86 text
No content
Slide 87
Slide 87 text
No content
Slide 88
Slide 88 text
No content
Slide 89
Slide 89 text
Onderhouden
MODERNE MEDIA
71
Slide 90
Slide 90 text
• Stukjes tekst met specifiek informatie
• Titel
• SEO
• Facebook ?!
META TAGS
72
Slide 91
Slide 91 text
73
Slide 92
Slide 92 text
DELEN...
• Delen op Facebook
• Delen op Twitter
• Delen op ....
• Maak het gebruikers gemakkelijk
• Gebruik herkenbare logo’s en knoppen
74
Slide 93
Slide 93 text
VOORUITSTREVEND
• Facebook 5 jaar geleden ?
• Reacties
• Like
• Login
• Twitter
• Flickr
• Wat zal de toekomst brengen?
75
Slide 94
Slide 94 text
No content
Slide 95
Slide 95 text
No content
Slide 96
Slide 96 text
No content
Slide 97
Slide 97 text
STATISTIEKEN
Onderhouden
78
Slide 98
Slide 98 text
• Google Analytics
• Niet enkel pageviews
• Klik events
• Bounce-rate
• Trechters
• InSite Statistieken
• Reinvigorate
• Real-time statistieken
79
Slide 99
Slide 99 text
WAT ZEKER ONTHOUDEN
Een website bouwen en onderhouden
80
Slide 100
Slide 100 text
DUS...
•“Bezint eer ge begint”
•De browser is je vriend
•jQuery is beter dan Flash
•Geen beperkingen
81
Slide 101
Slide 101 text
DUS...
•Blijf vooruitstrevend
•Content is king, user generated content is key
•Houd SEO altijd in het achterhoofd
•Meten is weten!
82
Slide 102
Slide 102 text
Een website bouwen en onderhouden
Q&A
83
Slide 103
Slide 103 text
MEER WETEN?
•Inventis.be
•@stijnj
•@WebRaider
•MacBar
84
Slide 104
Slide 104 text
Een website bouwen en onderhouden
BEDANKT!
85