Jouw website doorgelicht

1. 27/09/2017 - NEST
JOUW WEBSITE DOORGELICHT

2. I LIKE MEDIA: COLLECTIEF VAN FREELANCE
TRAINERS MET PASSIE VOOR DIGITALE MEDIA
Wie ben ik?

3. I LIKE MEDIA: COLLECTIEF VAN FREELANCE
TRAINERS MET PASSIE VOOR DIGITALE MEDIA

4. I LIKE MEDIA: COLLECTIEF VAN FREELANCE
TRAINERS MET PASSIE VOOR DIGITALE MEDIA
Wie zijn jullie?
Website-ervaring?
- Zelf gemaakt?
- Door wie onderhouden?

5. ● Visitekaartje - onderdeel van je persoonlijke branding
● De kracht van Google
- 20 jaar Google
- Voor 94% van de Belgen dé standaard zoekmachine
- Zoeken = Google (vs. Facebook)
● Hot & Happening
● Storytelling: nieuwe manier om een verhaal te vertellen (combinatie
van kleuren, video, beelden, asymmetrie, typografie,…)
● Vandaag? Trends & website-optimalisatie voor Google
WEBSITES ANNO 2017

6. WAT MAAKT EEN WEBSITE
EEN GOEDE WEBSITE?

8. TRENDS IN WEBDESIGN

9. 1. RESPONSIVE DESIGN
Je website moet er niet alleen goed uitzien, hij moet er OVERAL goed uitzien
Mobile First

10. 1. RESPONSIVE DESIGN
Hoe?
• CMS (Content Management Systeem) - Drupal/WordPress
Responsive thema’s
• Webdev/Webdesigner - Code
@media screen and (max-width: 1020px)
{
header { width: 100% }
}
• Is jouw site responsive?
Doe de test!
responsivedesignchecker.com

11. 1. RESPONSIVE DESIGN

12. 2. MINIMALISME
KLEUR
DESIGN TRENDS
LESS IS MORE
Fris kleurenpalet (levendig - emotie/gevoelens oproepen)
Trend: uitgesproken kleur in combinatie met wit
Trend: gradients
(http://www.symodd.com)

13. 2. MINIMALISME
KLEUR

14. 2. MINIMALISME
BEELD
DESIGN TRENDS
LESS IS MORE
Uitgesproken gebruik van beelden
Kwaliteitsfotografie!
(mooie beelden, goede belichting, filters - eenzelfde visuele stijl)
Video!
(http://mathematic.tv)

15. 2. MINIMALISME
BEELD

16. 2. MINIMALISME
ONE PAGERS
(https://haute-living.com)
PARALLAX
(https://www.epicurrence.com)
GEOMETRISCHE VORMEN
ICOONTJES
ASYMMETRIE
(http://zwartwitmedia.com/about/)
DESIGN TRENDS
LESS IS MORE

17. 2. MINIMALISME
DESIGN TRENDS
LESS IS MORE
TYPOGRAFIE
BIGGER & BOLDER
STATEMENT.

18. 2. MINIMALISME
DESIGN TRENDS
LESS IS MORE
TYPOGRAFIE
SERIF (geschreefd I Times New Roman - goed voor op papier)
vs. SANS-SERIF (niet-geschreefd I Ariel, Verdana - goed voor online)
Maar niet alle fonts/lettertypes worden ondersteund door alle devices,
DUS…

19. 2. MINIMALISME
DESIGN TRENDS
LESS IS MORE
TYPOGRAFIE
GOOGLE WEBFONTS
(fonts.google.com)

20. 2. MINIMALISME
• Laat je content spreken op een basic, maar mooi design
• MAAR “good design with bad content = nothing”
• Wat is goeie content?
• Mensen moeten meteen weten wie je bent, waar je voor staat & wat ze eruit
kunnen halen “In minder dan 10 seconden”
• Minder tekst (mensen scannen teksten)
• Makkelijk leesbaar
• Tussentitels
• Meer witruimte
• Spreek altijd in je-vorm ipv u (let op spelfouten!)
• Visuele, originele content om je te onderscheiden (video, foto,…)
CONTENT

21. 2. MINIMALISME

22. 3. USABILITY (= gebruiksvriendelijkheid)
• Organisatie en structuur zijn alles (vandaar: minimalisme)
KEEP IT SIMPLE.
Logische paginastructuur
Alles moet snel gevonden worden (people are lazy)
Eigenlijk wil men de informatie die men nodig heeft in max. 3 clicks vinden
-> Navigatie moet dus gemakkelijk & intuïtief kunnen verlopen
-> Een duidelijk menu met niet teveel pagina’s
EN
Alles moet werken (regelmatig controleren en updaten is een must!)
1. SITEMAP
Hoe kan je de structuur van jouw website verbeteren?
Maak een sitemap op papier & check op bovenstaande tips

23. 3. USABILITY

24. WAT MAAKT EEN WEBSITE
EEN GOEDE WEBSITE?

25. SEO

26. Wat is SEO?
• SEO = Search Engine Optimization / zoekmachineoptimalisatie
• Je website optimaliseren om maximale visibiliteit in zoekmachines te
verkrijgen
• Tijd en moeite! Je staat niet zomaar volgende week op #1 in Google
• SEO = Organische (onbetaalde) zoekresultaten
versus
• SEA (Search Engine Advertising) = betaalde zoekresultaten
Via Google Adwords kan je via betalende campagnes hoger in de
zoekresultaten terechtkomen

27. SEO versus SEA

28. • Zoekmachines gebruiken geautomatiseerde software (spiders of
crawlers) om websites te doorzoeken en die resultaten te indexeren in
een gigantische database.
• Wanneer je iets opzoekt, bepaalt jouw zoekmachine de volgorde waarin
je de zoekresultaten zal zien.
• Om in die zoekresultaten terecht te komen, moet de zoekmachine jouw
site kennen. Hoe beter je SEO, hoe hoger je hier scoort.
• Google maakt zelf op dagelijkse basis veranderingen in de manier
waarop websites worden weergegeven binnen de zoekresultaten. Hou
daarom ook steeds jouw website up to date.
Hoe werken zoekmachines?

29. • Zoekwoord = zoekopdracht die kan bestaan uit een of meerdere
zoekwoorden
• Zo word je gevonden in Google
DUS
• Optimaliseer je website door middel van interessante zoekwoorden
• Welke zoekwoorden gebruiken mensen om mijn website te vinden?
• Welke zoekwoorden zijn belangrijk om mijn website te omschrijven?
= ZOEKWOORDENONDERZOEK
• Cruciaal
• De basis van je SEO-campagne
• Veelomvattend werkje maar wel heel belangrijk!
• Stop tijd in die zoektocht naar zoekwoorden
Het belang van zoekwoorden

30. • Maak een lijst met potentiële zoekwoorden:
• Welke zoekwoorden zouden mensen kunnen gebruiken om jouw site te
vinden?
• Vraag het aan andere mensen. Hoe zouden zij je website omschrijven?
• Bekijk de concurrentie. Welke zoektermen gebruiken zij? Hoe zijn zij
vindbaar op Google?
• Doorzoek je eigen website en noteer alle zoekwoorden die je
tegenkomt
• Maak je lijst zo lang mogelijk zodat je alle relevante termen op
papier hebt staan
• Kies daarna voor de meest relevante zoekwoorden
Zoekwoordenonderzoek

31. • Google Keyword Planner
• Tegenwoordig enkel als je al een Google Adwords-campagne opzet
• Hier zie je welke zoekwoorden het potentieel goed zouden kunnen
doen
Zoekwoordenonderzoek
HULPMIDDELTJES

32. • Google Trends
(trends.google.com)
Zoekwoordenonderzoek
HULPMIDDELTJES

33. Zoekwoorden integreren in je website
• 1. Verwerk relevante zoekwoorden in de teksten op je website (overdrijf
hier niet in, schrijf interessante & leuke content die je bezoekers sowieso
al aanspreekt) + Hou rekening met de tips uit “Minimalisme”
• 2. Zorg ervoor dat je omschrijving in Google zoekwoorden bevat
• CMS: Plugin YOAST (per pagina geef je titel, omschrijving & keyword in)
• Code: Meta Tags!
• 3. Vergeet je afbeeldingen niet! Geef je afbeeldingen een beschrijvende
naam & alt-tags/tekst (kan in de editor via CMS-systemen)
• 4. Let ook op je URL’s! Beschrijvende URL’s > www.site.be/23948
• 5. Link met “Usability”: hoe beter de structuur - hoe beter je SEO!

34. Hoe scoort onze site in Google?
• We kunnen dit nagaan:
(www.seotesteronline.com)
• Hoe doet jouw website het?
• BASE (weergave van je site in Google + headers **)
• CONTENTS (aantal relevante zoekwoorden)
• PERFORMANCE (hoe snel werkt je site - minify plugins voor grote scripts)
• SOCIAL (hoe gedeeld online + share buttons e.d.)
• Lage score kan verschillende oorzaken hebben
• Sommige webhosts maken gebruik van tragere servers (daar kan je niets aan doen)
• Page builders!
• Heel wat plugins in CMS-systemen om paginasnelheid te optimaliseren
• Geef ook eens de sites in die je zelf dagelijks bezoekt!
• Zoekwoordenonderzoek? Let’s go!

35. Maak je zaak bekend bij Google
• Google Mijn Bedrijf
(google.be/business)

36. Maak je zaak bekend bij Google
• Alle gegevens invullen
• Adres wordt zichtbaar in Google Maps
• Klanten kunnen een review achterlaten

37. • Google Analytics
(analytics.google.com)
• Sowieso een MUST om een Google Analytics-account te hebben
Meten is weten

38. Google Analytics

39. Google Analytics

40. Google Analytics
Account ID koppelen aan CMS/website

41. Welke zoekwoorden gebruiken mensen om naar je site te komen?

42. Wat zijn je meest bezochte pagina’s?

45. Stuur je vragen naar
nele@ilikemedia.be
Deze presentatie vind je ook op
www.slideshare.net/ilikemedia
“Just create awesome content for people”
Abonneer je op onze nieuwsbrief
www.ilikemedia.be/nieuwsbrief
Volg ons op Facebook
www.facebook.com/ilikemedia.be