ProWriter X Development Roadmap

Deze roadmap geeft inzicht in de nieuwe functionaliteiten die inmiddels beschikbaar of in ontwikkeling zijn voor het ProWriter X CMS van Studio Projectie. ProWriter X kan uitgebreid worden met zogenoemde “Packages”.

Meer weten over een van deze upgrades of uitbreidingen neem dan contact met ons op.

Laatst bijgewerkt: 5 mei 2022

WordPress website updaten in 3 veilige stappen

We vrezen allemaal die woorden – “we moeten onze website bijwerken” – vooral als we niet precies weten hoe we dat moeten doen zonder schade aan te richten. Maar maak je geen zorgen, wij zijn er om je te helpen! In deze blogpost nemen we je mee door drie veilige stappen om je WordPress website bij te werken. Dus of je nu een beginner of een ervaren gebruiker bent, volg deze stappen en je bent in een mum van tijd bijgewerkt!

Waar heb ik de updates voor nodig?

Updates worden op regelmatige basis uitgebracht voor het WordPress CMS, de thema’s en plugins. Deze updates beschermen je website tegen hackers met beveiligingspatches die mogelijke kwetsbaarheden in de code en andere risico’s afdekken. Hackers verzinnen en gebruiken continu nieuwe technologieën om websites online aan te vallen en updates beschermen hier tegen. Daarnaast worden met updates soms nieuwe functionaliteiten geïntroduceerd, bugs verholpen of verouderde functionaliteiten vervangen of verwijderd. Kortom, de updates zorgen ervoor dat alle onderdelen van je WordPress website optimaal functioneren. 

Hoe vaak moet ik WordPress updaten?

Waarbij het voorheen voldoende was om 1x per jaar alles te updaten, adviseren we nu met klem om je website minimaal 1x per kwartaal van al deze updates te voorzien. In de praktijk is echter gebleken dat niet iedereen (meer) weet hoe de website geupdate moet worden en dat dit soort updates niet langer alleen afhankelijk kunnen zijn van het moment dat je wijzigingen wilt aan de website.

In het kader van deze ontwikkelingen hebben we daarom een nieuwe WordPress update service in het leven geroepen. We updaten ieder kwartaal de websites die wij hosten volledig en controleren de websites na het updaten op eventuele kwetsbaarheden. Wil je de updates liever in eigen hand houden of hosten wij je website niet lees dan verder hoe je zelf kunt updaten.

Update ik vaak genoeg?

Deze vraag krijgen wij regelmatig van onze klanten. De updates zijn met name nodig wanneer er belangrijke updates zijn. Bijvoorbeeld wanneer er een security update beschikbaar is, een functie binnen een plugin niet goed werkt en is gerepareerd of omdat er een nieuwe belangrijke functie is toegevoegd. Het nadeel van deze aanpak is dat je echter de berichten en notificaties van leveranciers en plugin marketplaces in de gaten moet houden om te weten wanneer je een update moet installeren.

We zien in de praktijk vaak het volgende:

Maar wanneer is dan wel het juiste moment om te updaten?

De beste WordPress update volgorde

Je kan je WordPress-website van updates voorzien in willekeurige volgordes, maar de praktijk heeft ons geleerd dat deze volgorde het minste risico’s met zich meebrengt.

1. Plugins
2. Thema
3. WordPress CMS

Het bijwerken van je WordPress-website kan een uitdaging zijn, maar het is belangrijk om de dingen op orde te houden. Eerst moet je alle plugins bijwerken. Als dat eenmaal is gebeurd, kan je verder gaan met het bijwerken van het thema. En tenslotte, als al het andere up-to-date is, kan je WordPress zelf updaten. Door deze volgorde aan te houden, verklein je het risico op problemen bij het updaten. In sommige gevallen zijn er na het updaten van het WordPress CMS opnieuw nieuwe plugin updates beschikbaar.

Heb je een backup?

Het is altijd een goed idee om een backup van je WordPress website te (laten) maken voor je gaat updaten. Op deze manier kun je je website herstellen vanaf de backup. Wij maken dagelijks backups van alle websites die wij hosten. De meeste webhosts bieden een backup service aan, maar het is altijd een goed idee om dit te controleren. Daarnaast is het handig om je WordPress site tijdens kantooruren bij te werken, zodat (als er toch iets mis gaat) je contact op kunt nemen met je hosting provider of webbouwer. Op deze manier kun je voorkomen dat er gegevens verloren gaan of dat je website lang offline is.

Controleer je website op conflicten na het updaten

Het bijwerken van een WordPress website kan een snel en eenvoudig proces zijn, maar soms kunnen er conflicten optreden. Daarom is het altijd een goed idee om na een update te controleren of alle functies nog werken. Contactformulieren zijn bijvoorbeeld een vitaal onderdeel van veel websites, dus die zul je goed moeten testen. Het bijwerken van WordPress websites is een belangrijk onderdeel om ze goed draaiende te houden. Neem daarom de tijd om het goed te doen en test na iedere update of alles nog werkt.

Recente ontwikkelingen & hoe wij dit aanpakken

Met de onstabiele situatie in de wereld neemt ook het aantal hacks schrikbarend toe. Het afgelopen kwartaal hebben we meer incidenten gesignaleerd dan de afgelopen 5 jaar. Wij doen er alles aan om de WordPress websites die wij hosten veilig te houden en hebben daarom inmiddels:

• Al onze websites voorzien van SSL Certificaten
• Al onze servers regelmatig voorzien van security updates
• Al onze wachtwoorden veilig opgeborgen in een wachtwoordkluis
• Waar mogelijk 2FA(2 factor-authentication) geactiveerd
• Uptime Robots geïnstalleerd die ons alarmeren wanneer onze websites offline zijn, zodat wij incidenten direct kunnen onderzoeken
• Betrouwbare backups en een 24/7 SLA geregeld bij onze hosting leverancier, zodat we sites snel kunnen herstellen
• Een hack protocol opgesteld om de schade te beperken en verdere verspreiding tegen te gaan

Tot voor kort waren dit soort maatregelen meer dan voldoende, maar we zien een steeds grotere noodzaak om regelmatig updates te installeren. WordPress websites hebben 3 type updates nodig: WordPress zelf, het thema en de plugins.

Bang dat je de updates van je website vergeet?

Geen zorgen! We zijn er om je te helpen. Ons team van WordPress professionals regelt alles voor je, zodat je website altijd bijgewerkt is, veilig blijft en soepel loopt. 

Neem contact met ons op voor meer informatie

Alles wat je moet weten over API’s

Nou ja alles. In ieder geval genoeg om een weloverwogen beslissing te maken of je toe bent aan een API en waar je rekening mee moet houden als je een API wilt laten ontwikkelen. 🙈

Wat is een API?

Je kent het wel, je gebruikt een systeem dat heel handig is, maar het zou nog handiger zijn als het kon ‘praten’ met een ander systeem dat je ook gebruikt. Om dit mogelijk te maken is de API uitgevonden, kort voor ‘Application Programming Interface’. Een “API (spreek uit E-PI-AI en niet apie 🐵 )”. De laatste jaren zijn vooral de REST API’s populair geworden. REST staat voor ‘Representational State Transfer’. Systeem A stuurt een vraag naar systeem B, bijvoorbeeld: “Geef mij de voornaam van klant 1” en systeem B levert de gevraagde data. Met dit vraag en antwoord principe zijn miljoenen systemen aan elkaar gekoppeld. Het kan gaan om een heel eenvoudig proces, zoals het inladen van Instagram afbeeldingen op je website tot een complexe koppeling tussen meerdere administratiesystemen en betaaldiensten. Diensten die bekend zijn geworden om hun API’s zijn bijvoorbeeld betaaldiensten, zoals Mollie en Stripe, nieuwsbriefservice MailChimp en administratiesystemen, zoals Exact Online.

De API, zoals die vaak ‘bedoeld is’ is de functionaliteit die de leverancier van een systeem beschikbaar stelt om ‘mee te praten’ en de documentatie met de noodzakelijke instructies. De API-koppeling is de communicatie die gerealiseerd moet worden tussen de twee systemen, zodat zij met elkaar informatie en instructies kunnen uitwisselen. 

Twee API’s wisselen data uit

Waar moet je rekening mee houden met de ontwikkeling van een API koppeling?

Het realiseren van een betrouwbare API koppeling vraagt de nodige expertise en ervaring. Beginnelingen beweren vaak heel goedkoop en snel een koppeling te kunnen maken, want hoe moeilijk kan het zijn als je de instructie hebt? 10 regels data over en weer sturen duurt niet lang en is niet moeilijk, maar wat als dat er na 5 jaar meer dan 1000, 10 000 of zelfs 100 000 zijn? Wat gebeurd er als er een betaalbevestiging van het ene naar het andere systeem gestuurd is en juist op dat moment een van de twee systemen niet thuis geeft? Hoe zorg je dat het dataverkeer tussen de twee systemen goed afgeschermd is? Al dat soort risico’s en meer moet de koppeling mogelijk rekening mee houden en al die randscenario’s afschermen dat kost veel tijd. Een ontwikkelaar die je niet op dergelijke risico’s wijst of er naar vraagt gaat ze ook niet afdekken met alle gevolgen van dien. Bij API’s is nog altijd: “pay peanuts, get monkeys” het devies.

Wie laat jij een API bouwen?

Welke risico’s brengt een API met zich mee?

Buiten de technische uitdagingen zijn er ook organisatorische problemen waar je tegenaan kunt lopen als twee partijen moeten gaan samenwerken. Is bijvoorbeeld de documentatie wel helemaal bijgewerkt en is overleg tussen de programmeurs mogelijk? Dat klinkt minder logisch dan het is, want probeer jij maar eens een developer bij Facebook, Freshdesk of Apple te spreken te krijgen om een technisch probleem op te lossen. In veel gevallen is het maken van zo’n koppeling ook niet iets waar softwareontwikkelaars enorm om zitten te springen en ze houden er vaak ook geen rekening mee dat jij in de problemen komt als zij ergens de stekker uit trekken. Het is daarom belangrijk dat de partij die de koppeling voor je gerealiseerd heeft door de jaren heen de mogelijke aanpassingen kan maken.

Een goede documentatie is daarom van belang. Zorg ervoor dat je niet afhankelijk bent van het geheugen van een enkele programmeur, maar dat vastgelegd is hoe de koppeling werkt en welke data uitgewisseld wordt door de verschillende systemen. Een professionele ontwikkelaar zal naast de nodige documentatie ook een error log inbouwen. Een stukje code die fouten registreert en aangeeft waar de fout is opgetreden. Er is niets minder efficiënt dan programmeurs in twee systemen te laten zoeken naar een speld in een hooiberg. De crème de la creme is de unit test. Een stukje code die iedere dag alle processen automatisch test en alarm slaat als er een probleem is. Wat je nodig hebt hangt af van de impact die de API op je bedrijfsvoering heeft. Ga je tickets verkopen voor een evenement dan wil je niet dat bij de opening van de kaartverkoop een storing roet in het eten gooit. Haal je een paar afbeeldingen op van Instagram dan is het wellicht geen ramp als eens in de zoveel tijd de verbinding er even uit ligt.

Voor een festival is een betrouwbare kaartverkoop essentieel

Zijn API’s duur?

Een API is eigenlijk nooit te duur, behalve als het niets gaat opleveren. Reken bijvoorbeeld uit hoeveel manuren het nu kost om gegevens van systeem A naar systeem B over te typen en wat het kost als er door dat handwerk fouten in sluipen. Een punt of komma verkeerd en 20 000 Euro kan plotseling 2 000 Euro zijn geworden in de administratie. Een fout die niet mogelijk is met goede automatisering. De vraag is dus niet wat kost een API, de vraag is ‘wat mag het kosten’ en ‘wat levert het op welke termijn op’?

Let wel op dat niet alles te automatiseren is en niet alle automatisering een positief effect heeft. Software systemen zijn namelijk Sith en geen Jedi, ze redeneren in ‘absolutes’. Het is 1 of 0, ja of nee. Direct betalen of een aanmaning. Toegang of geen toegang. Die ene oud bestuurder die je altijd over hebt geslagen met de facturatie of de coulance die je toepast, omdat je weet dat een klant in slecht weer zit. De gekoppelde systemen gaan daar geen rekening mee houden, tenzij je al die uitzonderingen in de programmatuur meeneemt. Meer uitzonderingen betekent niet alleen hogere kosten, maar ook meer complexiteit en wat in de software wereld ‘points of failure’ genoemd worden.

Blijf hip, maar zorg wel voor duidelijke foutmeldingen

Advies voor je een API laat bouwen

Je begint daarom bij het realiseren van een API altijd met het in het kaart brengen van het proces. Vergeet techniek, maar pak eerst pen en papier. Teken uit hoe de ‘flows’ lopen en welke data uitgewisseld moet worden en heel belangrijk wat uiteindelijk het resultaat is van die gegevensuitwisseling. Heb je dat in de smiezen dan kun je gaan kijken wat er technisch mogelijk is, wat de grootste risico’s zijn en wat voor budget daar bij zou passen. Uiteraard bieden veel webbureau’s en digital agencies, zoals Studio Projectie aan om de processen, risico’s en mogelijke winst in tijd en geld voor je in kaart te brengen.

Begin ook waar mogelijk klein als je start met automatiseren. Zeker als je nog niet eerder met API ontwikkeling in aanraking bent gekomen kun je voor grote verrassingen komen te staan. Maak het voor je zelf behapbaar, want als jij het beoogde proces zelf al niet snapt dan is het voor een programmeur onmogelijk om het goed te automatiseren. Het allerduurste is namelijk ‘achteraf’ te ontdekken dat het toch niet lekker werkt of dat je de helft van de stappen vergeten bent. Door stap voor stap te werken en alles goed te testen kun je het proces beter volgen en controleren of het allemaal klopt.

Zo zie je dat er achter de wereld van API’s heel veel schuilgaat. Heb je zelf al eens overwogen om een API te gaan ontwikkelen? Wil je meer weten over API’s of vraag je je af of twee van je favoriete systemen met elkaar zouden kunnen ‘praten’? Wij horen graag meer!

Wat is een landingspagina?

Een landingspagina is een aparte pagina op je website, waar bezoekers op binnenkomen (oftewel: landen) via bepaalde zoektermen of advertentiecampagnes. Een landingspagina is dus met een specifiek doel opgezet, en zorgt daardoor voor meer conversie dan reguliere pagina’s op je website.

In de basis zijn er twee verschillende soorten landingspagina’s: landingspagina’s die gericht zijn op vindbaarheid, en landingspagina’s die ondersteund worden door een advertentie- of marketingcampagne.

Ongeacht hoe bezoekers op jouw landingspagina’s komen, het gaat er uiteindelijk om dat zij de gewenste interactie aan gaan.

Waarom je een landingspagina wilt maken

Landingspagina’s hebben ontzettend veel voordelen en zijn supereffectief.
De grootste voordelen zijn dan ook:

1. Meer nieuwe bezoekers
   Wanneer je landingspagina’s maakt, creëer je nieuwe deuren naar je website waarmee je meer bezoekers naar je website trekt.
2. Hoge conversie
   Vind jij het ook fijn om de juiste informatie te krijgen wanneer je iets zoekt? Landingspagina’s zijn speciaal op maat gemaakt aan de hand van de doelgroep en hun zoekgedrag. Doordat ze aansluiten op de verwachting van bezoekers zijn ze veel effectiever zijn dan reguliere pagina’s, en verhogen ze de conversie.
3. Specifieke marketing door targeting
   Hoe specifieker jouw marketingcampagnes zijn, des te groter is de kans dat deze aanslaat bij jouw doelgroep. Je weet met landingspagina’s namelijk exact wie jij gaat targeten en wat je bezoekers willen. Er is een duidelijk doel.

Dat zijn de belangrijkste voordelen van landingspagina’s bouwen. Het is een onwijs efficiënte manier om nieuwe klanten te genereren. Maar hoe pak je dit nou aan? No worries, wij leggen je stap voor stap uit wat je moet doen om een goede landingspagina te schrijven.

Stap 1: Ken je publiek! – Doelgroep kiezen

Jouw business heeft een doelgroep met bepaalde kenmerken en wensen. Door in te spelen op de wensen, eisen en verwachtingen van je doelgroep, kun je je product of dienst beter aan de man brengen.

Het loont dan ook om je daar goed in te verdiepen. Kennis van de eigenschappen van je doelgroep, zoals leeftijd, gewoontes, budget en andere unieke eigenschappen helpen jou om je product te verkopen of je service aan te bieden.

Hoe doe je dat? Door persona’s op te stellen, die jouw ideale doelgroep representeren. Om dit te kunnen doen moet je onderzoek doen, met bijvoorbeeld enquêtes, interviews en deskresearch. Maar het is de moeite waard: uiteindelijk zal het jouw landingspagina’s flink versterken, omdat deze beter aansluiten bij de doelgroep.

 Denk hierbij niet alleen aan wie je doelgroep is, maar ook aan wat je doelgroep wil. Als iemand iets wil, zullen ze daarnaar (online) gaan zoeken. En als je je genoeg hebt kunnen inleven om te weten waar mensen naar zoeken, dan kan je daarop inspelen. Hier zullen we nog wat verder op ingaan bij stap 3.

Stap 2: Wat wil je bereiken? – Bepaal je conversiedoel

Voordat we beginnen met het maken van jouw perfecte landingspagina’s moeten we vaststellen wat je wilt bereiken. Oftewel: wat is jouw ‘call to action’?
Dit is meestal één van de onderstaande doelen:

• Inschrijven voor een cursus
• Contactinformatie achterlaten
• Kortingsbon downloaden
• Inschrijven voor een nieuwsbrief
• Offerte aanvragen

Dit zijn veel voorkomende doelen, maar er zijn natuurlijk ook nog heel veel andere mogelijk. Het is belangrijk om voor je landingspagina maar één doel te kiezen. Dat verkleint het aantal keuzes dat je aan jouw bezoeker geeft, waardoor de landingspagina veel effectiever wordt.

Stap 3: Tijd voor een zoekwoordenonderzoek

Het kiezen van passende zoekwoorden is misschien tijdrovend, maar het geeft wel de beste resultaten. Het verbetert de vindbaarheid in zoekmachines, en geeft een duidelijk beeld van de zoekvraag die jouw doelgroep heeft, voordat ze op jouw landingspagina komen.

Begin met een lijst te maken van relevante termen voor jouw product en/of dienst.

Een van de simpelste tools die je kan gebruiken om te kijken of een zoekwoord geschikt is, is Google. Door de automatische suggestie die Google doet wanneer je iets intypt, krijg je de meest populaire zoekopdrachten te zien. Dit kan je gebruiken in je zoekwoordenonderzoek. Zo kan je er achter komen welke vragen het meest gezocht worden bij bepaalde termen, of zien waar mensen veel of misschien juist niet op zoeken.

Hoe langer een zoekwoord is, hoe meer impact het heeft. Het is makkelijker om hoog te ranken op zogenaamde ‘long tail keywords’ – en ze hebben ook nog eens een hogere conversiepercentage. Wij adviseren je dan ook om op meer op specifieke zoektermen te focussen, zodat je de beste resultaten behaalt.

Bijvoorbeeld:

Je bent een autoverhuurder in Leiden en je bent gespecialiseerd in exclusieve auto’s.

Je kan dan breed inzetten op een zoekterm als ‘Auto huren’, maar het is veel logischer om bijvoorbeeld een specifiek zoekwoord te gebruiken zoals ‘Oldtimer huren in Leiden’ of ‘Trouwauto huren Leiden’. Dat zoekwoord spreekt een doelgroep veel meer aan en vertelt ze exact waarnaar ze op zoek zijn. Ook kan het ervoor zorgen dat je jezelf onderscheid van andere bedrijven, die bijvoorbeeld wel auto’s maar geen oldtimers verhuren. Van deze bedrijven zal je in de zoekopdrachten minder concurrentie hebben als je specifieke zoekwoorden gebruikt op je landingspagina’s.

Stap 4: Schrijf een sterke introductie

De eerste alinea van een pagina is essentieel voor jouw landingspagina! Het vertelt in één klap het hele verhaal en bepaalt of een bezoeker verder geïnteresseerd is in jouw product.

Weetje: Wist je dat een bezoeker vijf keer vaker de introteksten leest dan de standaardteksten op een website?

Maar wat maakt nou dat een introductie aantrekkelijk is? Een goede introductie…

Stap 5: Maak een onweerstaanbare ‘call to action’

De juiste woorden op het juiste moment zijn goud waard. Het is vaak net dat ene simpele zinnetje dat je verleid om over te gaan tot actie. Je moet beseffen dat bezoekers op websites gewoonweg niet veel teksten lezen. Daarom draait alles om de call to action en wat daar direct omheen staat. Hoe pak je zo’n call to action dan aan?

• Zorg voor urgentie, of het gevoel iets mis te lopen
  In het jargon heet dit FOMO, oftewel ‘Fear Of Missing Out’. Het concept is simpel. Creëer het gevoel dat de bezoeker iets misloopt of een achterstand krijgt als er nu geen actie wordt ondernomen. Denk bijvoorbeed aan de standaard ‘sale’-campagnes in winkels, of de befaamde ‘Er zijn nog maar 2 plekken beschikbaar’-tactiek. Door zulke elementen te verwerken, spoor je de bezoeker aan tot actie over te gaan. Een mooi voorbeeld van hoe je zoiets op je website kan toepassen is de afbeelding hieronder:

Er wordt met een timer urgentie gecreëerd en zelfs bij de button wordt er ingespeeld op de angst dat als je het niet doet, je minder verkeer naar je website krijgt.
Je zou toch gek zijn als je je nu niet ter plekke zou inschrijven?

• Houd het simpel
  Mensen vertrouwen meer op duidelijke boodschappen. Maak het daarom ook niet nodeloos ingewikkeld. Omschrijf kort en krachtig wat jouw USP (Unique Selling Point) is en neem twijfel weg door deze te beantwoorden.

Het onderstaande screenshot van Disney+, de streaming service van Disney, doet dit heel goed. Zij onderscheiden zich met hun exclusieve portfolio aan series en films, die ze met beeldmateriaal en logo’s laten zien. Daarnaast bieden ze een gratis periode aan om twijfel bij klanten weg te nemen. Ook zijn ze transparant over de kosten. Dat is allemaal duidelijk met twee zinnen, zonder poespas.

• Gebruik goed contrast & opvallende kleuren voor je interactie
  Er is maar één ding het allerbelangrijkste op jouw landingspagina’s. De interactie! Dat is waar het om draait en waar je het allemaal voor doet. Ze moeten op die knop drukken! Zorg ervoor dat deze dan ook het meest opvalt van allemaal. 

Nog wat extra landingspagina call to action tips:

1. Zorg voor een consistente “call to action”
   Gebruik steeds dezelfde verwoording voor je call to actions als je deze op meerdere plekken op je pagina inzet. Dit zorgt ervoor dat je landingspagina duidelijk blijft voor de bezoeker. Dus als je eerst “White paper downloaden” gebruikt als call to action, zorg er dan voor dat er niet later op de pagina ineens een knop met “Aanvragen”  staat.
2. Maak je formulieren kort en laagdrempelig
   Verlaag de drempel van jouw conversiemoment door de formulieren op je website zo kort mogelijk te maken. Hoe korter een formulier is, des te groter is de kans dat iemand het invult. Bedenk bij jezelf: welke informatie heb ik echt nodig? Naam en e-mail is vaak al genoeg om jouw doel te bereiken.
3. Zet de ‘call to action’ boven- en onderaan de pagina
   Of je nou gratis iets aanbiedt of de gegevens van je bezoeker wilt hebben: het is een goed idee om je call to action zowel boven- als onderaan de pagina te zetten. De bovenste knop is voor bezoekers die al direct weten wat ze willen, de onderste maakt het makkelijker voor bezoekers die eerst meer informatie nodig hadden om hun beslissing te maken.

 Stap 7 – Gebruik ‘social proofing’

In elk koopproces is er een onderzoeksfase, waarin mensen onderzoek doen om te bepalen welk product of dienst ze willen kopen. Een van de grootste invloeden daarop zijn adviezen van vrienden en familie. En wist je dat tegenwoordig online reviews bijna net zo hoog in het vaandel staat als persoonlijke adviezen?

Mensen willen namelijk weten waarom een product goed is, en ze vertrouwen daarvoor op andermans ervaringen. Er zijn verschillende manieren om social proofing toe te voegen aan je landingspagina’s. Denk aan:

• Casussen
• (Test)resultaten
• Influencers

Dit zijn slechts een paar voorbeelden, er zijn nog veel meer vormen. En het werkt! Zorg er wel altijd voor dat het visueel ondersteund wordt. Omdat lang niet alles op je pagina zal worden gelezen, komt met behulp van een afbeelding je boodschap soms beter over. Zo is bijvoorbeeld voor iedereen duidelijk wat er bedoeld wordt met een score van 5-sterren. Video’s en afbeeldingen zijn een krachtige tool om dingen beter uit te leggen, en ze maken je pagina’s vele malen aantrekkelijker. Foto’s van echte mensen op je pagina’s kunnen de conversie tot wel 50% verhogen! 

Stap 8: Doel behaald? – Analyse en tracking

Natuurlijk maken we landingspagina’s om resultaten te behalen! Daarom zullen we deze resultaten ook moeten meten. Bijvoorbeeld door een ‘bedankt’-pagina te maken waar mensen op komen na een conversie; met een tracking code, van bijvoorbeeld Google analytics, kan je goed je conversiepercentage inzichtelijk maken. Meten is weten!

Verder zou je ook een “remarketing”-campagne kunnen opzetten. Dit is een online reclamecampagne, die ervoor zorgt dat je de bezoekers van jouw landingspagina ook later nog kan bereiken. Denk maar aan dat mooie paar schoenen van Zalando, waarvan je de komst al twee weken volgt!

Omdat deze bezoekers al eerder contact of interactie met jouw bedrijf hebben gehad, kan je met remarketing veel strategischer en gerichter advertentie campagnes inzetten.

Ben je nog niet zo bekend met Google Analytics? Geen paniek! Google biedt gratis online cursussen aan om een echte expert te worden!

Een aantal goede voorbeelden van landingspagina’s

Het is geen schande om naar de grote jongens op het internet te kijken. “Liever goed gestolen dan slecht bedacht”, zeggen wij dan ook vaak. Kijk zelf eens naar deze converterende voorbeelden en wie weet raak jij ook geïnspireerd!

Zoals je waarschijnlijk wel opvalt is dat deze grote jongens eigenlijk allemaal hun eigen variant hebben gemaakt aan de hand van de eerder genoemde stappen. Natuurlijk geven zij bepaalde onderdelen voorrang aan de hand van hun doelgroep.

We hebben daarom ook nog eens extra tips voor jou opgesteld, zodat jij jouw landingspagina’s zo converterend mogelijk kan maken!

Extra tips voor de perfecte landingspagina maken

Om jouw landingspagina nog efficiënter te maken hebben wij extra tips voor jou opgesteld.

1. Gebruik A/B Testing

Voor het optimaliseren van jouw landingspagina kan je gebruik maken van A/B testing. Hiermee kan je varianten maken van jouw call to actions en meten welke versie nou het meest succesvol is. Zo kan je steeds stap voor stap jouw landingspagina optimaliseren op basis van de hoogste conversie.

2. Maak hem mobile first

Bezoekers via mobiel zijn tegenwoordig een groter percentage dan desktop gebruikers en dat is dan ook een duidelijk signaal dat een design speciaal voor de mobiel essentieel is.

3. Gebruik de ‘voice’ van jouw doelgroep

Super leuk dat jij helemaal thuis bent in jargon, maar praat met klanten op een manier die ze begrijpen. Zo gebruiken wij liever de term ‘zoekmachine optimalisatie’ of ‘hoger in Google staan’ en vermijden we woorden zoals SEO en Rankings.

Denk ook goed na wat jouw doelgroep nou in de essentie wil. Zo wil een sportschoolhouder bijvoorbeeld ‘Minder tijd aan administratie besteden’ of ‘Meer tijd voor hun lessen hebben’. Ze weten wat ze willen, maar zoeken nog naar de oplossing. Zorg dat jij die oplossing biedt!

4. Verwijder je hoofdnavigatie

Wanneer jouw bezoeker op de landingspagina is aangekomen, wil je hem daar natuurlijk houden. Als je jouw standaard hoofdnavigatie blijft tonen heb je de kans dat afleiding ontstaat en dat de bezoeker de pagina verlaat. De makkelijkste manier om deze afleiding weg te halen.

5. Hoe meer landingspagina’s hoe beter

Het klinkt eigenlijk te simpel, maar lang wordt het niet altijd beseft. Wil je meer leads en bezoekers, dan maak je meer landingspagina’s.

6. Geef opties

Mensen vinden het geweldig om opties te hebben! Wil je koffie of thee? De kans is groter dat ze één van de twee kiezen dan dat ze nee zeggen. Let wel op, teveel opties kunnen weer tegen je werken.

Het ontwerpen van een design dat volledig ingericht is om bezoekers optimaal één conversiedoel te laten behalen tijdens hun sessie.

Een goede website in 2020 bevat niet de laatste design trends of is visueel een pareltje, een goede website tegenwoordig converteert en behaalt concrete doelstellingen. Met dit stappenplan leer je conversiegericht te denken en te ontwerpen. Of je nou een design interaction design god bent, of juist een startende website bouwer.

Begin met een conversie plan

Om te beginnen moeten we eerst bepalen wat nou daadwerkelijk jouw conversiedoel is. Het begint allemaal met de juiste vragen te stellen om jouw conversiedoelen glashelder te krijgen. Een doelstelling is niets meer dan het antwoord op de vraag:

Wanneer is mijn project/website/pagina een succes?

Conversiedoelen zijn meetbare doelen die verwerkt worden in de website. Denk bijvoorbeeld aan knopjes om te bellen en contactformulieren. In sommige gevallen genereert de website alleen leads in andere gevallen moet op de website direct de verkoop gesloten worden. Het is het antwoord op de vraag:

Wanneer draagt een website bezoeker bij aan mijn doelstelling?

Dit is meestal één van de onderstaande doelen:

• Vult een formulier in
• Vraagt een offerte op
• Belt voor meer informatie
• Download een whitepaper
• Bestelt een product
• Schrijft zich in voor een cursus
• Laat contactinformatie achter
• Inschrijven voor een nieuwsbrief

Dat we nu onze doelen concreet hebben gemaakt, zullen we nu een stapje buiten onze eigen visie op conversiestrategie moeten gaan en de design ingrediënten gaan verzamelen om de conversie te gaan verhogen.

Dit doen we door stil te staan bij de volgende vraag:

Hoe overtuig ik bezoekers om interactie aan te gaan?

Voor elk product/service of doel is het anders, maar het ontcijferen en beantwoorden van deze vraag zorgt ervoor dat op een specifiek doel kan richten. We moeten beseffen dat bezoekers in een koopproces zitten, zonder dat ze het vaak zelf beseffen. Het is aan jou de taak om te kijken waar ze in dit ( 5 stappen ) koopproces op dit moment zijn en wat ze nodig hebben om naar de volgende stap te gaan. Vraag jezelf daarom zoveel mogelijk vragen, want dat zal je helpen een beter conversiegericht ontwerp te maken.

 Voorbeelden van vragen zijn:

• Welke informatie heeft de bezoeker nodig om op de “Call to action” knop te klikken?
• Moet ik productspecificaties laten zien?
• Oordelen bezoekers vanuit gevoel of logica?
• Wat voor problemen/behoeftes van de bezoeker lost jouw product op?

Met deze antwoorden kan je de hoofd ingrediënten van jouw ontwerp bepalen en heb je een gedegen plan van aanpak.

Meetbaar maken van je conversies

Een conversie is pas een echte conversie als hij gemeten is. Overal op het internet wordt gesproken over conversie percentages, maar veel ontwerpers vergeten om al hun creaties meetbaar te maken. En dat levert soms non-constructieve situaties op:

Klant gesprek uit de praktijk

Klant: Wij ontvangen dagelijks meer dan 70 aanvragen per dag!
Conversie ontwerper: Deze cijfers zijn nergens terug te vinden!?!? Waar baseer je dat op?

Klant: Dat is ons gevoel

Ja, het natte vingerwerk kan natuurlijk een goede inschatting geven, maar als digitalisering en het internet ons iets hebben gegeven, dan is het wel meetbaarheid. Één van de redenen waarom krantenartikelen en tv-reclames minder aantrekkelijke opties zijn voor een marketeer, de effecten zijn gewoonweg niet concreet te meten.

Jij en/of jouw klant hoort te willen weten bijvoorbeeld hoeveel procent van de bezoekers daadwerkelijk hun conversiedoel voltooien. Met harde cijfers kan je ook onderbouwd jouw marketing campagnes sturen en volledig inzetten op de succesvolle wervingsmiddelen.

Makkelijk meetbaar maken zonder technische kennis

Vaak gaat meetbaarheid gepaard met het gevoel dat er veel technische kennis nodig is. Bij complexe websites waar complete sales funnels ingericht zijn zal dat soms ook zeker het geval zijn, maar het kan ook gewoon simpel voor elkaar gekregen worden. Daarom hier een paar simpele vormen van conversie meting.

Google Analytics is toch wel de meest gebruikte statistieken tool voor websites en biedt 4 varianten om een “Goal” (conversie doel) te meten. 

• Bestemming (Destination)
  Bijv: Bedankt.html
• Duur (Duration)
  Bijv: vijf minuten of langer
• Pagina’s/schermen per sessie (Pages/Visit)
  Bijv: drie pagina’s
• Gebeurtenis (Events)
  Bijv: klikken op een telefoonnummer

Hardstikke leuk, maar hoe gebruik je deze doelen om conversies in de praktijk te meten? Alhoewel alle vier bruikbaar zijn, zullen er in jouw situatie waarschijnlijk maar twee goed inzetbaar zijn voor jouw meetbaarheid. 

De oud en vertrouwde bedankt pagina!

De meest gebruikte en eigenlijk meest logische van allemaal is het doel  “Bestemming”. Het principe bedanktpagina is op één of andere manier uitgestorven in de wereld van webdesign terwijl concreter een conversie meten is eigenlijk niet mogelijk.

Op deze pagina komen bezoekers terecht nadat ze een conversie hebben voltooid. 

Er is geen andere mogelijkheid om op deze pagina te komen, totdat je wordt doorverwezen na het invullen van een offerte formulier of als ze bijvoorbeeld een product hebben gekocht.  Vrijwel in alle plugins, webshops en andere conversie tools is er tegenwoordig een kopje “Redirection” ingebouwd waar jij een pagina kan invullen. Deze is er dan ook niet voor niets!

 De voordelen van een bedankt pagina: 

• Snel op te zetten
  Een simpele pagina waarop je een bezoeker bedankt voor zijn/haar aanvraag of aankoop is super snel gemaakt. Zet er nog een leuk plaatje op en klaar is kees. Google anders voor inspiratie
• Persoonlijk en verrassend
  Je weet exact wat ze net hebben gedaan op jouw website. Daardoor krijg je een unieke kans om ze nog een laatste indruk te geven. Zo gebruikt Coolblue bijvoorbeeld na aankoop hun “Wachttherapie” pagina om een positieve ervaring te creëren.
• Upsell mogelijkheden
  Wist je dat je bij nieuwe bezoekers maar 5%-20% kans hebt om iets te verkopen, maar bij bestaande klanten 60%-70%? Laat jij nou net een kersverse nieuwe klant hebben op deze bedankt pagina.

Naast formulieren zijn er onwijs veel andere creatieve manieren om na een actie door te laten verwijzen naar een unieke pagina. Er is dan ook geen enkele reden in onze ogen om geen bedankt pagina in te zetten.

Gebeurtenissen, wat doen ze nou eigenlijk op die website?

Niet bij alle interacties is het logisch om de bezoeker door te sturen naar een aparte pagina. Daarmee zou je het natuurlijke proces verstoren. Denk bijvoorbeeld bij gebeurtenissen aan: 

• Klikken op een link naar een andere website
• E Mailadres of telefoonnummer aanklikken
• Downloaden van een whitepaper 

Voor ons mensen lijkt “gewoon een klik” heel duidelijk en simpel, maar voor een computer zullen we toch specifiek moeten zijn welke klik of actie. Een gebeurtenis bepalen doet Google Analytics op basis van drie kernelementen. Uiteindelijk is alleen het “Label” wat je uniek maakt per interactie doel.

1. Category
   Dit is eigenlijk meer een administratief element. Wat is de categorie van het doel waar het omgaat. Vul bijvoorbeeld ‘formulier’, ‘download’ of ‘phone number’ in. Het is handig om jouw doelen te groeperen en hetzelfde te benoemen, zodat je uiteindelijk in je statistieken dezelfde categorieën kan zien.
2. Actie
   Ook dit is meer een administratief element. Je kan hier aangeven wat voor type interactie het is. Bijvoorbeeld ‘clicked’ of ‘conversie’.
3. Label
   Dit is het technische gedeelte waarmee wij een de specifieke interactie kunnen bepalen. Dit doen we door een zogeheten ID van een conversie element te vinden of te geven.

PS: Er zijn wel meer opties, maar deze zijn niet essentieel.

Deze manier is geschikt als de website al deze mogelijkheden hebben ingebouwd, maar je kan ook jouw eigen website deze acties laten bepalen. Dat maakt het soms zelfs makkelijker.

Code?!?!? Dat lukt je wel

De weg met de minste weerstand is eigenlijk de meest angstopwekkende optie. Zelf een script schrijven. Gelukkig is het zo te maken en valt het wel allemaal mee als je de essentie begrijpt. Als voorbeeld gebruiken we een stukje code om de click op een telefoon te registreren. Je kan de onderstaande code kopiëren en de dikgedrukte elementen vervangen met jouw eigen waardes.

1. We voegen jouw unieke Google Analytics Code toe
   Deze begint meestal met UA-123123154
2. We kiezen een link click voorwaarde
   In dit geval willen we alleen links die beginnen met “ tel:” registreren. Dit kan natuurlijk ook bijvoorbeeld “https://jouwdomein.nl/downloadwhitepaper.pdf” zijn. 
3. We voegen de category toe
   In dit geval hebben we Phone Number gekozen
4. We voegen een actie toe
   In dit geval is onze conversie een “click” en geven we de actie de naam “Clicked”

 En klaar is kees! Je kan nu het doel instellen in Google Analytics.

<script type=”text/javascript”>

jQuery(document).ready(function($){

  window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;

  ga(‘create’, ‘Google Analytics Property‘, ‘auto’); // change UA-xxxxxxxxx-x to be your tracking UA.

            $( ‘a[href^=”tel:“]’ ).click(function(event) {

                var href = $(this).attr(“href”);

                        var target = $(this).attr(“target”);

                        var text = $(this).text();

                event.preventDefault(); // prevent the form from submitting so we can sent the tracking code, then continue with the submission later.

        ga(‘send’, {

          hitType: ‘event’,

          eventCategory: ‘Phone Number‘, // add any name for the category

          eventAction: ‘Clicked‘  // add any name for the action

        });

                setTimeout(function() { // now wait 300 milliseconds…

                        window.open(href,(!target?”_self”:target)); // …and open the link as usual

                                console.log(“tel clicked”);

                },300);

        });

         });

         </script>

Conversiekanon klaar?

Gefeliciteerd! Je hebt een doelgerichte, ideale en meetbare website gemaakt. En nu? 

Je hebt de eerste stap gezet om een echt conversie kanon te creëren. Omdat je nu een website hebt gebouwd met concrete conversie doelen en de cijfers kan analyseren, betekent het dat je kan gaan bijsturen en verbeteren. 

In een volgend artikel zullen we ons gaan verdiepen in de praktische vervolgstappen van conversiegericht ontwerpen zoals: 

• Hoe maak ik keuzes op data
• Een non conversie toch een conversie maken
• Website conversie verbeteren op basis van je statistieken