Website maken voor dummies

Website maken voor dummies

Jee wat een denigrerende titel voor deze pagina. Maar…. blijkbaar zoeken veel mensen op : “website maken voor dummies“. En dan kan ik dat nu mooi eens onderuithalen. Dummies of digibeten bestaan simpelweg niet.

Laten we beginnen met dit:

Ik geef al jarenlang trainingen aan coaches, therapeuten en andere professionele dienstverleners. En al die cursisten, echt allemaal, liepen er op een gegeven moment tegen aan: twijfels en vooringenomen gedachten die niet waar bleken te zijn.
Want ieder leert op een andere manier, maar één ding is zeker: als je weet wat je doet, kun jij dit ook!

WordPress is (inderdaad) niet altijd makkelijk

WordPress is een heel gebruikersvriendelijk programma. Toch zal je tijdens het zelf bouwen van je website zeker tegen obstakels aanlopen. Je kunt niet alles uit een boek leren, zelfs niet uit dit boek 😉 Dat is niet erg. Vraag gewoon hulp als het nodig is. Dat betekent voor de een dat je op zoek gaat naar geschreven instructie, omdat je zo het beste leert. De ander gebruikt liever video en stappenplannen en een derde moet echt live contactmomenten hebben om te leren een website te beheren.

Onherstelbare fouten (bestaan niet)

Ik hoor van heel veel startende cursisten dat ze bang zijn dat ze een onherstelbare fout maken. Ze durven daarom bijvoorbeeld hun website niet te updaten, ze zijn bang iets weg te gooien of de website onherstelbaar te verruïneren.

Ik kan je gerust stellen. Als je hebt gekozen voor goede webhosting, wordt er altijd een back-up gemaakt van je website. Dat is een veilig gevoel, want als je een enorme fout maakt, kan de site dus gewoon teruggezet worden. Je kunt trouwens ook zelf, met hulp van een zgn. plug-in, een reservekopie van je website maken.
Als je onbedoeld een pagina of blogbericht verwijdert, vind je ‘m ongeschonden terug in de prullenbak. En als je erachter komt dat je eerder geschreven tekst honderd keer beter was is er een simpele oplossing: WordPress heeft een ‘revisie’-knop’. Je kunt gewoon je eerder geschreven tekst dus altijd terughalen. Geweldig!

Website maken voor dummies

Voor de product- of dienstenpagina bestaat ook een standaardstructuur, die goed werkt. Als voorbeeld gebruik ik de pagina van Chantal Ooievaar. Zie je het verschil tussen deze twee voorbeelden?

Dienstenpagina – do’s en don’ ts

Mijn naam is Chantal Ooievaar
Mijn programma ‘Weer zin in je werk ‘ houdt in dat je:

• 16 weken intensief met mij aan de slag gaat
• Je krijgt werkboeken en pdf handouts om je resultaat te bereiken
• Je krijgt 8 coachingsessies met mij om je voortgang in de gaten te houden
• Je krijgt intensieve e-mails van mij zodat je je oefeningen volhoudt
• Je krijgt toegang tot mijn community

Deze opbouw is een ‘don’t’. Waarom? Omdat Chantal direct over zichzelf en het aanbod begint. Ze spreekt de bezoeker dus niet aan.
De volgende opzet is veel beter.

• Ben je een vrouw van rond de 40 en 45 en heb je het gevoel dat je vaak niet weet waar je het moet zoeken?
• Word je elke dag wakker met totale tegenzin in je werk?
• Ga je als een zombie naar je werk en sleep je je door de dag heen?

Als je de bovenstaande vragen met ja hebt beantwoord, dan is het tijd voor verandering!

Dit tweede voorbeeld is een ‘do’ omdat Chantal hier direct de aandacht van de bezoeker vangt door hem of haar op het probleem aan te spreken en hier vragen over te stellen.
De tweede tekst heeft dus het meeste resultaat.

Opdracht
Pak jouw diensten- of productpagina erbij en benoem één of twee probleemsituaties waar jouw ideale klant mee kampt. Begin met het grootste probleem. Deze kun je boven je dienst of productpagina opnemen.

——————————————————————————————

——————————————————————————————

——————————————————————————————

Homepage: wat wie waarom

Je homepage moet voorzien in veel behoeften.
Als belangrijkste entrée moet voor je bezoeker direct duidelijk zijn:

• wat je biedt
• wie je bent
• waarom je bezoeker bij jou moet zijn

Op de website moet ook direct duidelijk worden, waar je bezoekers heen kunnen en wat ze op je website kunnen ‘doen’

Dat is het in feite.

En het moet zo simpel zijn dat zelfs een peuter het snapt.

Plaats niet te veel tekst op je homepage en niet te veel links.  Bedenk je dat in deze tijd waarin je bezoeker snel is afgeleid door oppiepende Facebook berichten, een What’sapje en binnenvliegende e-mail, hij zo de weg kwijt raakt.

Stippel dus een duidelijk pad uit.

Maar het gaat toch om mijn bedrijf?

Tijdens een van mijn workshops WordPress ontstond de volgende discussie:

“Maar een klant kiest toch pas voor mijn bedrijf als hij weet wat mijn kernwaarden zijn? Dus die informatie, daar wil ik mee starten op mijn homepage.
Waarom zal hij nu doorklikken naar mijn informatie als hij mijn kernwaarden niet kent?”

Ja, hoe zit dit nu precies in elkaar?

De wie en de waarom horen zeker op je homepage thuis, alleen niet bij aanvang.

De andere cursist, een psycholoog nam het voortouw: “Het gaat toch echt eerst om het product of de dienst waar je naar op zoek bent. Je wilt weten of dat aansluit bij jouw behoeften.
Dan kijk je naar de ervaringen van anderen met de product of dienst. En daarna verdiep je je in het bedrijf of de ondernemer zelf.”

Dat sluit inderdaad goed aan bij hoe ik daarnaast ook de navigatiestructuur van een website graag zie:

Eerst home/omschrijvende dienst/portfolio, ervaringen/ (testimonials, cases) blog, over jou, contact.

En die homepage: houd het simpel: Eerst de dienst, dan wie er achter de onderneming staat en waarom je bezoeker juist bij jou moet zijn.

Als Bram het snapt, snapt jouw snel afgeleide bezoeker het ook.

Heb je hulp nodig bij jouw Homepage? Ik kan je helpen met de wie, de wat en het waarom en die homepage bouwen die de juiste bezoekers aantrekt.

Neem gerust contact op.

Met korte vragen naar groot resultaat

Welke brandende vragen leven er bij jouw klanten?

Kan dat zijn:

• Hoe je snel aan de juiste goede volgende baan komt. (loopbaancoach)

• Hoe je van je slepende slaapprobleem afkomt (gezondheidscoach)

• Hoe je Mindfull kunt zijn en blijven in een druk gezin (psycholoog, stressadviseur)

Heb je er wel eens over gedacht om je bezoekers, die op je website dwalen deze vraag te stellen? Zo kun je namelijk wel snel en direct in contact komen met je toekomstige klant.

Stel je vraag al eens in de sidebar.

Verras en prikkel je bezoeker.

Op deze manier maak je het eenvoudig voor de bezoeker om een vraag te stellen en in contact te komen met jou.
Vraag jezelf ook af wat het effect is van zo’n vragenformulier.  Wanneer dit  leidt tot een opdracht?

Welk kort informatieformulier werkt het beste?

Hou bij in een excel formulier, hoe vaak de formulieren worden ingevuld. (En natuurlijk welke andere vragen je klanten stellen…. deze vragen kun je goed in zo’n vragenformulier verwerken.)

Meerdere sidebars, meerdere vragen

Je kunt op verschillende pagina’s in verschillende sidebars, je vragen stellen aan je bezoeker. Je webpagina’s worden zo verschillende landingspagina’s die ieder je in contact kunnen brengen met nieuwe klanten.

Wist je dat je verschillende sidebars kunt oproepen? Je bepaalt zelf op welke pagina je welke sidebar en dus welke vraag kunt tonen. Dit krijg je eenvoudig voor elkaar door te werken met het Framework Genesis.
Er zijn heel veel plugins, functionaliteiten ontwikkeld die hier goed bij aansluiten:

Zo’n vragenformulier maak je eenvoudig met de plugin contactform 7.

Hier volgt een voorbeeld:

Hierboven zie je een afbeelding, maar ik ben benieuwd naar jouw brandende vraag. Stel je vraag gerust hiernaast!

Zelf buttons en graphics maken met Canva

Als website eigenaar die het roer in eigen handen heeft, wil je ook wel eens een leuke button maken of aantrekkelijk beeld voor je website.
Wat kun je hiermee maken?

• buttons
• call-to-action afbeeldingen
• achtergronden
• afbeeldingen voor bij je blog
• advertenties en noem het maar op!

Dit beeld heb ik in een paar minuten gemaakt:

Hoe? Bekijk het in dit filmpje:

Je kunt eenvoudig een account aanmaken op https://www.canva.com/

En zelf aan de slag!
Succes

WordPress beveiligen

Hoe kan je je WordPress website beveiligen?

Onlangs werd ik geconfronteerd met een vervelende zaak.
Iemand probeerde mijn website te hacken…. Gelukkig heb ik een goede en betrouwbare webhosting die direct wat veiligheidsacties deed.

WordPress beveiligen

Wat kun je nu zelf doen om je website te beschermen?

• Geef hackers geen kans:
• Maak altijd een back-up van je website
• Werk de plugins geregeld bij
• Volg de laatste updates van WordPress
• Verwijder gedeactiveerde plugins

Ik geef je hieronder vast een eerste tip.

Slim gebruik maken van categorieën op je website

Wat is nu eigenlijk  het verschil tussen een categorie en een tag?

 
Categorieën gebruik je voor je navigatie 
Bepaal je categorieën van te voren en maak er niet te veel.

Slim gebruik van een (product) categorie

 
Als we als voorbeeld deze website nemen:
http://shoptomkat.com/category_49/Shop-by-COLOR.htm zie je een slim gebruik van het grote aanbod dat er is.
Je ziet dat je producten bijvoorbeeld op kleur kunt kiezen. Deze mogelijkheid ontstaat door de kleur als (product)categorie op te nemen.

Top-Tip: De “geen categorie” aanpassen

Een bericht moet nu eenmaal een categorie meekrijgen. Als je zelf geen categorie aanmaakt zal het bericht worden gekoppeld aan geen categorie.
Een beetje jammer, gelukkig kun je dit ook voorkomen:

Ga naar Bericht/ categorie.

Geen categorie naam wijzigen: ga met de muis over de categorie heen en klik op bewerken

Geef een andere naam op:
Hier zie je ook weer dat je de categorie kunt onderverdelen in hoofd- en subcategorie.

Als je nog wat naar beneden scrollt zie je, wanneer je de plugin van Yoast de Valk hebt geactiveerd dat je hier ook een SEO titel voor kunt opgeven en een metaomschrijving.

Categorie en menu: Slim een tweede blogpagina maken dmv een categorie

Je kunt nog meer met categorie dan je denkt…. Soms hoor ik mensen roepen, eigenlijk wil ik 2 blogs. Kan dat?
Per website heb je maar 1 blogpagina waarop je berichten kunt plaatsen. Maar…. je kunt natuurlijk wel een categorie opnemen in je menu die je een andere titel geeft. Alle artikelen die je schrijft voor je 2de blog, koppel je aan die categorie. En zo heb je dan eenvoudig een 2de blog”pagina” met een specifiek onderwerp.

Koppige koppen in WordPress

WYSIWYG was hier nog wel zo handig

Herkenbaar? Ben je lekker aan het werk met  je WordPress website en je wilt je tekst overzichtelijk en lekker leesbaar opmaken.  Zoals deze onderstaande tekst:

Een kop 2

Alinea van 4-5 regels: Dit is een faketekst. Alles wat hier staat is slechts om een indruk te geven van het grafische effect van tekst op deze plek. Wat u hier leest is een voorbeeldtekst.

Een kop 3

Alinea van 4-5 regels: Dit is een faketekst. Alles wat hier staat is slechts om een indruk te geven van het grafische effect van tekst op deze plek. Wat u hier leest is een voorbeeldtekst.

En dan krijg je te maken met een frustrerend probleem:

Ipv alleen de kop, wordt de hele alinea een dikke brij aan vette gekleurde letters:

Een kop 3
Alinea van 4-5 regels: Dit is een faketekst. Alles wat hier staat is slechts om een indruk te geven van het grafische effect van tekst op deze plek. Wat u hier leest is een voorbeeldtekst. Deze wordt later vervangen door de uiteindelijke tekst, die nu nog niet bekend is. De faketekst is dus een tekst die eigenlijk nergens over gaat. Het grappige is, dat mensen deze toch vaak lezen. Zelfs als men weet dat het om een faketekst gaat, lezen ze toch door.
Irritant!

Hoe voorkom je dit nu?

Als je voldoende ruimte tussen de kop en de tekst hebt, geef gewoon een enter op na de koptekst, dan gebeurt dit niet.

 Hoe los je het anders op?

Stap 1:

Spring naar het html gedeelte Ipv de Wysisyg

Stap 2:

Zoek de </h3> op die waarschijnlijk achter de tekst is gekomen in plaats van achter de kop

Stap 3:
Knip de </h3>  en plak deze achter de kop.

Opgelost!

Waarom ik geen kop 1 gebruik: In veel thema’s wordt de pagina titel al weergegeven als een kop 1 of H1 op je pagina.

Waarom is het ook alweer goed om koppen te gebruiken?

• Het werkt positief voor je zoekmachine optimalisatie als je aan het begin van je kop het focus keyword – het zoekwoord waar de pagina omdraait– gebruikt
• Het geeft je lezer houvast zodat hij zich niet verliest in de brij aan tekst.

de uitgelichte afbeelding wat is dat eigenlijk?

Heel vaak wordt de vraag gesteld, wat…. is nu eigenlijk een uitgelichte afbeelding, ofwel een featured image?
Ik kan je niet een eenduidig antwoord hier op geven. Het verschilt namelijk per thema.
Ik ga wat voorbeelden geven van hoe zo’n uitgelichte afbeelding anders toont aan de hand van het thema Twenty Fourteen en het thema Prose van Genesis.

Hoe voeg je een uitgelichte afbeelding toe?

Maak een nieuw bericht aan en ga rechts van je beeldscherm onder categorie en tags naar uitgelichte afbeelding.
Hier staat: Voeg uitgelichte afbeelding toe of ad featured image, als je een Engels account hebt.

wat is een uitgelichte afbeelding

Wanneer je het laatste WordPress Thema neemt, thema Twenty Fourteen, dan toont de uitgelichte afbeelding zich boven het bericht wanneer je op de blogpagina kijkt.

Voorbeeld:
Maar als we nu kijken naar een ander thema, bijvoorbeeld het Thema Prose van Genesis wat we in de Workshops WordPress veel gebruiken: (Deze website is ook gebaseerd op het Thema Prose) dan zie je op de blogpagina dat er een uitgelichte afbeelding wordt meegegeven:

Maar als je op het individuele bericht zelf klikt,  verschijnt alleen de afbeelding die je in het bericht hebt geplaatst:

Het hangt dus echt af van je thema, hoe je uitgelichte afbeelding wordt gebruikt. Bekijk eens hoe jouw thema hiermee omgaat.

Een 404 pagina maken

404: hoe je van een misser een kans maakt

Oeps je bezoeker belandt op een 404 pagina, je kent ze wel …. De pagina die is vervangen of vervallen.

Hoe maak je van je deze misser nu een kans?

Een verwijzing naar de homepage, zie je wel eens langskomen maar… dit is voor je bezoeker toch erg verwarrend.

Volg de volgende stappen

1) Maak een 404 pagina die je bezoeker houvast geeft, dus plaats hier een link op naar de belangrijkste pagina,  het zoekformulier

2) Plaats hierop een afbeelding, je emailformulier met je cadeau (ebook/mp3/video) als soelaas.

3) Zoek bij plugin, nieuwe plugin: 404 to Start

4) En vul hierbij Target url , de link van de nieuwe 404 pagina in.

Nog meer inspiratie voor je 404 pagina?

Kalender maken met je WordPress website

De Kalender Ajax Kalender

Deze plugin is heel prettig voor het tonen van je workshops, evenementen, tentoonstelling, cursussen of producten.
Hoe neem je deze nu op in je WordPress website?

Je gaat via Plugin, nieuwe plugin opzoek naar de Ajax event calendar.
[alhoewel er bij staat dat hij niet werkt met de laatste versie van WordPress, deze plugin doet het prima]

Stap 1:

Door categorieën te wijzigen en toevoegen kun je je evenementen benoemen en een kleur meegeven per verschillend evenement.

Stap 2:
De kleur codes kun je wijzigen en je kunt andere namen geven voor de categorieën/evenementen

kalender categorie, door kleuren te gebruiken maak je je eigen evenement aan.

Stap 3:
Je kunt bepalen bij Kalender opties welke elementen er ingevuld moeten worden en wat verplicht is aan informatie die je wilt tonen.

Stap 4
Dan ga je naar kalender toe. Klik op een dag in de maand en dubbelklik op deze dag.

Stap 5
Nu kun je een evenement toevoegen.

Stap 6:
In de sidebar in een tekstwidget neem je op  de shortcode  die hieronderstaat in de tekstwidget. [eventlist]

Stap 7
Op een kalenderpagina neem je de shortcode die hieronder in de afbeelding staat.