• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Workshop slides to Mmm WebBasic
 

Workshop slides to Mmm WebBasic

on

  • 488 views

An introduction when you want to develope your website.

An introduction when you want to develope your website.

Statistics

Views

Total Views
488
Views on SlideShare
404
Embed Views
84

Actions

Likes
0
Downloads
1
Comments
0

1 Embed 84

http://www.moose-design.nl 84

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Workshop slides to Mmm WebBasic Workshop slides to Mmm WebBasic Presentation Transcript

    • MMM WebBasic november 2013 Jolanda Peters Ik leg uit waar je allemaal op moet (kan) letten bij het ontwikkelen van een website.
    • Wat zijn de onderwerpen • • • • • • Het begin De inhoud / content van jouw website Waar moet een website aan voldoen? Open Source, CMS systemen Site structuur Site lay-out • • • • • Responsive webdesign SEO Web statistieken Sociale Media Ambassadeurs
    • Het begin Doel: Formuleer het doel wat je wilt bereiken. Waar wil je je website voor gebruiken? - omzet verhogen - communiceren met bestaande klanten - jouw werk onder de aandacht brengen - klanten werven
    • Het begin Doelgroep: - Wie zijn dat? - Welke vragen hebben zij? - Welke antwoorden kun jij geven?
    • Het begin Communiceer: - Vertel alle interessante dingen die je doet, deed en weet - Laat zien wie je bent (Personal branding) - Ben een informatiebron over jouw passie (product) - Gun factor - Vraag om reacties
    • Het begin Hoe? Website Filmpjes Evenement organiseren Posters Facebook Informatiebord Bloggen Flyers YouTube Mond op mond reclame Clubjes initiëren Nieuwsbrieven Rondbellen Publiceren in de media Twitter Boekje maken
    • De inhoud / content van jouw website
    • Waar moet een website aan voldoen? • Veiligheid • Leesbaarheid • Scanbaarheid • Toegankelijkheid • Duidelijke identiteit • Goede navigatie, functionaliteit
    • Waar moet een website aan voldoen? Veiligheid: • • Technische maatregelen tijdens de installatie Maak regelmatig een back-up (kan automatisch) • Regelmatig up-daten, ook de plugins • Gebruik nooit een standaard gebruikersnaam (zoals admin) • Installeer beveiligings plugins • SSL certificaat voor website met shop of gevoelige informatie • Bescherm je inlog gegevens • Gebruik alleen betrouwbare plugins en verwijder de overbodige
    • Waar moet een website aan voldoen? Leesbaarheid: • Een schreefloze letter als de Verdana leest op een scherm beter dan Times • Afstand tussen de regels is belangrijker dan de grootte van het font • Font te groot lijkt onprofessioneel, te klein is zielig voor slechte ogen • Hoe kleiner een scherm hoe groter het font • Zwart op wit leest het fijnst • Drukke of bewegende achtergronden is not done
    • Waar moet een website aan voldoen? Scanbaarheid: • Kopjes en tussenkopjes • Lijsten, bulletpoints • Foto’s, illustraties en tabellen • Buttons • De eerste woorden van een paragraaf
    • Waar moet een website aan voldoen? Toegankelijkheid: • Moet snel zijn • Moet functioneren in de meest gebruikte Browsers Firefox, IE, Safari, Opera en Google Chrome • Moet werken op mobiele apparaten; tablets en telefoons • Ctrl+ om in te zoomen (zit standaard in WP) • Sommige sites hebben een voorlees hulp
    • Waar moet een website aan voldoen? Duidelijk identiteit: • Wie ben je? Logo links bovenin (link naar homepage) • Wat doe je? Verzin een sterke tagline (Sitetitel) • Waar sta je voor? Over Ons pagina • Vertrouwen? Zorg voor een sterke visuele identiteit
    • Waar moet een website aan voldoen? Goede navigatie en functionaliteit: • Zet in de horizontale balk de standaard informatie: Over ons, Contact,Visie • In de rechter kolom dingen die onder de aandacht gebracht moeten worden • Of actueler: standaard informatie helemaal bovenin en verdere info in een tweede horizontale balk • Zorg dat men via meerder wegen de weg naar Rome vind • Gebruik woorden in je menu die echt iets zeggen
    • Een gemiddelde bezoeker heeft maar 5 seconden nodig om te bepalen of dit de website is die hij zoekt.
    • Open Source CMS-systemen • Waarom Open Source en waarom CMS? • WordPress • Joomla • Drupal
    • Verschillende Open Source CMS-systemen Waarom Open Source en waarom CMS • Uitgebreider • Flexibeler • • • Inzichtelijker dan commerciële systemen Veel mensen werken met hart en ziel aan de ontwikkeling Razendsnel en actueel • Je kunt zelf je website onderhouden • Je kunt je website gebruiken als communicatiemiddel • Past goed bij creatieve zelfstandige ondernemers • Onafhankelijk van ontwerpers en bouwers
    • Verschillende Open Source CMS-systemen WordPress Joomla Drupal • € 1000,- / € 14.000,- • € 2.200 / € 18.000,- • € 4.500,- / € 45.000,- • 5.127.919 websites • 1.618.105 websites • 873.524 websites • sinds 2003 (nu populair) • sinds 2005 (beetje uit) • sinds 2001 (in NL in opkomst) • Versie 3.6 • Versie 3.1.5 • Versie 7.23 • enorm aantal themes • groot aantal themes • beperkt aantal themes • Niet veel toeters en bellen • Paar toeters en bellen • Veel toeters en bellen • CNN, UPS, Red Hot Chilli Peppers • Orange, Ebay, Pizza hut • Ahold, Het witte huis, Amnesty International
    • Verschillende Open Source CMS-systemen WordPress Joomla Drupal
    • Site structuur
    • Me nu L o go He ade r Site lay-out Bl og C o nt e nt F oot er Wi dge t s
    • M u en Log o H d ea er M u en W g id ets Site lay-out Blog Con t ten Footer Menu Diensten, About us, Algemene voorwaarden, inloggen en Contact Side-menu Onderwerpen die onder de man moeten worden gebracht Logo Linksboven met link naar homepage Blog Deel je persoonlijke kennis Content De tekstinhoud Footer Links, Contact gegevens, Sociale media, hoofdmenu Header Kan een kleur of afbeelding zijn, met of zonder je logo Widgets Kleine apps in je website; calendar, inloggen, nieuwsbrief, tips enz.
    • Site lay-out Me nu He ade r C o nt e nt Wi dge t s C o nt e nt Wi dge t s C o nt e nt F oot er E x t r a me nu
    • Responsive webdesign • Wat is Responsive webdesign ? • Waarom ? • Is het ingewikkeld ?
    • Responsive webdesign Wat is responsive webdesign ? De website reageert op de breedte van het apparaat Voorbeeld van Oretis
    • Responsive webdesign Waarom ? • 90% van de smartphone gebruikers kijkt websites op de telefoon • Begin 2012 hadden 7 milj. NL-ers een smartphone in juni 2013, 8 milj. • Website goed leesbaar op ieder apparaat • Grotere knoppen op kleine devices omdat je dan geen kleine cursor, maar een vinger hebt • Omdat de content van een poster ook anders is ingedeeld als op een flyer of folder
    • Responsive webdesign Is het ingewikkeld ? • Er zijn al standaard responsive themes • Tot op zekere hoogte eenvoudig toe te passen op bestaande website • Je moet op basis van de schermgrootte bepalen wat belangrijke content is • De lay-out van veel websites zal veranderen n.a.v. het toenemende gebruik van mobile devices
    • Search Engine Optimalisation • De technische basis voor SEO • Schrijven voor zoekmachines • Zoekwoorden zoeken • Zoekwoorden op de juiste plekken • Linking
    • Search Engine Optimalisation De technische basis voor SEO • Basis instellingen in het CMS • SEO Modules installeren • Permalinks • Sitemap (zijn plugins voor) • Geen frames en javascript
    • Search Engine Optimalisation Schrijven voor zoekmachines • Val met de deur in huis • Houd de ‘zoekvraag’ van de bezoeker voor ogen • Schrijf ‘scanbaar’ • Schrijf beknopt, helder en aantrekkelijk • Gebruik betekenisvolle linkteksten
    • Search Engine Optimalisation Zoekwoorden zoeken • Gebruik Google Adwords ; de zoekwoord planner
    • Search Engine Optimalisation Zoekwoorden op de juiste plek • Page description / Meta omschrijving (150 tekens) • De pagina titel (30-80 tekens) • Hoofdtitel en subtitels • Bulletpoints of nummering • Alt-tag bij afbeeldingen • Interne en externe links
    • Search Engine Optimalisation Linking • Interne links Bedenk dat een bezoeker van jouw website op allerlei manieren bij de juiste informatie moet kunnen komen. Op YouTube is een mooi filmpje te vinden wat laat zien hoe de zoekmachines hun weg vinden. Zoek naar “How search works”. • Externe links Hoe meer links naar jouw website gaan des te beter ben je te vinden voor de mensen die jou zoeken. Ga actief op zoek naar sites waar je jouw website op kunt vermelden.
    • Webstatistieken • Wat zijn webstatistieken ? • Waarom willen we deze weten ? • Wanneer moet ik gaan meten ?
    • Webstatistieken
    • Webstatistieken Wat zijn webstatistieken ? Webstatistieken geven inzicht in de prestaties van je website • Aantal bezoekers • Tijdstip en lengte van het bezoek (ook per pagina) • Welke zoekwoorden gebruikt zijn • Welke browsers gebruikt worden • Van welke website (dmv link naar jouw website) ze komen
    • Webstatistieken Meten is weten Waarom willen we deze weten ? • Als je een verandering doorvoert op je site (of je hebt een event georganiseerd, of een nieuwsbrief verstuurd) kun je kijken welk resultaat dit oplevert • Je kunt in de gaten houden of de maatregelen die je voor de SEO treft wel zin hebben • Je kunt kijken of je sociale media van invloed zijn
    • Webstatistieken Wanneer moet ik gaan meten ? METEEN • Je host houdt al statistieken voor je bij • Je kunt heel eenvoudig Google analytics in gebruik nemen • Als je er aan toe bent om te gaan interpreteren moet je geschiedenis hebben opgebouwd
    • Webstatistieken Google Analytics
    • Sociale Media • Wat is Sociale media ? • Welke sociale media zijn er ? • Is het nuttig ? • Hoe gebruik je sociale media ?
    • Sociale Media Wat is sociale media ? • Online platformen waar gebruikers, met geen of weinig tussenkomst van redactie, de inhoud verzorgen • Aangaan van relaties: vertrouwen, relevantie, interactie en luisteren • Geen monoloog, maar een dialoog • Socializen is oud, de media is nieuw
    • Sociale Media Welke sociale media zijn er ?
    • Sociale Media SOCIALE MEDIA UITGELEGD MET KOFFIE Met dank aan www.marketplacemaven.com voor het idee van de koffie, die het ook weer van iemand heben. Based on: “ The White board Picture with the Donut analogy”
    • Sociale Media SOCIALE MEDIA UITGELEGD MET KOFFIE
    • Sociale Media To socialize or not to socialize? Is het nuttig ? • Niets werkt zo goed als mond op mond reclame • Sociale media linken alles aan elkaar, top voor SEO • Branding, klantcontact, klantenservice, feedback: “Zakelijk vlooien.” • Triggeren websitebezoek, snel, persoonlijk, groot bereik met weinig budget • Onderzoek in Arnhem: aantoonbaar voor 2 op 6 bedrijven
    • Sociale Media Weet wat je deelt, want iedereen kijkt mee Hoe gebruik je sociale media ? • Ontwikkel een goede strategie (doel, doelgroep, planning) • Ontwikkel relevante content • Experimenteer, meet en monitor • Integreer de sociale media in je website • Gebruik de sociale media met events • Heb geduld ...
    • Ambassadeurs Laat anderen reclame voor je maken Betrek mensen bij het opbouwen van je site, het vullen van de content. Als je een geslaagde activiteit hebt gehad vinden mensen het leuk te worden uitgenodigd daar iets over te zeggen op jou site. Of je neemt zelfs een vaste ambassadeur ‘in dienst’. Iemand die betrokken is bij jou activiteiten. Zoek een win/win situatie. Niet voor wat hoort wat, maar gedeelde interesse en plezier in wat jullie doen. • Gebruik de sociale media zodat je allemaal losse ambassadeurs verzameld. Mensen die jou activiteiten gaan bezoeken en daar over vertellen op Twitter en Facebook. • Gebruik de mogelijkheid mensen een reactie op jou blog te laten geven. Dit zorgt voor referenties. Mensen lezen referenties om de betrouwbaarheid te onderzoeken.
    • Bronnen en links naar meer informatie • Yourhosting: 5 x 5 tips voor een veilige website: Veiligheid, Instellingen, Malware, Gegevens, Bezoekers • FrankWatching: Webstatistieken, 10 aandachtspunten bij het maken en interpreteren van webstatistieken • Marketing facts: Sociale media in Nederland 2013 • Allebedrijvenin: 15 SEO tips voor MKB websites • Allebedrijvenin: 9 tips om meer te verdienen • Ravenstein & Zwart: De 10 eigenschappen van een goede blog • InfoNu: Tips voor het opmaken van een tekstbestand • Filmpje met uitleg over hoe zoekmachines werken: How search works • AdWords Keyword Tool van Google voor het bestuderen van zoekwoorden
    • EINDE www.moose-design.nl