digitale toegankelijkheid en drempelvrij informatie design

Drempelvrije informatie: website, infographics en designs volgens WCAG richtlijnen

Audiovisuele informatie is de beste vorm van online communicatie. Waarom? Je prikkelt meerdere zintuigen bij het overbrengen van je boodschap. Maar wat als je slechthorend of slechtziend bent? Dan worden die zintuigen moeilijk of zelfs niet geprikkeld.

We doen er in Nederland veel aan om alledaagse dingen op straat of in openbare ruimtes toegankelijk en drempelvrij te maken voor iedereen. Denk aan rolstoelvriendelijke in- en uitgangen en reliëftegels en geleidelijnen op straat voor mensen met een visuele beperking. Maar hoe zit dat eigenlijk online?

 

Het belang van digitale toegankelijkheid

Ongeveer 25% van de Nederlanders heeft moeite met het gebruiken van digitale informatie. Dit kan moeite zijn met het lezen van informatie, maar ook met het bekijken of het bedienen ervan. Denk aan gebruikers die…

  • Slechthorend zijn
  • Slechtziend zijn
  • Een cognitieve beperking hebben
  • Een motorische beperking hebben
  • Of laaggeletterdheid zijn

 

drempelvrije informatie voor auditieve beperkingen drempelvrije informatie voor mensen met cognitieve beperkingen drempelvrije informatie voor mensen met motorische beperking drempelvrije informatie voor visuele beperkingen

 

Wat is WCAG?

Om designs, websites, infographics en andere visuele content, zoals pdf’s toch toegankelijk te maken voor deze mensen, zijn er WCAG-richtlijnen opgesteld. WCAG staat voor Web Content Accessibility Guidelines. Deze richtlijnen garanderen de digitale toegankelijkheid van online informatie.  Je hebt hierbij drie niveaus van toetsing (A, AA, AAA) ieder afhankelijk van een bepaalde hoeveelheid WCAG-richtlijnen.

Waarom digitale drempelvrije informatie in de minderheid is

Als een kwart van de Nederlanders moeite heeft met digitale informatie, dan is de volgende stap simpel, toch? Drempelvrije informatie produceren die voor iedereen bruikbaar is.

Toch zijn er bijvoorbeeld meer digitaal ontoegankelijke websites dan digitaal toegankelijke websites. Het is ook niet zomaar iets. De WCAG-richtlijnen zijn strikt en het zijn er best wat. Daarbij worden ze ook regelmatig geüpdatet. Zo is WGAC 2.1 nu van toepassing en is versie 2.2 alweer in aantocht in juni 2022. Dat maakt het omzetten van je website naar een drempelvrije omgeving een heuse dagtaak. Daarbij komt ook kijken dat je huidige huisstijl voor problemen kan zorgen (daarover later meer). Kortom, digitale toegankelijke informatie is belangrijk om te implementeren, maar niet per se appeltje eitje.

Bovendien is het niet voor iedere partij direct een noodzaak, waardoor het ook vaak wordt uitgesteld. Voor organisaties in de publieke sector geldt er daarentegen wel wat anders. Je kunt je wel voorstellen dat het voor overheidsinstanties, zorginstellingen en gemeentes belangrijk is dat informatie voor iedere webbezoeker toegankelijk is. Dus zij zijn verplicht dit wél te implementeren.

 

Voordelen van drempelvrije informatie voor jou

De toekomst is toegankelijk. Ondanks dat het drempelvrij maken van je web content best een klus is, haal je er meerdere voordelen uit naast dat iedereen ervan gebruik kan maken.

Al jaren gaat goede SEO gepaard met UX-design. Een goede gebruikerservaring van je websites, zorgt voor een betere beoordelingen door grote zoekmachines als Google. Dat betekent dat de digitale toegankelijkheid van jouw website en content dus bijdraagt aan je online vindbaarheid.

Zoekmachines als Google ranken webpagina’s onder andere door te kijken naar leesbaarheid en gebruiksvriendelijkheid. Hoe gebruiksvriendelijker je website, hoe beter Google je vindt en hoe hoger je ranking in de zoekresultaten. Door de informatie op zo’n pagina voor iedere bezoeker begrijpelijk en waarneembaar te maken, maak je het automatisch user-friendly. Daarbij zijn er een aantal tips voor een drempelvrije website ook direct van toepassing op je SEO, bijvoorbeeld:

  • Duidelijke, beschrijvende, unieke titel voor iedere pagina
  • Voorzie afbeeldingen van alternatieve teksten
  • Voeg ondertiteling en beschrijvende tekst toe aan video’s

Dit maakt een digitaal toegankelijke website of infographic niet alleen nuttig voor gebruikers, maar ook voor de online zichtbaarheid en vindbaarheid van je website of content. Daarbij bereik je veel meer mensen met toegankelijke web content.

 

Word cooler en digitaal toegankelijk

Gelukkig, kan met de hulp van experts alles. Uitdaging of niet, alles is mogelijk. Waar kunnen wij je bij helpen? Nou, voor de volgende services bieden wij de mogelijkheid om ze volgens de WCAG richtlijnen te produceren:

  • (Interactieve) infographics
  • (Interactieve) praatplaten
  • (Interactieve) pdf’s (denk aan posters, online brochures, whitepaper designs etc.)

Wat zijn de vereisten voor digitaal toegankelijke designs?

Allereerst, bepaal het niveau dat je wil behalen. Groeien kan altijd nog, dus maak het realistisch. Ook is dit natuurlijk afhankelijk van je doelgroep. Als overheidsinstantie of andere publieke organisatie is het van belang dat een drempelvrije infographic of website voldoet aan het gehele scala richtlijnen, gezien de verplichting, maar natuurlijk ook omdat je een breed publiek aanspreekt. Bekijk het voorbeeld van het waarmerk Drempelvrij. Je ziet dat je rechtboven verschillende functies hebt om de toegankelijkheid van de website te verbeteren, zoals aanpasbare kleuren en een voorlees-functie.

voorbeeld drempelvrij.nl

Om je een beter beeld te geven, duiken we in een aantal belangrijke pijlers voor drempelvrije informatie visualisatie.

1. Waarneembaar

Je moet ervoor zorgen dat alle elementen van je web content te gebruiken zijn op een manier die voor de gebruiker waarneembaar is. Dat betekent dat iemand met een visuele beperking de video content middels een audiobeschrijving moet kunnen waarnemenof dat iemand met kleurenblindheid de kleurinstellingen van een webpagina kan aanpassen. Wat hoort hier o.a. nog meer bij?

  • Alle niet-tekstuele content dient een tekstalternatief te hebben;
  • Maak content die op diverse wijzen getoond kan worden, zodat het aanpasbaar wordt voor de gebruiker;
  • Voeg ondertitels en beschrijvingen toe aan o.a. video content voor slechthorenden en doven;
  • Kleur mag niet het enige visuele element zijn dat bijvoorbeeld een actie aangeeft. Een button moet in dit geval naast kleur ook een icoon of tekst bevatten.

Kleurgebruik volgens WCAG 2.1 kent meerdere criteria. Denk aan de contrastratio van kleuren die bij elkaar worden gebruikt. Hier komt het stukje over problemen voor je huisstijl kijken. Niet iedere huisstijl heeft een kleurenpalet die volgens de contrastratio digitaal toegankelijk is. Dat betekent dat je soms regels rondom kleurgebruik in je huisstijl moet aanpassen of alternatieve kleuren moet toepassen om te voldoen aan de richtlijnen. Check snel of de contrastratio van je tekst- en achtergrondkleuren voldoet aan de eisen voor ‘drempelvrij’ met deze handige tool.

Goed kleurgebruik is vooral van belang voor mensen met een cognitieve of visuele beperking, zoals kleurenblindheid of -deficiëntie. Om meer inzicht in kleurdeficiëntie te krijgen, helpt onze AnyStory je misschien een handje:

 

2. Bedienbaar

Je website en andere content moet natuurlijk altijd makkelijk te bedienen zijn, wil het goed werken. Toch gaat ook de bedienbaarheid een stapje verder dan je gewend bent als je het wil optimaliseren voor gebruikers met een motorische beperking. Gelukkig, behaal je relatief makkelijk winst op het gebied van bedienbaarheid met extra toepassingen rondom toetsbordtoegankelijkheid en navigatie.

  • Als je gebruikmaakt van slides of tekstblokken die na een bepaalde tijd wisselen, dien je een aanpasbaar timingselement toe te voegen waardoor de gebruiker zelf het element kan pauzeren of de tijd van verandering kan instellen;
  • Stel, je implementeert enkele sneltoetsen, dan dienen deze aangepast te kunnen worden. Denk aan een spatie voor het op pauze zetten van een video die je kunt omzetten naar een sneltoets voor Ctrl + spatie;
  • De richtlijn ‘navigeerbaar’ kent verschillende onderdelen die ook onder bedienbaarheid vallen. Bijvoorbeeld paginatitels die het onderwerp van de pagina moeten bevatten of een mechanisme dat content blokken automatisch omzeilt als deze storend zijn voor gebruikers met een bepaalde beperking.

 

3. Begrijpelijk

Als uitlegexpert staat begrip en duidelijkheid hoog in het vaandel bij ons. Mensen zijn verschillend en daardoor kan één zin al op verschillende manieren worden geïnterpreteerd. Daarom is het voornaamste van deze richtlijn dat content (in welke vorm dan ook) een eenduidige functie of boodschap heeft. Maar ook het volgende valt hieronder:

  • De leesbaarheid van teksten. Vermijd jargon en schrijf op B1-niveau als het gaat om Nederlands. Dit taalniveau wordt gekenmerkt door woorden die veel voorkomen en die iedere geletterde Nederlander zou moeten kunnen lezen;
  • Implementeer een foutindentificeerder, zodat gebruikers bij een typefout automatisch de juiste suggestie krijgen. Zo heb je meteen twee vereisten in één: foutidentificatie en foutsuggestie.

 

4. Robuust

Deze richtlijn gaat wat meer de technische kant op. Content – in iedere vorm – moet betrouwbaar geïnterpreteerd kunnen worden door User Agents. Wat houdt dat precies in? Nou, voor een website zijn user agents browsers die webservers laten weten dat ze er zijn. Dus mocht iemand Chrome gebruiken als browser op een Windows pc om je website te gebruiken, dan vertelt Chrome dat in wezen aan je server.

Kortom, de richtlijnen met betrekking tot ‘Robuust’ zijn bedoeld om aan browsers informatie te verschaffen die ze op een betrouwbare en eenduidige manier kunnen interpreteren, zodat de browser precies weet wat jouw content inhoudt. Door rekening te houden met deze richtlijn, pas je gelijk optimalisaties toe om de vindbaarheid van je informatie te verbeteren.

Note: dit is een greep uit de WCAG 2.1-richtlijnen anno mei 2022. De volledige en up-to-date WCAG-richtlijnen vind je hier.

 

Hulp nodig bij het maken van visuele en drempelvrije informatie of wil je advies over een toegankelijke huisstijl? Wat je vraag ook is, wij helpen je digitaal toegankelijk te worden. Ook als het gaat om het laten maken van een drempelvrije website kun je bij ons terecht voor verschillende mogelijkheden. Bespreek je wensen, de opties en bijbehorende kosten met een van onze uitlegexperts.

onderdelen URL how to guide

How to guide: de onderdelen van een URL

Stel je voor je staat in een woonwijk en bent op zoek naar een specifiek huis. Hoe weet je dan welk huis je moet hebben? Door het adres, natuurlijk! Zo werkt het online ook. Iedere website heeft een eigen ‘adres’, namelijk de URL. Het invoeren van dit webadres in de browserbalk brengt je naar de juiste locatie. Maar wist je dat deze URL ook invloed heeft op de vindbaarheid van een pagina in zoekmachines? We ontleden de verschillende onderdelen van een URL én leren je hoe jij URL’s optimaliseert voor SEO.

Wat is een URL?

URL is de afkorting voor Uniform Resource Locator. De URL refereert naar een uniek adres voor een locatie op het internet. Het wordt daarom ook wel webadres genoemd.

Technisch gezien bestaat iedere URL uit vijf onderdelen. Hoewel de URL maar een klein onderdeel van een webpagina lijkt, is deze enorm belangrijk bij het optimaliseren van de gebruikerservaring (UX) en de zoekresultaten in zoekmachines (SEO). Hierover later meer. Allereerst, uit welke onderdelen bestaat een URL?

  • Protocol
  • Subdomein
  • Hoofddomein
  • Top-level-domein
  • Subfolder

Onderdelen van een URL

De onderdelen van een URL

Protocol

Het eerste deel van de URL vertelt je online server welk protocol het dient te gebruiken bij het bezoeken van een webpagina. Het meest gebruikte protocol is HTTPS. Dit staat voor Hypertext Transfer Protocol Secure. Dit protocol vertelt je webbrowser om alle informatie die je op de webpagina achterlaat – bijvoorbeeld je naam, e-mailadres en rekeningnummer – te versleutelen met encryptie. Het is een vorm van beveiliging die voorkomt dat cybercriminelen bij je gegevens kunnen. HTTPS verschijnt in de browserbalk wanneer een website is beveiligd met een SSL-certificaat. Wanneer een website dit certificaat niet heeft verschijnt er HTTP in de URL. Je gegevens zijn op deze website dus niet beveiligd. Naast beveiliging voor je websitebezoekers, zorgt een SSL-certificaat ook voor een hogere ranking in zoekmachines. SSL-certificaten worden online aangeboden door diverse aanbieders tegen verschillen prijzen. Ga voor jouw website na welk type SSL-certificaat hier het beste bij past. Het is dus een relatief eenvoudige SEO must-have!

Meer weten over encryptie? Bekijk hieronder onze AnyStory!

Subdomein

Na het protocol volgt het subdomein. Een subdomein gebruik je om verschillende onderdelen op je website van elkaar te scheiden. Hou er rekening mee dat je linkwaarde via een subdomein wegleidt van het hoofddomein. Steek jij veel tijd in het plaatsen van blogs met als doel de SEO verbeteren? Dan adviseren wij om dit onderdeel te scheiden door middel van een subfolder in plaats van een subdomein. Heeft jouw website een apart deel waar bezoekers kunnen inloggen? Dan is een subdomein ideaal! Het gebruik van een subdomein is ook aan te raden wanneer een organisatie meerdere divisies heeft of wanneer je een nieuwe webpagina wil testen.

Hoofddomein

Het hoofddomein is de naam van je website. Het laat websitebezoekers direct weten met welke organisatie zij te maken hebben. Het is belangrijk om het hoofddomein zo kort en pakkend mogelijk te maken. Zo onthouden mensen de URL beter. Dit vergroot de vindbaarheid en de kans op mond-tot-mondreclame.

Top-level-domein

Het top-level-domein, ook wel de domeinextensie genoemd, komt achter het hoofddomein. Dit deel bestaat uit enkele letters die informatie geven over je website. Er zijn twee categorieën domeinextensies:

  • Country Code Top level Domain (ccLTD) staat voor alle domeinextensies met de afkorting van een land of regio. Bijvoorbeeld .nl in Nederland, .be in België en .fr in Frankrijk.
  • Generic Top Level Domain (gLTD) geven niet aan uit welk land en website komt. Hieronder vallen bijvoorbeeld .com, .info en .jobs.

SEO technisch scoren ccTLD’s het beste in het betreffende land waar de extensie van in. Dus .nl scoort hoger in Nederland, terwijl .be beter scoort in België.

Subfolder

Helemaal aan het eind van de URL zit de subfolder. Wanneer je op de homepage van een website zit, bevat de URL meestal geen subfolder. Dit deel is namelijk bedoeld om dieper te navigeren in de website. Zoals iedere kamer in een huis een eigen naam heeft, heeft ook iedere pagina van een website zijn eigen URL. De verschillende pagina’s worden onderscheiden met de subfolder. Het grootste voordeel van subfolders is dat alle zoekwoorden verzameld worden onder het hoofddomein. Alle zoekwoorden die je gebruikt voor de verschillende landingspagina’s worden dus ook gelinkt aan het hoofddomein.

SEO tips voor je URL

Je weet nu alles over de structuur van een URL! Nu is het tijd om deze kennis in de praktijk te brengen. Wij geven je nog 5 laatste SEO tips mee voor de URL’s van jouw webpagina’s.

1. Implementeer een SSL-certificaat: zoals eerder in de blog geschreven verhoogt de aanwezigheid van een SSL beveiliging de positie van de website in zoekmachines.

2. Kies de juiste domeinextensie: doe je voornamelijk zaken in Nederland? Kies dan voor de domeinextensie .nl. Bij zaken in Europa kies je voor .eu en voor een wereldwijde business is .com de beste optie. Ben je geen commercieel bedrijf, maar een non-profitorganisatie? Dat is de extensie .org het meest geschikt voor jou!

top level domein URL

3. Zorg dat iedere URL relevante informatie bevat: zoekmachines scannen de URL namelijk om te bepalen waar de pagina over gaat.

4. Gebruik een koppelteken: koppeltekens scheiden verschillende woorden in de URL. Let maar eens op wat dit kan doen voor de leesbaarheid:

/animatielatenmaken/ of /animatie-laten-maken/.

5. Let op redirects: voeg een redirect toe wanneer je de URL van een webpagina veranderd. De waarde van een URL gaat na wijziging namelijk niet direct mee naar de nieuwe URL.

Een goede URL is de basis voor SEO! Ga voor jouw website na of alle URL’s voldoen aan de eisen. Zo niet? Tijd om te optimaliseren.

micro animaties

Verbeter de gebruikerservaring van je website met micro animaties

Herinner je je nog de websites met enkel lappen tekst? Geen afbeeldingen, geen keuzemenu’s, alleen maar letters en woorden. Dit is gelukkig verleden tijd! Hoewel websites steeds complexer worden, bedenken we ook steeds meer creatieve manieren om het de websitebezoeker zo leuk en eenvoudig mogelijk te maken.

Eigenlijk doen we er alles aan om de optimale gebruikerservaring te creëren. De gebruikservaring omvat alle interactie die een persoon heeft met jouw website. Van het vinden van je contactgegevens tot het drukken op een knop naar een nieuwe pagina. Bedrijven zijn hier continu mee bezig. Micro-animaties zijn daarbij een ideaal element voor het verbeteren van de gebruikservaring. Deze kleine, bewegende elementen kunnen je website opleuken, maar hebben ook zeker een functionele waarde. Dat lichten we voor je toe.

1. Wat zijn micro animaties?
2. Verschil micro animaties en geanimeerde GIFs
3. Waarvoor kun je micro animaties gebruiken?

Wat zijn micro animaties?

Micro animaties zijn kleine, bewegende die je vaak verwerkt in een website. Dit soort animaties vallen op het eerste oog niet op, maar trekken daarna wel de aandacht van de websitebezoeker. Want zeg nou zelf, als je iets ziet bewegen op je beeldscherm, kijk je er ook naar. Daarnaast is een micro animatie universeel. Bijvoorbeeld als je op een Portugese versie van een site zit en je nog niet naar de Nederlandse versie hebt genavigeerd. Een bewegend landvlaggetje vertelt je direct dat je daar kunt switchen naar andere talen, ondanks dat je geen Portugees spreekt.

Als animatiestudio maken we natuurlijk ook gebruik van micro animaties. Bekijk voor je beeldvorming hieronder onze micro animaties die we op de homepagina hebben geïmplementeerd. De illustraties maken direct duidelijk welke diensten we bedoelen en de beweging maakt het aantrekkelijker om naar te kijken.

Afhankelijk van je doelstellingen kunnen micro animaties zelfs effectiever zijn dat gewone afbeeldingen. Bijvoorbeeld wanneer je een bezoeker door je website wil sturen. Een knipperend pijltje of bewegende knop maakt het voor de bezoeker duidelijk wat er verwacht wordt. Hierdoor beweegt men gemakkelijker door je website.

Verschil micro animaties en geanimeerde GIFs

Micro animaties zijn dus korte bewegende beelden. Ze komen vaak voor in een loop, waardoor ze veel weg hebben van GIFs. Alleen verschillen micro animaties en geanimeerde GIFs wel degelijk van elkaar:

  • Micro animatie: micro animaties zijn kleine illustraties die bewegen wanneer je over een webpagina scrolt of er met je muis er overheen gaat. Het dynamische aspect van de micro animatie zorgt ervoor dat de aandacht van de gebruiker getrokken wordt.
  • Animated GIFs: de animated GIF is een stuk statischer dan de micro animatie. Dit is vaak een afbeelding of een videofragment die in een loop afspeelt. Ook is het bij animated GIFs vaak niet nodig om er met je muis overheen te gaan, ze bewegen uit zichzelf al.

Waarvoor kun je micro animaties gebruiken?

Het belangrijkste doel van micro animaties is het helpen van de bezoeker. Ze begeleiden de online surfer door de website heen. Daarnaast zijn er voor jou als webbeheerder ook drie interessante redenen om micro animaties te verwerken in je website:

  1. Aandacht trekken: zoals we net vertelden verbeteren micro animaties de gebruikservaring. Dit komt omdat de micro animaties aandacht trekken en daardoor de focus verleggen. Ze sturen de gebruiker in juiste richting en vertellen waar de aandacht naartoe moet. Een goed voorbeeld hiervan is wanneer je een micro animatie verwerkt in je CTA-knop op je website. Onderstaande knop is bijvoorbeeld oranje, maar wanneer je er met je muis overheen beweegt verandert de kleur naar blauw. Deze kleurverandering valt op en triggert de websitebezoeker erop te klikken.
  2. Aanduiding progressie: behalve aandacht trekken, zijn micro animaties ook geschikt om voortgang aan te geven. Dit doen ze bijvoorbeeld door aan te geven hoever je bent in het up- of downloadproces of door te laten zien op welke pagina van de handleiding je jezelf bevindt. Op deze manier weet de gebruiker dat de website niet vastloopt, maar dat hij bezig is om informatie te verwerken.
  3. Feedback of reactie geven: met micro animaties is het ook mogelijk om de gebruiker op een eenvoudige manier feedback of een reactie te geven. Dit doe je door bijvoorbeeld de websitegebruiker een extra bevestiging in de vorm van een blij gezichtje te geven wanneer zij het juiste e-mailadres en wachtwoord hebben ingevoerd. Bij Cooler Media doen we dat net iets anders. Benieuwd hoe? Schrijf je in voor de Cooler Nieuwsbrief en check onze micro animatie.

Weten welke micro animaties er op jouw website passen? Overleg met een van onze video-experts en vraag vrijblijvend naar de mogelijkheden en kosten.

Blog Header Conversion Rate Optimization met Video

Conversion Rate Optimization met Video

Veel marketeers houden zich bezig met het genereren van meer verkeer naar de website. Want meer traffic levert meer leads op, toch? Nou, niet altijd. Het genereren van traffic is één ding, maar de beïnvloeding van het gedrag van je websitebezoekers om hen een actie te laten verrichten is het tweede.

Door middel van conversion rate optimization probeer je dit op de best mogelijke manier te verwezenlijken. Maar dat is natuurlijk makkelijker gezegd, dan gedaan! Want hoe zorg je dat websitebezoekers zich inschrijven op je nieuwsbrief, hoe overtuig je hen contact op te nemen, of nog belangrijker; om dat ene product te kopen?

Wat is CRO?

Veel ecommerce businesses hebben vaak één groot doel voor ogen: conversie genereren. Websitebezoekers die je een bepaalde actie wil laten uitvoeren. Kijken we naar conversie optimalisatie, CRO of Conversion Rate Optimization, hoe je het ook wil noemen, dan is er één uitgangspunt dat telt: een zo hoog mogelijke conversieratio. Dus zoveel mogelijk acties van websitebezoekers. Hierbij geeft de conversieratio aan hoeveel procent van het totale aantal websitebezoekers daadwerkelijk een gewenste actie uitvoert. Zo’n actie is afhankelijk van de bedrijfsdoelstellingen en houdt bijvoorbeeld in dat een bezoeker zich inschrijft voor een nieuwsbrief, een contactformulier invult of een aankoop doet.

Een hoog conversiepercentage betekent dus dat je website goed in elkaar zit! Een laag percentage geeft daarentegen aan dat er weinig mensen overgaan tot actie. Dit kan verschillende oorzaken hebben, zoals een trage laadsnelheid, voor de bezoeker nutteloze informatie of een onaantrekkelijke lay-out. Door middel van websiteaanpassingen kun je het conversieratio verhogen. Oftewel, Conversion Rate Optimization.

Het is daarbij normaal dat de conversieratio enigszins fluctueert, ongeacht een goed werkende website. Vaak zien webshops een piek rond eind november door onder andere Black Friday en aankomende feestdagen, maar ook tijdens saleperiodes of bepaalde evenementen (Halloween, verkleedwinkels tijdens carnaval, etc.)

Wat is een goede CRO?

Wanneer een percentage als ‘goed’ wordt beschouwd is onder andere afhankelijk van de branche waarin je opereert, je doelgroep en natuurlijk je eigen bedrijfsdoelstellingen. Binnen de marketingwereld wordt veel onderzoek gedaan naar de gemiddelde conversieratio per branche. Zo was in december 2020 de gemiddelde conversieratio voor de ‘Arts & Crafts’ branche 3,79%, terwijl het gemiddelde voor de auto- en motorbranche slechts 1,55% was. Een conversieratio van 2,5% zou in de eerstgenoemde branche dus onder gemiddeld zijn en in de tweede branche juist super goed. Ook wordt er in de onderzoeken gekeken naar de verschillen per land. Zo ligt de gemiddelde conversieratio voor E-commerce in Duitsland op 2,2%, in Nederland rond de 1,87% en in Italië slechts op 0,99%.

Soorten conversie

Binnen marketing spreken we van een conversie wanneer een websitebezoeker een bepaalde handeling heeft uitgevoerd op de website. Er is sprake van een harde conversie als de handeling direct zorgt voor omzet, dus wanneer iemand een bestelling plaatst. Een zachte conversie leidt indirect tot verhoging van de omzet. Voorbeelden van zachte conversies zijn:

  • De download van een afbeelding, video of pdf;
  • Een contact- of offerteaanvraag;
  • Het klikken op of bekijken van een video;
  • Gegevensverstrekking door het invullen van een formulier;
  • Een inschrijving op de nieuwsbrief;
  • Het aanvragen van een try-out of demo.

 

Welke CRO-strategieën kun je toepassen?

  1. Tekstuele CTAs in blogartikelen

Vraag jij jouw websitebezoekers via een banner aan het einde van een blogartikel of zij zich in willen schrijven op de nieuwsbrief? Dat kan beter! Mensen raken door de vele online advertenties gewend aan het negeren van banners. Dit wordt banner blindness genoemd. Dit fenomeen in combinatie met het feit dat veel mensen een blog niet helemaal aflezen zorgt ervoor dat niet veel mensen jouw CTA zien. Een manier om toch meer conversie vanuit een blogpost te krijgen, is door ergens in de tekst een losse zin te plaatsen met link naar een specifieke landingspagina waar zij zich in kunnen schrijven.

 

  1. Voeg pop-ups toe aan je website

Een tweede manier om je conversieratio te verhogen is door het toevoegen van pop-up schermen. Een pop-up scherm is ontwikkeld om de aandacht te trekken van en tegelijkertijd iets te bieden aan een websitebezoeker. Zo kan je bijvoorbeeld instellen dat een bezoeker een pop-up krijgt om een gratis offerte aan te vragen nadat 70% van een productpagina bekeken is.

 

  1. Voer regelmatig A/B-testen uit

Landingspagina’s zijn enorm belangrijk in de online wereld: dit is namelijk de pagina waar jouw bezoeker (voor het eerst) terecht komt op jouw website en tot actie overgaat. Met het uitvoeren van A/B-testen kun je achterhalen hoe jij jouw landingspagina kan optimaliseren. Experimenteer bijvoorbeeld met verschillende teksten, de lay-out of het plaatsen van een video en ontdek waar jouw websitebezoekers het meest op reageren.

 

  1. Maak gebruik van marketing automation

Met behulp van marketing automation kan jij geautomatiseerde processen het werk voor je laten doen. Een bewezen succesvolle methode is het automatisch sturen van een e-mail wanneer mensen een webshop verlaten zonder hun gevulde winkelwagentje te bestellen. Video toevoegen aan je e-mail? Check dan deze blog voor tips.

 

  1. Retarget websitebezoekers met advertenties

Hoe erg je je website optimaliseert, het grootste deel van je websitebezoekers gaat niet direct over tot actie. Om deze mensen op een later moment toch aan te sporen tot actie over te gaan, kun je retarget advertenties inzetten. Dit zijn gepersonaliseerde advertenties voor mensen die al bepaalde onderdelen van je website bekeken hebt. In deze advertenties hoef je het niet meer over productspecificaties te hebben, deze heeft de websitebezoeker immers al gelezen. Wel kun je adverteren met een speciale aanbieding of gratis adviesgesprek.

Gebruik video voor meer conversie

Video is een contentvorm dat niet alleen de aandacht van je websitebezoekers opzuigt, maar overtuigt hen ook van jouw boodschap. En overtuiging is net wat je nodig hebt voor je CRO. Video geeft net dat ene duwtje dat je websitebezoeker nodig hebt en met deze tips maak je het conversion proof!

  • Lead gen forms: op Vimeo kun je heel makkelijk een formulier aan het einde van je video toevoegen, zodat mensen zich direct kunnen inschrijven op je nieuwsbrief of ze kunnen gelijk contact met je opnemen.

cro met video lead gen form

  • E-mail gate: soms moet je vóór een video je e-mailadres achterlaten om het te bekijken. Dit zorgt voor exclusiviteit en stimuleert nieuwsgierigheid, maar vooral; het is een werkende methode voor lead generatie.
  • Vermeld je website en/of contactgegevens: kijkers kunnen niet direct klikken op je URL, maar je hebt ze zien het wel en horen het ook als je voice-over het nog even benoemd. Je prikkelt zo meerdere zintuigen, dus je URL wordt zo ook beter onthouden.
  • Voeg een CTA toe in en rondom je video: op YouTube kun je bijvoorbeeld een CTA halverwege of tegen het einde van je video toevoegen, zodat kijkers naar je site navigeren, ze je andere video’s bekijken of zodat ze zich abonneren op je kanaal. Je kunt ook onder de video boven de beschrijving een CTA toevoegen, zoals ‘product demo’ of ‘meer informatie’. Dit geldt wel alleen voor betaalde advertenties.

Meer conversie halen uit jouw website? Met of zonder hulp van video kunnen onze SEA-experts jou adviseren met betrekkening tot conversion rate optimization. Heb je een vraag of ben je op zoek naar concreet advies waar je direct iets mee kunt? Neem contact op met een van onze uitleggoeroe’s en zij helpen je vandaag nog vrijblijvend.

call to action voor website verbetering

7 typen call to action voor website verbetering

Iedereen heeft er vast weleens op geklikt: een call to action. ‘Klik hier’ of ‘Lees verder’ zijn veelvoorkomende calls to action (CTA’s) op websites. Toch zijn effectieve CTA’s complexer dan dit. Je hebt op je website te maken met verschillende soorten publiek; denk aan klanten, promoters, leads, werkzoekenden en zelfs concurrenten. Iedereen komt met een ander doel op je website. Het is daarom verstandig om verschillende CTA’s te maken. Wij delen 7 calls to action waarmee jij jouw website verbetert.

1. Leads genereren

Zoals menig marketeer weet, zijn calls to action cruciaal om conversies te verhogen en waardevolle leads hieruit te halen. Daarom is het vooral belangrijk om op je belangrijkste pagina’s van je website CTA’s te plaatsen op de pagina’s die veel bezoekers trekken. Bijvoorbeeld op je blogpagina. Om succes te garanderen moeten deze CTA’s opvallend zijn en er ‘clickable’ uitzien. Om zo’n klik te stimuleren is het ook belangrijk dat bezoekers aan de CTA een beetje kunnen zien wat er komt nadat zij erop geklikt hebben.

leads genereren met call to action

2. Formulier invullen

Voordat een bezoeker als lead geregistreerd wordt, moet hij nog twee dingen te doen:

  1. Een formulier invullen met persoonlijke info.
  2. Klikken op een CTA-button om deze informatie bij jou achter te laten.

Je bezoeker is nu zó dichtbij om een lead te worden. Je wilt natuurlijk niet dat diegene ontglipt. Maak de bevestigingsknop actief en specifiek voor de marketingaanbieding waarvoor ze zich registreren. Zie hieronder een voorbeeld.

contactformulier invullen cta

3. Lees meer!

Wil je zoveel mogelijk informatie op je homepage kwijt, maar geen lappen tekst neerzetten? Geen probleem!  Zorg ervoor dat de bezoekers van je homepagina op individuele berichten klikken door een ‘lees meer’ call to action op te nemen. Dit biedt de volgende voordelen:

  • Je kunt zo meer content kwijt op je homepagina
  • Je kunt het verkeer van elke individuele beter meten, omdat deze losstaat van de homepagina.

cta lees meer

4. Ontdekking van producten of diensten

Wanneer een bezoeker op je website rondsnuffelt, wil je dat het voor diegene zo makkelijk mogelijk is om meer te weten te komen over wat jij aanbiedt. Een simpele tekst op een knop kan het trucje al voor je doen. Zorg wel dat de CTA opvalt tegen de achtergrond.

Leuk feitje: oranje is dé magische kleur in de online wereld en wordt ook wel BOB genoemd: Big Orange Button. En laten wij daar nou net gebruik van maken!

5. Delen op social media

Een van de eenvoudigste calls to action is een knop die de bezoeker aanspoort om de content of het product te delen op zijn of haar social media kanalen. Het grootste voordeel van deze CTA is dat het makkelijk aan te passen is. Logische plaatsen voor dit soort buttons zijn onder andere onder blogposts en op landingspagina’s.

Een pagina waar mensen hun persoonlijke informatie afgeven, zoals een contactformulier of een offerteaanvraag is daarentegen een slechte plek voor een ‘share’-knop. Je wilt ook niet te veel van je bezoekers vragen!

6. Lead nurturing

Wat doe je als iemand een lead wordt, maar nog niet over gaat op kopen? Verleid hem dan met een ander soort aanbod. Bijvoorbeeld gratis offertes, gratis proefversies, vrijblijvend advies of productdemo’s. Deze lead-koesterende CTA’s kun je opnemen in een blogpost of aan de onderkant van een bedankpagina van een andere aanbieding. Zo ‘verzorg’ je de relatie met je lead.

cta vrijblijvend advies

7. Sluit de verkoop

Zodra de leadgeneratie en de lead nurturing zijn voltooid, probeer je van leads klanten te maken. Dit type call to action is heel erg gericht op verkoop: je wilt namelijk potentiële klanten aanzetten tot kopen. Als je slimme CTA’s inzet kun je ze tevens gebruiken aan het einde van blogposts, maar je kunt ze ook op productpagina’s plaatsen. Dat laatste is een slimme optie, omdat veel potentiële klanten vaak nog een beetje onderzoek doen naar het product voordat ze overgaan tot verkoop.

Blog header - bounce rate verlagen

Met succes je bounce rate verlagen: 6 tips 

Het aantal websitebezoekers dat je website verlaat zonder door te klikken, wil je zo veel mogelijk reduceren. Deze mensen gaan in het beste geval pas weg van je website als ze zoveel mogelijk informatie over jouw bedrijf hebben. Zo zegt je bounce rate of het bouncepercentage veel over je website. Dit geeft het aantal websitebezoekers weer dat na het bekijken van slechts één pagina de website verlaat. Een zo laag mogelijke bounce rate is dus je streven en met deze 6 tips kun jij dit realiseren.

Wat zegt een bounce rate?

Je bounce rate verlagen kan alleen met inzicht in wat de bounce rate is. Een term die nauw verbonden is aan de bounce rate is de exit rate. De exit rate geeft aan hoeveel bezoekers na bekijken van een specifieke pagina je website verlaten, ongeacht hoeveel pagina’s zij hiervoor bekeken hebben. Beide percentages laten je zien waar je bezoekers precies op afhaken. Met dit inzicht kun jij deze pagina’s optimaliseren, zodat ze beter presteren. Zo houd jij je bezoekers gegarandeerd langer op je website!

Weetje: er wordt gezegd dat een bouncepercentage onder de 25% niet haalbaar is. Zelfs de beste en grootste bedrijven zitten hierboven. Een gemiddelde bounce rate wordt daarom geschat tussen 35-45%. Het is daarbij wel noodzakelijk om rekening te houden met wie je doelgroep is en in welke branche je je bevindt. Deze factoren hebben invloed hebben op je bounce rate.

Zo verlaag je je bounce rate

Gelukkig, zijn er talloze tips om je bounce rate te verlagen. Wij lichten 6 makkelijke en belangrijke voor je uit.

1. Wees kritisch

Kijk eens kritisch naar de bounce rates van verschillende pagina’s en de doelen van die pagina’s. Bij sommige doelen is een hoge bounce rate positief. Ik hoor je denken: hoezo? Nou, bijvoorbeeld wanneer je als doel hebt om websitebezoekers contact te laten opnemen voor informatie. Dan bestaat de mogelijkheid dat zij alleen op je contactpagina komen en vervolgens de telefoon pakken om je op te bellen. In dit geval zijn bezoekers meteen op de juiste pagina terechtgekomen. Het is dan waarschijnlijk dat je bounce rate hoog is voor deze pagina. Toch bereik je wél je doel.

  • Wanneer is het niet positief?
    Wil je inspirerende content delen die de interesse van je websitebezoekers in jou vergroot? Dan wil je juist wél dat zij doorklikken. Je wilt immers dat bezoekers zo lang mogelijk op je website blijven en zoveel mogelijk informatie vinden die hen nog enthousiaster maakt. Een zo laag mogelijke bounce rate is dan wenselijk.
  • Hoe pak je het aan?
    Kijk goed naar wat je precies wilt bereiken met verschillende webpagina’s. Kijk daarbij ook naar de bounce rate per individuele pagina. Je weet nu dat niet voor iedere pagina geldt dat hoe lager de bounce rate is, hoe succesvoller de pagina. Op deze manier bepaal je wat een realistische bounce rate is voor iedere specifieke pagina.

2. Visuals

Zorg ervoor dat de visuals en het design van je website overzichtelijk, duidelijk, makkelijk te verwerken en aantrekkelijk zijn. Je genereert meer websitebezoekers en behoudt deze wanneer je content interessant is. Toch is dit slechts één ding. Je kunt je bezoekers van de tofste content voorzien, maar als het design een rommeltje is, blijft niemand graag op je website. Je bounce rate verlagen wordt dan bijna onmogelijk.

Maak weinig gebruik van veel tekstuele content. Less is more. Bezoekers zullen niet al je teksten lezen. Zij scannen je pagina’s op zoek naar de meest interessante informatie. Doe dit als volgt:

  • Grote titels;
  • Breek een grote lap tekst op in verschillende alinea’s;
  • Vervang stukken tekst door een infographic of een video.

Een voorbeeld van een infographic is die Mondiaal FNV over de sociale dialoog in Peru:

Infographic Mondiaal FNV

Met duidelijke koppen, video’s en klikbare visuals zijn je bezoekers eerder geneigd verder te kijken op je website. Zo verlaag je je bounce rate.

3. Call to action

Calls to action (CTA’s) zetten websitebezoekers aan tot actie. Deze knoppen zijn niet alleen belangrijk om bezoekers op je website te krijgen, maar vooral ook om ze op je website te houden en hen over te laten gaan tot actie. Zo kun je heel gemakkelijk je . Daarbij werk je ook aan een lagere bounce rate, je stimuleert met CTA’s bezoekers immers om door te klikken. De onderstaande suggesties kun je gebruiken om effectief calls to action en links in te zetten:

  • Verwijs naar andere pagina’s: stuur websitebezoekers naar andere relevante webpagina’s waar ze meer informatie kunnen vinden, zoals een ‘lees meer’-knop.
  • CTA in het midden van je webpagina: bezoekers die halverwege je pagina hun aandacht verliezen worden met een CTA in het midden van de pagina geprikkeld om verder te kijken.
  • CTA op het einde van je webpagina: als je bezoeker een volledige pagina heeft bekeken zonder af te haken, dan heb je zijn aandacht te pakken. Voorkom dat je hier de aandacht van de bezoeker verliest door het plaatsen van een CTA onderaan de pagina. Deze CTA kan de bezoekers naar andere interessante content leiden.

4. Het belang van video

Uit onderzoek van Hubspot blijkt dat consumenten veel liever een productvideo kijken dan dat ze een tekst lezen over het product.  Het gebruik van video helpt je dus om je bounce rate te verlagen.  Video’s kunnen je boodschap krachtig, duidelijk en effectief overbrengen aan je publiek. Daarnaast helpt video om bovenaan in de zoekresultaten te komen van zoekmachines, zoals Google. Ook zullen bezoekers je content beter begrijpen en zich meer verbonden voelen met je bedrijf na het kijken van een video. Op deze manier worden zij eerder getriggerd om verder rond te kijken op je website.

Zie hier een voorbeeld van een onze showreel voor 2021. Deze wordt ingezet op onze landingspagina om te laten zien aan welke projecten we hebben gewerkt.

5. Verwijs naar links

  • Interne links: Mensen komen niet altijd via de juiste pagina binnen op je website. Als ze niet gelijk vinden wat ze willen, vertrekken ze weer. Voorzie hen van relevante content waar ze naar op zoek zijn met op iedere pagina duidelijke interne links. Zo zien bezoekers wat je nog meer te bieden hebt en verlaag je je bounce rate.
  • Externe links: Ook al verschillen je webpagina’s enorm qua inhoud, probeer dan toch om in iedere pagina een link naar een andere te verwerken. Het linken naar externe webpagina’s van jezelf of van andere personen of bedrijven helpt echter niet in het verlagen van je bounce rate. Wel kan dit voordelig zijn voor je plek in de zoekresultaten. Wees daarom kritisch betreft externe links en maak vooral gebruik van interne links.

6. Een goede gebruikerservaring

Een goede gebruikerservaring voor je bezoekers is enorm belangrijk voor het verlagen van je bounce rate. Ga na of het voor de websitebezoekers makkelijk is om vanuit de ene webpagina naar een andere te navigeren. Wanneer dit niet makkelijk gaat, leidt dit gegarandeerd tot een bounce. Ook wanneer je landingspagina heel langzaam laadt, informatie moeilijk te vinden is of niet mobielvriendelijk is loop je kans dat je bezoekers ongeduldig worden en wegklikken.

Interactieve websites inspiration

Interactieve websites | Inspiration

Websites: bedrijven kunnen niet meer zonder. Heb je een website, wil je uniek zijn en een goede indruk maken bij jouw bezoekers? Maak dan gebruik van een interactieve website! Hiermee stimuleer je interactie met je website bezoeker en blijven daardoor langer op je website. Dat wil jij toch zeker ook? Hieronder vijf opvallende interactieve websites om jou te inspireren.

Interactieve websites

Cyclemon

Ben jij dol op kleurrijke fietsen? Cyclemon deelt haar passie voor opvallende sportfietsen op haar interactieve website met het zogenoemde parallax effect. Iedere fiets wordt ontworpen voor verschillende stereotypen. Herken jij jezelf erin terug?

Interactieve website inspiration

Species in pieces

Species in pieces heeft op een creatieve manier 30 bedreigde diersoorten weergegeven in geanimeerde dieren. Op de interactieve website kun je gemakkelijk door de verschillende dieren scrollen met veel informatie en weetjes. Wist jij dat er zo veel bedreigde diersoorten waren?

Interactieve website inspiration

My Grandmother’s Lingo

Heb jij wel eens gehoord van interactieve websites die jou een taal aanleren? Met My Grandmothers Lingo kun jij in 10 minuten één van de oudste talen leren. Dit met behulp van je microfoon. Wacht niet langer en leer de Marra-taal.

Interactieve websites inspiration

Wake it up

Wake it up: een grappige interactieve website die begint met een minigame. De website is gemaakt om de site tot leven te brengen en hun animatie te promoten. Lukt het jou om de webbrowser wakker te maken?

Interactieve websites inspiration

Noisli

Heb jij ook wel eens moeite om jezelf te concentreren? Noisli is een interactieve website om jou daarmee te helpen. Wanneer je op de symbolen klikt krijg de juiste geluiden te horen om te ontspannen tijdens je werk.

Interactieve websites inspiration

Hebben deze voorbeelden van interactieve websites je overtuigd van haar werking? Wacht niet langer tot jouw concurrenten je voorgaan en ga aan de slag met interactieve websites. Hulp nodig? Wij helpen je graag verder! Neem vandaag nog contact met ons op.

HTML5 Websites | Inspiration

HTML5 Websites | Inspiration

Vrijdagmiddag 16:30uur. Waar bij menig bedrijf iedereen naar huis gaat, begint het feest bij Cooler Media. Onder het mom van de vrijdagmiddagborrel organiseren wij wekelijks onze ‘Inspiration Session‘! Hierin worden de vetste video’s, websites en ander designwerk van dat moment gedeeld. Zo blijven we als creatief bedrijf altijd up to date van de laatste trends!

Elke week kiezen we een overkoepelend thema. Voor deze eerste versie hebben we de coolste websites voor je geselecteerd die vol staan met HTML5 animaties. Met deze animaties is het mogelijk om op basis van het scroll gedrag van de bezoeker een website tot leven te laten komen. We hebben de beste vijf voor je uitgezocht.

Boldking

Vaak bekend bij mensen met baard, maar ook steeds vaker bij mensen zonder baard. De website maakt slim gebruik van scroll-triggered animaties in een hele vette tekenstijl.

Bekijk hier de website: https://www.boldking.com
Inspiration - Blog - Boldking

The Insurance Experiments

Als verzekeringsmaatschappij communiceren met animatie. Check de animaties en let ook goed op de html 5 animaties die op subtiele wijze in de website verwerkt zitten (scrollen!!!)

Bekijk hier de website: http://insuranceexperiments.org.uk

The Insurance Experiments

Toshiba

Denk je aan Toshiba, dan denk je aan mobile phones – maar er is meer waar dit merk zich aan verbind! Ga op ontdekkingsreis in deze volledig geanimeerde website.

Thoshiba

Robby Leonardi

Je bent creatief! Dus dat is ook precies wat je cv moet uitstralen. Daarom maakte Robby een interactieve cv in de vorm van een old skool game. Kun jij het spelletje uitspelen?

Bekijk hier de website: http://www.rleonardi.com/interactive-resume/
Robby Leonardi

Teatr Lalka

De oscars onder de websitemakers! Bij Teatr Lalka worden met verschillende puppet animations de verschillende shows weergegeven. Zet vooral je geluid aan, want elke puppet animation heeft zijn eigen geluidje!

Bekijk hier de website: https://teatrlalka.pl/
Teatr Lalka

Wil je meer weten over hoe wij dit soort websites voor je kunnen maken? Neem even contact met ons op!

Hoe zorg je dat bezoekers op je website blijven?

Hoe zorg je dat bezoekers op je website blijven?

De gemiddelde spanningsboog van een goudvis is negen seconden. Die van een mens acht. Zie hier de grootste uitdaging van online marketeers: een extreem snel afgeleid publiek. Meer dan de helft van de internetgebruikers blijft niet meer dan vijftien seconden hangen op een pagina.

Heb ik nog steeds je aandacht? Ha! Dat komt omdat jij weet hoe belangrijk het is om bezoekers op je website te houden.

Bezoekers klikken van de ene website naar de andere. Ze stoppen alleen wanneer een pagina ze écht aanspreekt. Niemand wil natuurlijk over het hoofd gezien worden, dus hier wat tips om bezoekers te vangen en vast te houden.

    1. Beschrijf je toegevoegde waarde in de eerste tien seconden
Hoe langer bezoekers op je website blijven, hoe kleiner de kans dat ze weggaan. Ze bepalen in de eerste tien seconden of ze blijven of niet. Laat ze dus zien waarom het de moeite waard is om te blijven hangen.

    2. Richt je op specifieke behoeften
Gebruikte zoektermen in Google worden steeds langer. In plaats van te zoeken naar ‘’groene jas’’, zoeken mensen naar ‘’Waar koop ik een groene jas in Amsterdam’’. Google heeft zich hier, natuurlijk, aan aangepast. Mensen zijn dus gewend om precies te vinden waar ze naar op zoek zijn. Wanneer jouw website niet duidelijk laat zien welke behoefte of vraag jij beantwoordt, zal je bezoekers mislopen. Denk vanuit je publiek. Wat proberen ze te vinden?

    3. Lengte is minder belangrijk dan leesbaarheid
Lange pagina’s zorgen zeker niet altijd voor een korter verblijf. Belangrijk is hoe leesbaar je pagina is. Lange lappen tekst zijn intimiderend en kunnen ervoor zorgen dat je bezoekers afhaken. Plaatjes, filmpjes en een goede paginaverdeling zijn hierbij erg behulpzaam.

Lang verhaal kort…
De eisen van websitebezoekers worden steeds maar hoger.  Het is een kwestie van zwemmen of verdrinken. Loop geen bezoekers mis door een verkeerde eerste indruk.

De tijd loopt!