Blok 5: Goede webpagina’s

Blok 5: Goede webpagina’s (deel 1)
T.boertien@ooz.nl
W.meinen@ooz.nl
1 / 17
suivant
Slide 1: Diapositive

Cette leçon contient 17 diapositives, avec diapositives de texte.

Éléments de cette leçon

Blok 5: Goede webpagina’s (deel 1)
T.boertien@ooz.nl
W.meinen@ooz.nl

Slide 1 - Diapositive

Conversie en homepage
Doel van de website: bezoekers aanzetten tot de aankoop. Van kijken naar kopen! 
Ander woord: verandering of wisseling
Tips: 
Informatie moet kort en duidelijk zijn
Speciale acties zijn zichtbaar en aanwezig, aanzetten tot impulsaankoop
Goede service, laat dit blijken
Nieuwe producten/diensten op de homepage
Goede referenties (beoordelingen) laten zien

Slide 2 - Diapositive

Landingspagina
De pagina waar de bezoeker op terecht komt, vaak via een zoekmachine
Moet dus uitnodigend zijn en herkenbaar! 
Het ligt aan de zoekwoorden van de bezoeker op welke pagina ze terecht komen
Tips: 
  • Zorg dat de landingspagina overzichtelijk is
  • Niet te veel afleiding
  • Zorg dat de meest gelezen/belangrijkste informatie direct beschikbaar is

Slide 3 - Diapositive

Menu indeling
  • Menu: overzicht van opties (denk aan restaurant)
  • Goed menu is overzichtelijk en logisch ingedeeld
  • Je hebt je assortiment ingedeeld in productgroepen: laat dit terugkomen in je menu
  • Drop-down menu: menu opent wanneer je met de muis over de knop beweegt 
  • Via het menu navigeer je door de site

Slide 4 - Diapositive

Kruimelpad
  • Dit is de “route” die je door de site hebt afgelegd
  • Dit zijn vaak klikbare links waarbij je terug kunt naar een bepaald deel van de site
  • Overigens kun je ook filters toepassen om een bepaalde selectie te tonen

Slide 5 - Diapositive

Assortiment
  • Dit zijn de producten of diensten die je via de webshop verkoopt
  • Om het overzicht te behouden, verdeel je deze in groepen:
  • Kernassortiment: belangrijkste en meest verkochte artikelen, de reden waarom mensen je webshop bezoeken. Ook wel: hoofdassortiment.
  • Randassortiment: artikelen die je als aanvulling erbij verkoopt. Het zijn artikelen die goed passen bij kernassortiment.

Slide 6 - Diapositive

Afbeeldingen producten
Belangrijk onderdeel van je webshop!
De manier voor klanten om te zien wat ze in huis halen
Goede afbeeldingen kunnen tot hogere verkoop leiden
Je kunt enkel het product afbeelden – of juist het product “in actie”

Slide 7 - Diapositive

Afbeeldingen juist gebruiken
Mensen willen niet wachten: afbeeldingen comprimeren (verkleinen) zodat ze snel laden
Productvideo’s kunnen ook, maar zijn grote bestanden en laden niet snel
Afbeeldingen kun je vinden via internet – let op gebruiksrechten!
Beste: zelf maken – kost wel veel tijd 

Slide 8 - Diapositive

Overzichts- en productpagina’s
Plaats je alle producten op één pagina --> bezoeker moet eeuwig scrollen.
Daarom onderdelen verdelen in groepen en deze correct samenvoegen
Overzichtspagina: webpagina met meerdere groepen erop, achter een afbeelding
Productpagina: webpagina van een enkel product
Handige optie: filteren van producten

Slide 9 - Diapositive

Lazy loading
Dit is het gedeeltelijk laden van een webpagina om het laden te versnellen
Voordelen: Laadt sneller, hogere indexering door Google vanwege foto’s en teksten boven de onderbreking
Nadelen: zoekmachine geeft afbeeldingen en teksten onder de onderbreking 

Slide 10 - Diapositive

Contactpagina
Pagina op je webshop waar alle manieren staan om in contact te komen. Aantal eisen:
Bedrijfsnaam
Bezoekadres
Telefoonnummer
Inschrijfnummer KvK
Btw-inschrijfnummer
Andere mogelijkheden:
Postbusadres
E-mailadres
Bereikbaarheid afdeling klantenservice
Tijden wanneer je bereikbaar bent
IBAN (bankrekeningnummer)
Waar je te vinden bent op bijvoorbeeld Google Maps

Slide 11 - Diapositive

Contactformulier en captcha 
Contactformulier: formulier op de website waar een bezoeker een vraag kan stellen, informatie kan sturen of een klacht indienen 
Je kunt de bezoeker een optie geven waarom ze deze invullen: bijvoorbeeld “een vraag stellen” of  “een klacht doorgeven”
Voordelen: e-mailadres is vaak meteen correct en contact is meteen mogelijk
Spam voorkomen: verstandig om een captcha op te nemen om te checken dat er geen spambot berichten stuurt

Slide 12 - Diapositive

Aan de slag
Zelfstandig maken: 
  • Blok 5
  • Opdracht(en): 1 t/m 11
  • Tijdsduur: 3 lesuren
  • Klaar?: bezig met website

Slide 13 - Diapositive

Blok 5: Goede webpagina’s (deel 2)
T.boertien@ooz.nl
W.meinen@ooz.nl

Slide 14 - Diapositive

Aan de slag
Zelfstandig maken: 
  • Blok 5
  • Opdracht(en): 12 t/m 17
  • Tijdsduur: 2 lesuren
  • Klaar?: bezig met website

Slide 15 - Diapositive

[Tekst]

Slide 16 - Diapositive

[Tekst]

Slide 17 - Diapositive