Voorbereiding

Het uitgangspunt van de website: de bezoeker

Op jouw website gaan we de bezoeker centraal stellen. Niet alleen trek je op die manier de klanten aan met wie jij wilt werken, maar ontstaat er ook interactie. En die interactie is nodig om van de bezoeker een klant te maken. Hoe doe je dat? Door goede call-to-actions (oproepen tot actie) op jouw website toe te voegen.

Je zult hiervoor goed moeten weten wat de doelgroep van jouw website is. Over algemeen kun je ervan uitgaan dat hoe specifieker je jouw doelgroep weet te bepalen en aan te spreken, hoe beter je ook gevonden gaat worden door de klanten met of voor wie jij wilt werken. En ook voor het bepalen van de uitstraling van jouw website is het belangrijk om jouw doelgroep te kennen.

Het doel van jouw website

Verder zul je goed het doel van jouw website moeten bepalen. Zo’n doel kan zijn:

• potentiële klanten bereiken en contact laten opnemen
• een product of een dienst verkopen
• bezoekers jou laten contacteren of direct een afspraak laten maken
• bezoekers een offerte-aanvraag laten doen
• informatie verstrekken aan bestaande klanten

De structuur van jouw website

Over het algemeen bestaat een website in ieder geval uit onderstaande pagina’s.

• Een onweerstaanbare homepage – de template die hiervoor in dit werkboek is opgenomen, gaat jou hierbij goed op weg helpen.
• Een productpagina met eventueel subpagina’s.
• Een Over mij / Over ons pagina. Een superbelangrijke pagina die bezoekers het vertrouwen gaat geven om voor jou en jouw product te kiezen.
• Een reviewpagina inclusief een pagina waarmee jij jouw klanten om een review kan vragen, die vervolgens – uitsluitend na jouw goedkeuring – automatisch geplaatst wordt. Na inzending van de review komt de inzender automatisch op een bedankpagina terecht.
• Een eenvoudige pagina zoals bijvoorbeeld die voor de Algemene Voorwaarden. Deze pagina kan dienen als template voor heel veel andere pagina’s. Denk hierbij aan een Veelgestelde vragen pagina of de pagina met de privacyverklaring. Voor de structuur: links naar een algemene voorwaarden en/of privacyverklaringpagina staan over het algemeen in de footer.
• Een blogverzamelpagina waarop al jouw blogs terug te vinden zijn.
• Een blogpagina inclusief resultatenpagina’s voor het tonen van meer blogs uit dezelfde categorie of met dezelfde tag.
• Een contactpagina inclusief contactformulier en Google Maps kaart. Na inzending van het formulier komt de inzender automatisch op een bedankpagina terecht.

Voor deze pagina’s vind je verderop in dit online werkboek handige templates. Die templates kun je vanzelfsprekend ook gebruiken voor andere pagina’s. Want het kan zo maar zo zijn, dat jouw website meer pagina’s heeft dan hierboven aangegeven.

Het helpt jou en mij enorm wanneer je een schematisch overzicht maakt van de structuur van jouw website.

Je wilt van bezoekers op jouw website geen spoorzoekers maken. Jouw website zal daarom niet alleen een duidelijke menustructuur moeten hebben, maar wanneer een bezoeker op een andere pagina dan jouw homepage op jouw website binnenkomt, zal het voor hem ook duidelijk moeten zijn waar hij zich op dat moment bevindt en waar hij andere informatie kan vinden.

Je zult daarom maar 5 à 7 hoofdmenu-items willen hebben. Zo is het voor de bezoeker namelijk in één oogopslag duidelijk waar bepaalde informatie te vinden is. Ga daarom ook niet onnodig creatief zijn met de woorden die je gebruikt in het hoofdmenu.

Natuurlijk is het belangrijk om de gebruikerservaring voorop te stellen, maar je wilt bezoekers ook naar een pagina leiden die hen tot actie doet overgaan. Actie zoals het inschrijven voor een nieuwsbrief, het reserveren van een accommodatie of workshop of de aanschaf van een product. Voeg daarom eventueel ook een zogenaamde call-to-action knop aan je menu toe. Denk hierbij aan: Schrijf je nu in, Reserveer nu of Neem contact op.

Een icoontje in plaats van het woord home

Om eenvoudig icoontjes te kunnen toevoegen (zoals bijvoorbeeld gebruikt in het menu bovenaan deze pagina), maak ik gebruik van Fontawesome. Alleen heb ik al teveel websites gekoppeld aan mijn account, terwijl er maar maximaal een bepaald aantal vertoningen per maand gedaan wordt.

Wanneer jij ook een huisjesicoon wilt hebben in plaats van het woord Home dan zul je een account moeten aanmaken op de Fontawesome website. Het is heel eenvoudig.

Op de homepage van Fontawesome klik je vervolgens op Your kits. Klik op de volgende pagina op Create Your First Kit.

In het volgende scherm selecteer je bovenaan Freestyles en klik je vervolgens iets lager op Next ->

In het volgende scherm selecteer je Hosted by Us en vul je de url van jouw website in. Indien jouw website op een subdomein wordt gemaakt, vul je hier én de url van het subdomein en de url van de uiteindelijke website in.

Bij Give it a Good Name vul je bijvoorbeeld de naam van de website in. Klik vervolgens op Make my Kit.

Halverwege de pagina zie je een code. Deze code zal op jouw website gezet gaan worden. De code die verschijnt ziet er zo uit:

<script src="https://kit.fontawesome.com/b111af1f11.js" crossorigin="anonymous"></script>

Kopieer de code en mail hem naar mij.

Spam voorkomen via formulierinzendingen

Afhankelijk van de hosting provider, kan het zo zijn dat je minder of meer spam inzendingen via het contactformulier van jouw website zal ontvangen. Om dit te voorkomen, kan ik een zogenaamde Hidden CAPTCHA toevoegen. Deze beveiliging heeft geen invloed op de gebruiksvriendelijkheid voor de invuller van het formulier.

Om deze functionaliteit toe te voegen aan jouw website heb ik 2 api keys nodig, welke je kunt aanmaken op: https://www.google.com/recaptcha/admin/create

• Klik op Switch to create a classic key in het bovenste blok.
• Vul bij Label de naam van jouw website in.
• Vink reCAPTCHA v3 aan
• Klik op bij + teken de domeinnaam van jouw website in (inclusief https:// )
• Bij eigenaren vul je jouw mailadres in
• Accepteer de voorwaarden
• Vink eventueel Meldingen naar eigenaren verzenden uit. Wanneer je dit aangevinkt laat staan, ontvang je een berichtje wanneer er een probleem met jouw reCAPTCHA is
• Klik op Verzenden
• Stuur mij de 2 api keys die hierna verschijnen

Je hoeft dit niet direct te doen. Het kan ook zo zijn dat de Stop Spammers plugin die op jouw website is geïnstalleerd al voldoende spam tegenhoudt. Mocht dat niet zo zijn, dan kunnen we de Hidden CAPTCHA functionaliteit altijd op een later tijdstip toevoegen.

UpdraftPlus instellen

Ik wil je vragen om alvast iets aan jouw website te doen. Want wanneer jij straks druk bezig bent met het schrijven van teksten, ga ik jouw website alvast opzetten. Ik vind het dan altijd prettig om gelijk een back-up functionaliteit op de website werkend te hebben. Op die manier kunnen we met 1 druk op een knop, de website terugzetten naar een eerdere versie wanneer er onverhoopt iets misgaat zonder afhankelijk te zijn van de back-up van een hosting provider.

Bedenk vooraf even waar je de back-up kunt opslaan. Heb je nog ruimte in een bestaande Google Drive account, dan kun je die gebruiken. Mocht je geen bruikbare Google Drive account hebben dan is de meest eenvoudige oplossing om een gmail-adres voor de website aan te maken. Daar krijg je namelijk automatisch 15 GB gratis opslagruimte bij. Voorbeeld: urlvandewebsite@gmail.com.

Stap 1

Log in op je website en ga in het dashboard van je website naar: Instellingen => UpdraftPlus-backups

Stap 2

Ga naar de tab Instellingen:

Stap 3

Klik op de Google Drive icoon.

Stap 4

Klik vervolgens onderaan de pagina op Wijzigingen opslaan en volg de instructies die hierna verschijnen.

Succes! Mocht het niet lukken, laat dat gerust weten. Dan kijken we er samen naar. Maar op zich is het supereenvoudig. En lukt het wel, dan hoor ik dit ook graag.