Hoe
kleurenblind-proof
is jouw website?
Digitale toegankelijkheid is van groot belang voor je website. Het is natuurlijk een breed begrip en dit betekent dat je overal rekening mee moet houden. Ook met bezoekers die kleurenblind zijn. Ongeveer 4% van de Nederlandse bevolking heeft namelijk te maken met kleurenblindheid. Dit houdt in dat zij moeite hebben met het onderscheiden van kleuren. Dit betekent in het geval van je website dat het navigeren door de website lastiger wordt en het langer duurt om de gewenste informatie te vinden. Wij delen tips om jouw website kleurenblind-proof te maken.
Voordat je aan de slag gaat, is het goed om je te verdiepen in de soorten kleurenblindheid. Het blijft uiteraard moeilijk in te schatten wat kleurenblinde gebruikers zien en hoe dat verschilt van de gemiddelde gebruiker. Er zijn 3 soorten kleurenblindheid te onderscheiden:
Deuteranopia: problemen bij het onderscheiden van vooral de kleuren rood en groen. Verreweg de meest voorkomende vorm van kleurenblindheid.
Protanopia: moeite met het onderscheiden van blauwe en paarse, en rode en blauwe kleuren.
Tritanopia: moeite om de kleuren blauw en groen, en rood en paars uit elkaar te houden.
1. Kleurencombinaties vermijden
Nu je middels bovenstaande diagrammen weet welke soorten er zijn, is het belangrijk hiervan te leren en bepaalde kleurencombinaties uit je webdesign te laten. Enkele kleurencombinaties zijn groen en grijs, blauw en paars, groen en blauw, rood op zwart. Ook zijn pastelkleuren geen optie.
2. Kleurcontrasten gebruiken
Personen met kleurenblindheid hebben allemaal een andere perceptie van verzadiging, tint en helderheid en nemen allemaal een contrast anders waar. Het is daarom van belang dat je hoge contrasten gebruikt en gebruik maakt van heldere kleuren. Op Color Contrast Check kan je een achtergrondkleur en een voorgrondkleur voor tekst vaststellen. Het programma berekent vervolgens de contrastratio en geeft aan of de ingevoerde kleurencombinatie een goede optie is.
3. Tekst of symbolen
Mocht je op je website een rode knop hebben om bijvoorbeeld iets te annuleren en een groene bestelknop, dan is dit voor iemand met kleurenblindheid niet te onderscheiden. Het is daarom van belang om daarbij als tekst ‘annuleer’ of ‘bestelling plaatsen’ te zetten. Of bijvoorbeeld een rood kruis en een groen vinkje ter verduidelijking.
4. Links verduidelijken
Het onderscheiden van gewone tekst en links is voor een kleurenblinde extra lastig. Het is daarom van belang dat je laat zien dat het om een linkje gaat. Geef de link een andere kleur of maak hem vet. Zorg er in ieder geval voor dat de link onderstreept is. Zo is de link voldoende onderscheidend. Ook kan je om het extra te verduidelijken eventueel nog een title tag aan de link meegeven, zodat de tekst naar de gelinkte website verschijnt wanneer de bezoeker met de cursor over de link beweegt.
5. Test je website
Ben je benieuwd hoe kleurenblind-proof jouw website is? Een eenvoudige manier om dit te testen is via Photoshop. Hiervoor maak je een screenshot van je website en laad je deze in. Via Weergave -> Instellen proef -> Kleurenblindheid kun je inzien hoe een kleurenblind persoon je pagina ziet. Heb je geen Photoshop, dan kun je gebruik maken van de Coblis – Color Blindness Simulator.
Natuurlijk hebben we onze website ook even getest.
Contentmanagen.nl zoals te zien voor iemand zonder kleurenblindheid:
Contentmanagen.nl zoals iemand met Protanopia het ziet:
En, hoe kleurenblind-proof is jouw website?
Verder lezen?
Deze artikelen vind je misschien ook interessant:
Video op je website:
de do's en dont's
De populariteit van video’s als marketinginstrument is de laatste jaren sterk gegroeid. Je komt ze tegen op sociale mediakanalen van alle soorten. Op sommige van die platforms draait het zelfs puur om video – denk aan TikTok. Geen verrassing dus dat het gebruik van video op je eigen website ook een goede zet kan zijn als je je conversie wil vergroten. Voor welke doelen is het een goed idee om video’s te gebruiken? Waar moet je aan denken? Lees er alles over in deze blogpost.
Welke functies heeft video?
– Informeren en instrueren
De belangrijkste reden dat men video online inzet is om informatie en instructies te geven. YouTube staat er vol mee. Als je wil weten hoe je een fietsband plakt, een bepaald gerecht maakt of hoe je je haar stijlt: je vindt duidelijke instructies in diverse video’s. Met video kan je informatie geven over je product of dienst, of je bedrijf promoten. Bovendien kan de video zelf het product zijn dat je verkoopt. Heb je bijvoorbeeld een online cursus, dan kun je je lessen (deels) in videovorm aanbieden.
– Laten zien hoe je product werkt
Bewegend beeld zegt meer dan alleen tekst: soms is het veel makkelijker iets te laten zien dan het te omschrijven. Verkoop je je product in een webshop? Productvideo’s zijn dan ideaal. Laat in zo’n video zien hoe je product er van verschillende hoeken uitziet, hoe je het gebruikt of wat het doet ‘in actie’.
– Visitekaartje van jezelf of je bedrijf
Vergelijkbaar met productvideo’s kun je ook je bedrijf of jezelf in beeld brengen via video. Stel jezelf voor aan potentiële klanten. Een persoonlijk verhaal, verteld door jou zelf, schept vertrouwen bij mensen.
Waardevolle toevoeging aan je website
Het is belangrijk dat je video van toegevoegde waarde is voor je website. Wat waarde toevoegt, verschilt natuurlijk per organisatie en per website. Wel kun je de volgende punten als richtlijn aanhouden:
– Laat je persoonlijkheid zien
Maak video’s die overeenkomen met je eigen stijl en persoonlijkheid of die van je merk. Wees jezelf, laat de kracht van je bedrijf of merk zien. Naast de inhoud van de boodschap kun je ook in je gedrag uitdragen hoe je met de klant omgaat. Spreek de kijker aan zoals je je klanten aanspreekt.
– Blijf bij de kern
De meeste mensen zullen een te lange video niet tot het einde uitkijken, dus houd het kort. Vermijd lange intro’s en kom direct tot de kern. Maak duidelijk welke informatie de kijker kan verwachten. Je kunt je video ook in hoofdstukken opdelen, zodat de kijker direct naar het onderdeel kan klikken waar hij of zij in geïnteresseerd is. Handig om bij het overzicht met de onderwerpen ook een korte uitleg te geven (in geschreven tekst) over wat de kijker gaat zien.
– Gebruik ondertiteling
Het gebruik van ondertiteling is aan te raden om verschillende redenen. Het komt de toegankelijkheid ten goede – mensen met bijvoorbeeld gehoorproblemen kunnen meelezen – en ook voor de ranking in Google is het fijn. Daarnaast worden video’s op Facebook bijvoorbeeld het grootste deel van de tijd zonder geluid bekeken. Het heeft dus wel degelijk zin om te zorgen dat je video ook zonder audio goed te volgen is.
Er is nog genoeg te zeggen over de toepassingen van video en waar je op moet letten. En dan hebben we het nog niet eens gehad over het daadwerkelijk opnemen van een video. Als je na deze introductie nog vragen hebt of eens wil praten over de mogelijkheden, neem dan gerust contact op. Stuur ons een e-mail of chat direct met één van onze medewerkers via het chat icoon rechtsonder op deze pagina.
Verder lezen?
Deze artikelen vind je misschien ook interessant:
Zo maak je een
toegankelijke
website
Het idee van digitale toegankelijkheid is niet nieuw, maar krijgt de laatste jaren meer aandacht. Zo zijn alle websites van overheidsinstanties sinds 2018 verplicht ‘toegankelijk’. Alle informatie die op overheidswebsites staat, moet voor elke bezoeker begrijpelijk zijn. Maar ook als het niet om een overheidsinstantie gaat, is het zeer waardevol om een toegankelijke website te hebben. Een website is toegankelijk als hij voldoet aan vier principes: bedienbaar, waarneembaar, begrijpelijk en robuust.
Toegankelijk voor wie?
Bij digitale toegankelijkheid gaat het erom dat iedereen de informatie tot zich moet kunnen nemen. Zoals het ministerie van Binnenlandse Zaken het verwoordt: “Ieder mens heeft het recht om te leven als ieder ander en mee te doen in de maatschappij. Gebruikmaken van de mogelijkheden die het internet, computers en smartphones ons bieden hoort daar natuurlijk bij.” In Nederland hebben miljoenen mensen te maken met een of meerdere beperkingen die hen daarin belemmeren.
Die belemmeringen kunnen van alles zijn. Denk aan een auditieve of visuele beperking zoals slechtziendheid en kleurenblindheid, motorische beperkingen, ouderdomsklachten en laaggeletterdheid. Om de content op websites voor zoveel mogelijk mensen toegankelijk te maken, kun je dus op verschillende vlakken actie ondernemen. In deze blogpost vertellen we hier meer over. En we laten zien hoe digitale toegankelijkheid en SEO-vriendelijkheid samengaan.
Hoe maak je je website toegankelijk?
Dit artikel gaat niet over websites die moeten voldoen aan een wettelijke verplichting om toegankelijk te zijn. Informatie daarover vind je op www.digitoegankelijk.nl.
Je leest in dit artikel wel wat je kunt doen om met jouw website zoveel mogelijk gebruikers tegemoet te komen. Welke ontwerpkeuzes kun je maken? Waar kun je op letten in je teksten? Welke technologische toepassingen kun je gebruiken? Op deze vragen gaan we in.
Ruimte in het ontwerp
Een praktische manier om pagina’s goed leesbaar te maken, is door voor voldoende witruimte te zorgen. Grote blokken tekst vindt niemand makkelijk lezen. Met witruimte aan beide kanten van de tekst en tussen alinea’s schep je rust in het beeld. Gebruik ook een groot genoeg en duidelijk lettertype. Hiermee voldoe je aan het principe van waarneembaarheid.
Spraak, video en transcript
Voor mensen die tekst niet goed kunnen zien of lezen, is de spraakfunctie een uitkomst. Voeg een plugin toe die geschreven tekst kan laten uitspreken door door een screenreader. Of verpak de informatie in een video. Daarmee kom je tegemoet aan mensen die moeite hebben met lezen vanwege dyslexie of een taalachterstand en mensen die zichtproblemen hebben. Als je informatie aanbiedt in de vorm van audio, voeg dan juist weer een uitgeschreven transcript toe zodat mensen met een slecht gehoor het kunnen lezen.
Voorzie je een video van ondertiteling, dan is deze toegankelijk voor mensen die slechthorend zijn en ook voor mensen die ervoor kiezen om de video zonder geluid af te spelen. Daarmee vergroot je dus ook de waarneembaarheid, én het is goed voor je vindbaarheid op Google.
Contrasterende kleuren
Zorg voor duidelijk contrasterend kleurgebruik. Daarmee help je mensen die kleurenblind of slechtziend zijn om elementen van elkaar te onderscheiden. Let vooral ook op het kleurgebruik bij buttons, in het menu en op plekken waar acties ondernomen kunnen worden (kliks). Dit is ook voor de algemene gebruiksvriendelijkheid van belang.
Een beschrijvende alt-tekst
Voorzie informatieve afbeeldingen en links van een duidelijke, beschrijvende alt-tekst zodat deze tekst met een screenreader afgespeeld kan worden. Zo weet de bezoeker wat een afbeelding of link weergeeft, ook als hij of zij het niet kan zien. Doe dit wel alleen bij afbeeldingen die ook echt informatie dragen. Mooi meegenomen is dat Google’s algoritme ook van alt-tekst houdt. Goed voor je SEO score dus.
Bedienbaar
Bij dit principe gaat het erom dat je alle functies van een website moet kunnen bereiken en bedienen via het toetsenbord. Het menu selecteren, een formulier invullen: een toegankelijke website is volledig bedienbaar zonder muis. Hiermee kom je tegemoet aan mensen die een muis niet kunnen gebruiken of alleen via een toetsenbord kunnen of willen navigeren.
Robuust
Het vierde principe, robuustheid, is een wat technischer verhaal. Hierbij gaat het erom dat de html-code achter je website moet kloppen, zodat aan de andere principes voldaan kan worden. De code geeft aan uit welke attributen een tekst opgebouwd is. Die informatie gebruikt de browser of de screenreader om de tekst voor te lezen. Zo kan de spraakfunctie onderscheid maken tussen bijvoorbeeld een kopje en een alinea.
Om jouw website ook toegankelijk te maken, moet je dus aan allerlei punten denken. Bekijk je website vanuit het oogpunt van de bezoeker voor wie je website bedoeld is, en denk daarbij aan alle mogelijke obstakels die zij tegen kunnen komen. Heb je hulp nodig bij een van de genoemde aspecten van toegankelijkheid? Ons veelzijdige team, van contentspecialisten tot programmeurs, staat graag voor je klaar. Stuur ons een e-mail of chat direct met één van onze content managers via het chat icoon rechtsonder in deze pagina.
Verder lezen?
Deze artikelen vind je misschien ook interessant:
Geef User Experience een boost:
Gebruik iconen in je website
Iconen zie je overal. Herkenbare symbolen langs de weg, op stations en luchthavens, hotels en recreatiegebieden en in ziekenhuizen. Ze worden gebruikt vanwege hun universele betekenis. Ook buiten de fysieke openbare ruimte kom je iconen tegen, zoals op het internet en op smartphones. Wat is het nut van iconen op je website, en wanneer gebruik je ze? We leggen het uit in deze blogpost.
Verbeter de gebruiksvriendelijkheid
Iconen verbeteren de user experience van je website. Algemeen bekende en dus herkenbare iconen zorgen voor overzicht en geven structuur aan pagina’s. Gebruikers kunnen snel zien aan de iconen waar specifieke informatie te vinden is. Zo verwijst het huisje naar de homepage en staat het tandwiel voor instellingen. Het vergemakkelijkt het navigeren op je site. En dat zorgt ook weer voor een hogere conversie op je website.
Iconen zijn ruimtebesparend
Iconen gebruik je in plaats van tekst. Dat scheelt ruimte en helpt je site overzichtelijk te houden.
Duidelijke klik-targets
Een icoon kan ook aangeven waar je bezoeker moet klikken. Het home-icoon kan bijvoorbeeld dienen als button. Een icoon is vaak groter dan een enkel woord (Home). Het grotere oppervlak maakt het gemakkelijker om je muisklik te plaatsen. Zo vergroot je de conversiekans en verbeter je direct de toegankelijkheid van je website voor ouderen en mensen met een beperking.
Icons zorgen voor afwisseling
Ten slotte zijn iconen ook fijn om te “lezen”, omdat ze een grafische voorstelling zijn met een bepaalde betekenis. De afwisseling van tekst en grafische elementen verbetert de leesbaarheid. Houd het wel in balans met de rest van de content: te veel iconen kan juist het tegenovergestelde effect hebben.
Onze conclusie
Gebruik iconen! Maar behoud de balans in de verhouding met de rest van je content. Laat de iconen het beeld niet overheersen. En besef ook dat niet álle iconen universeel herkenbaar zijn. Als het icoon niet goed aansluit bij de content, kan dat juist afleiden of de UX verstoren. Doe onderzoek, test de webpagina’s op gebruiksvriendelijkheid en als je er niet uitkomt, neem gerust contact met ons op. Stuur ons een mail of chat direct met één van onze content managers via het chat icoon rechtsonder in deze pagina. We helpen je graag verder.
Verder lezen?
Deze artikelen vind je misschien ook interessant:
Het wat, waarom en hoe
van A/B testen
Een A/B test, ook wel bekend als ‘splittest’, is een test om content of design te testen op effectiviteit. 50% van de gebruikers krijgt versie A te zien, de andere 50% versie B. Maar waarom en hoe doe je dat?
Waarom doe je een A/B test?
Je hebt een uiting gemaakt, die qua content en design naar jouw idee zo goed mogelijk aansluit bij de vraag van je doelgroep. Maar is dat wel zo? En kan het niet beter? Om dat te kunnen meten doe je aan A/B testing. Je wil het doel dat je hebt gesteld (informatie, activatie, conversie) graag halen en liever te overtreffen. Doordat je verschillende varianten van content test, kan je eenvoudig meten wat beter scoort. A/B tests kunnen op alle online elementen die je gebruikt en in diverse vormen worden ingezet: op webpagina’s (lees hier alles over landingspagina’s), banners, social posts en e-mails.
Wat kan je testen met een A/B test?
Met een A/B test kan je veel meten, maar twee zaken zijn het belangrijkst: is de inhoud (de boodschap) van de content effectief opgezet en is je content gebruiksvriendelijk (user experience). Meet dan ook beide onderdelen in aparte tests. Probeer je meer aanmeldingen te krijgen voor je mailing-list, maar ben je onzeker over de tekst op de ‘call to action’ button? Probeer dan een variatie in bewoording en gebruik de best scorende. Of probeer eens te variëren met een kleur in je pagina of button.
Er is geen limiet aan het gebruik van A/B testing. Gebruik het zo vaak als je wil en optimaliseer naar je voordeel! Wil je meer weten over welke copy of kleuren goed werken? Neem vrijblijvend contact met ons op, of chat direct met één van onze content managers via het chat icoon rechtsonder in deze pagina.
Verder lezen?
Deze artikelen vind je misschien ook interessant:
De juiste navigatie:
Tips voor het menu van je website
Jouw website bevat vanzelfsprekend veel informatie die je wilt delen met je bezoekers. Het is dan ook van essentieel belang dat je vooraf afweegt welke content het meest in het oog moet springen. Daarna kun je starten met het bepalen van een menustructuur voor je website.
Verplaats jezelf in de doelgroep
Er bestaan basisregels die aangeven dat website navigatie maximaal zeven menu-items mag bevatten. Daarnaast zou content maar drie niveaus diep mogen zitten. Dat is zeker een goed uitgangspunt, maar dat kan je niet altijd toepassen. Je moet namelijk naar de context kijken: om welke organisatie gaat het? Wie is je doelgroep? Over welke content gaat het? Het aantal menu-items zal daar uiteindelijk van afhangen. Verplaats je dus bij het maken van je menustructuur voor je website dan ook in je doelgroep en bezoeker.
Blijf consistent
Internetgebruikers zijn gewend aan veel voorkomende navigatiestructuren: de horizontale navigatie bovenin de website is daar een voorbeeld van. Door de navigatiestructuur op een standaard positie te plaatsen, wordt een website gebruiksvriendelijker. Standaardiseer je hoofdmenu navigatie voor je hele website. Voer je navigatie op elke pagina identiek door en voorkom een aangepaste navigatie per pagina. Consistency is key!
Maak je hoofdmenu beschrijvend
Veel websites maken de navigatie al eenvoudiger door twee of meerdere menu’s te plaatsen. De belangrijke onderwerpen komen in het hoofdmenu, de minder relevante worden in een kleiner menu erboven geplaatst, zoals bijvoorbeeld social media links of een vertaal-optie. Menu-items in een hoofdmenu moeten beschrijvend zijn. Vertel bezoekers dus wat je doet en gebruik daarbij termen die je doelgroep begrijpt. Vermijd gebruik van moeilijk jargon en let er op dat je de menu-items kort en krachtig houdt.
Attentie!
Uit onderzoek en gebruikerservaringen is gebleken dat attentie het hoogst is voor zaken die aan het begin en aan het einde van iets staan.
Bezoekers van je website verwachten dat de belangrijkste pagina-links in het menu staan. Zet daarom pagina’s als “contact”, “klantenservice” en “over ons” achteraan en start je menustructuur met bijvoorbeeld de diensten die je aanbiedt. De home-knop is een belangrijk een element dat soms vergeten wordt in een menustructuur: hiermee kan je snel en overal terug-navigeren naar de homepage.
Maak ook altijd gebruik van navigatie-linkjes in je hoofdmenu in plaats van buttons. Buttons zijn namelijk onleesbaar voor zoekmachines en laden minder snel dan linkjes.
Submenu’s
Bij websites vanaf ongeveer 10 pagina’s zal je toch een bepaalde structuur moeten gaan aanbrengen om je website overzichtelijk te houden. Dan kan je gebruik maken van submenu’s. Probeer daarbij gerelateerde pagina’s onder één menu te plaatsen.
Pagina’s die je goed kunt onderbrengen in een submenu zijn bijvoorbeeld producten of diensten die je aanbiedt. De verschillende pagina’s waarin je je dienstverlening beschrijft breng je dan onder in het menu “producten” of “diensten”. Plaats bijvoorbeeld ook alle pagina’s die gerelateerd zijn aan de klantenservice bij elkaar. Denk hierbij bijvoorbeeld aan de FAQ, nieuws en handleidingen of een blog.
Verschillende soorten menu’s
De website van ANWB heeft een overzichtelijk menu, ingericht op onderwerp.
Ook zijn er taakgerichte websites. Ze zetten de bezoeker aan tot actie. Denk hierbij aan buttons als Help mee, Doneer nu, Lid worden etc.
Wil je meerdere doelgroepen aanspreken, dan is het zinvol om je menu daarop aan te passen. Deze onderwijsinstelling groepeert de informatie bijvoorbeeld per doelgroep, zoals leerlingen, ouders of medewerkers.
Wil je een goede menu-structuur en heb je hulp nodig bij het opzetten van je navigatie? Neem gerust contact met ons op! Je kunt ook met ons chatten via het chat icoon rechtsonder op deze pagina.
Verder lezen?
Deze artikelen vind je misschien ook interessant:
Hoe maak je een effectieve landingspagina?
3 belangrijke voorwaarden
Een landingspagina is een pagina met detail-content over een dienst of product, met een specifiek doel: informeren, activeren of converteren. Het wordt veel gebruikt, maar waar moet zo’n landingspagina nu aan voldoen? We geven je 3 voorwaarden waar een effectieve landingspagina aan moet voldoen.
1. Voldoe aan de verwachting
Niets is irritanter dan op een pagina landen die niet de content bevat die je zoekt. Je leidt jouw doelgroep juist naar deze speciaal ontwikkelde pagina om ervoor te zorgen dat hij precies die informatie vindt die hij verwacht, als hij heeft geklikt op een boodschap uit een van jouw online kanalen. Daardoor voldoe je exact aan de verwachting van de gebruiker en maak je meer kans om je doel te bereiken.
2. Hou de structuur simpel en kort
Een goede landingspagina zoomt in op dat ene deel van je product of dienst waar je de aandacht op wil richten. Hij is dus anders van structuur dan de webpagina, waarop de content vaak uitgebreider staat omschreven. Maak je content to the point en check of de deze ook voldoet aan de boodschap die je in je online kanalen communiceert.
3. Maak het Social Proof
Een landingspagina wordt vaak ingezet als overtuigingsmiddel. Dat noemen we ‘social proof’. Gebruik dan ook reviews of quotes waarin je product of dienst is besproken. Dit vergroot het vertrouwen bij potentiële klanten.
Last but not least: meet de effectiviteit van je pagina. Via Google Analytics of Hotjar kun je de traffic en activiteit meten van je pagina.
Heb je hulp nodig bij het opzetten van een effectieve landingspagina? Contentmanagen.nl kan je helpen.
Neem vrijblijvend contact met ons op, of chat direct met één van onze contentmanagers via het chat icoon rechtsonder in deze pagina.
Verder lezen?
Deze artikelen vind je misschien ook interessant:
Gebruik jij de juiste kleurencombinaties?
5 regels om de beste kleuren te kiezen voor je webdesign
Gebruik van de juiste kleuren op je website is essentieel voor het succes van je online activiteiten. Je kunt maar één keer een eerste indruk maken: zorg dat ‘ie goed is!
Uit onderzoek is gebleken dat het merendeel (62-90%) van impuls-aankopen wordt gedreven enkel door perceptie van kleuren! Het is daarom van groot belang om de juiste keuzes in het gebruik van kleuren te maken. Kleuren geven een (indirecte) boodschap af aan je gebruikers, gewild of ongewild.
Weet je niet hoe je dit aan moet pakken? Lees dan dit artikel aandachtig door en gebruik deze 5 regels om de juiste kleurkeuzes te maken.
-
-
Zoek je basiskleur
Goede kans dat je al een logo of zelfs al marketing bedrijft. Dan zal je ongetwijfeld een basiskleur hebben. Dit is de kleur waarmee jouw bedrijf of product wordt geassocieerd: je basiskleur. Heb je die nog niet? Scroll dan eens door deze kleuren ter inspiratie. -
Bepaal je overige kleuren
Als je de basiskleur hebt bepaald, is het van belang om de overige kleuren te kiezen. Dat kunnen er meer dan 1 zijn, maar hou het simpel en gebruik niet meer dan 3 extra kleuren. Welke zijn dat dan? Ook hier is het van groot belang dat je de juiste keuze maakt. Je kunt dat doen door kleurenleer toe te passen. Er zijn meer opties, maar we sommen de 4 belangrijkste op.
-
– Complementair
Kleuren die tegenover elkaar op het kleurenwiel staan, worden beschouwd als complementaire kleuren (bijvoorbeeld: rood en groen). Het hoge contrast van complementaire kleuren zorgt voor een levendige look. Complementaire kleuren werken met name goed als je iets wilt laten opvallen. Gebruik ze niet voor tekst.
– Analoog
Bij analoge kleurenschema’s worden kleuren gebruikt die naast elkaar op het kleurenwiel staan. Ze passen meestal goed bij elkaar en creëren rustige ontwerpen. Analoge kleurenschema’s komen vaak voor in de natuur en zijn harmonieus. Zorg wel voor voldoende contrast bij het kiezen van een analoog kleurenschema. Kies een dominante kleur en een tweede om deze te ondersteunen. De derde kleur wordt gebruikt (samen met zwart, wit of grijs) als accent.
– Triade
Een triadisch kleurenschema maakt gebruik van kleuren die gelijkmatig over het kleurenwiel zijn verdeeld. Ze voelen levendig. Zorg er wel voor dat je de kleuren zorgvuldig balanceert: laat één kleur domineren en gebruik de twee andere voor accent.
– Rechthoek
Het rechthoekige kleurenschema gebruikt vier kleuren die in twee complementaire paren zijn gerangschikt. Deze rijke kleurstelling biedt volop mogelijkheden voor variatie. Het werkt het beste als je één kleur laat domineren. Let ook in je ontwerp op de balans tussen warme en koele kleuren.
-
-
-
Gebruik secundaire kleuren indien nodig
Secundaire kleuren kiezen naast je basiskleuren is soms niet eenvoudig. Gelukkig zijn daarvoor tools beschikbaar. Adobe heeft een hele goede tool. Vergeet ook niet dat je tinten van je hoofdkleuren kan gebruiken om verschillende kleurenspectra te creëren, zonder een extra kleur toe te voegen! En ook kunnen de neutrale kleuren wit, zwart en grijs, heel goed gebruikt worden om contrast te creëren. -
Pas de gekozen kleuren toe op de juiste plekken
Primaire kleuren
Primaire kleuren gebruik je om de “hotspots” op je webpagina weer te geven. Je gebruikt ze om de aandacht van gebruikers te trekken en hen aan te zetten tot actie. headers, CTA-knoppen, pictogrammen, etc., dien je in primaire kleuren te plaatsen.
-
-
Secundaire kleuren
Secundaire kleuren worden gebruikt om de minder belangrijke informatie op de website weer te geven, zoals secundaire knoppen, subtitels, menu-items, achtergronden of ondersteunende inhoud.
Neutrale kleuren
Gebruik neutrale kleuren voor tekst en achtergrond, maar ook om balans te brengen in kleurrijke delen van de site.
-
-
Check of de gekozen kleuren werken
Test het gekozen kleurenpalet in verschillende scenario’s. Werkt het bijvoorbeeld ook in print?Als je bovenstaande regels hebt doorlopen, ben je klaar om te designen! Laat ons eens weten waar jij aan denkt? Contentmanagen.nl kan je helpen om een kleurenschema op te zetten.
-
Verder lezen?
Deze artikelen vind je misschien ook interessant:
Maak je image gallery SEO waardig
Schrijf je een stuk voor een online tijdschrift, een artikel voor de website van je bedrijf of ben je een blogger en wil je je social media platform aanvullen met een leuk artikel? Grote kans dat je op zoek bent naar een passende afbeelding. In dit artikel leggen we uit hoe je een afbeelding SEO waardig kunt maken.
Altijd afbeeldingen gebruiken
De zin ‘een afbeelding zegt meer dan duizend woorden’ of ‘don’t tell them, show them’ hebben we vaker gehoord en dat is ook zo. Echter geldt dit helaas niet voor je Google resultaten, wel maakt het je artikel een stuk aantrekkelijker wanneer je een afbeelding plaatst.
Vind het juiste beeld
De afbeelding die je gaat toevoegen moet het onderwerp van je post weerspiegelen of illustratief van aard zijn. Het beste is als je originele afbeeldingen kunt gebruiken die je zelf gemaakt hebt. We begrijpen uiteraard dat dit niet altijd een optie is, gelukkig zijn er dan alternatieven.
Je kunt namelijk gebruik maken van stockfoto’s, hoewel dat niet de meest originele foto’s bevatten. Je zou ook kunnen zoeken naar afbeelding die onder Creative Commons uitgegeven zijn. Kijk bijvoorbeeld eens op de website Flickr.com. Hier kun je bijzondere afbeeldingen vinden, maar vergeet niet te checken of je de afbeelding vrij mag gebruiken en vermeld altijd de fotograaf in de credits.
Daarnaast kun je ook gebruik maken van bijvoorbeeld grafieken of illustraties. Wat tegenwoordig ook helemaal ‘in’ is, is het gebruik van GIFjes. Dit kan echter wel de aandacht van de lezer afleiden, dus houd dat in je achterhoofd.
De beste bestandsnaam
Als je dan de juiste afbeelding hebt gevonden – of het nu een foto, illustratie of grafiek is – is de volgende stap om deze te optimaliseren voor gebruik op je website. Dus voordat je de afbeelding toevoegt is het belangrijk om na te denken over de bestandsnaam die je de afbeelding gaat geven.
Hierbij is het voor SEO belangrijk dat de bestandsnaam zo specifiek mogelijk beschrijft wat er te zien is of wat het hoofdonderwerp van de foto of van je artikel is.
Kies het juiste formaat
Het is ook belangrijk wat voor formaat je je afbeelding meegeeft. Het gaat er uiteindelijk om hoe je je afbeelding gaat gebruiken.
-
Kies JPEG voor grotere foto’s of illustraties: het geeft je goede resultaten met behoud van kleuren en helderheid met een relatief kleine bestandsgrootte; probeer zo vrij mogelijk te denken. Laat je niet beperken door wat anderen zeggen of wat al bestaat. Impossible is nothing!
-
Gebruik PNG als je de achtergrond transparantie in je afbeelding wilt behouden;
Sinds kort kun je ook gebruik maken van het WebP format in plaats van JPEG en PNG. Het levert resultaten van hoge kwaliteit op met kleinere bestandsgroottes.
Vergeet niet om in het achterhoofd te houden dat je artikel ook gelezen zal worden op verschillende apparaten en browsers, dus controleer altijd even op je afbeelding ook daarin functioneert en tot zijn recht komt.
Loading…
Wat belangrijk is voor je website is de laadtijd. Je wilt niet dat je lezer al afhaakt omdat je site te traag laadt. Snelheid is in dit geval belangrijk voor UX en SEO. Hoe sneller je site, hoe gemakkelijker het voor gebruikers en zoekmachines is om een pagina te bezoeken (en te indexeren). Afbeeldingen kunnen een grote invloed hebben op de laadtijden, vooral wanneer je een enorme afbeelding uploadt om deze heel klein weer te geven. Verklein dus je afbeelding naar hoe je wilt dat deze wordt weergegeven.
Let wel op dat de kwaliteit van je afbeelding niet omlaag gaat hierdoor. Gelukkig zijn er genoeg tools om je afbeeldingsgrootte te comprimeren, met behoud van de kwaliteit.
Bijna klaar voor het plaatsen van je afbeelding
Voordat je je afbeelding gaat uploaden is het nog belangrijk om voor jezelf vast te stellen waar op je platform deze te zien gaat zijn. Daarnaast is het van belang dat je goed nadenkt over een eventuele bijschrift, aangezien deze 300% meer gelezen worden dan de body-copy zelf. Dus als je deze niet of incorrect gebruikt, mis je een kans om een groot aantal potentiële lezers aan te spreken. Een bijschrift is overigens niet altijd noodzakelijk. Wat wel noodzakelijk is, is een alt-tekst.
Een sterke alt-tekst
Zorg ervoor dat je een alt-tekst toevoegt aan elke afbeelding die je gebruikt, en zorg ervoor dat de alt-tekst de SEO-sleutelzin voor je pagina bevat. Het belangrijkste is dat je beschrijft wat er in de afbeelding staat, zodat zoekmachines er inzicht in kunnen krijgen. Hoe meer relevante informatie er rondom een afbeelding is, des te meer zoekmachines deze afbeelding belangrijk vinden.
En uploaden maar!
We hopen dat we je wegwijs hebben kunnen maken in het optimaliseren van je images voor SEO. Mocht je toch nog hulp nodig hebben, neem dan gerust contact op!
Verder lezen?
Deze artikelen vind je misschien ook interessant:
Mobile First:
wat is het precies en wat zijn de voordelen?
Vandaag de dag is een goede weergave van je website op mobiele telefoons erg belangrijk. Er wordt erg veel op het internet gebrowsed via de smartphones. Dat is ook de reden dat Google tegenwoordig eerder naar de mobiele versie van een website kijkt dan een desktop versie. En dat bepaalt ook mede de ranking van je website in Google. Dit noemen ze ‘Mobile first indexing’.
Omdat het ranken in Google zo enorm belangrijk is, heeft deze beslissing gezorgd voor een verandering in de manier waarop bedrijven hun websites ontwikkelen, namelijk met de ‘mobile first’ benadering.
Het verschil tussen desktop first en mobile first
Als een website wordt gemaakt met ‘mobile first’ benadering, wordt deze allereerst ingericht voor optimale gebruiksvriendelijkheid voor de mobiele bezoeker. Voorheen werd een website gebouwd met inrichting voor desktop gebruikers, maar met een ‘responsive’ variant, waardoor deze goed schaalde voor gebruik op een mobiele telefoon of tablet.
Voordelen van mobile first
Een responsive website is prima te gebruiken op mobiele apparaten, maar de mogelijkheden om je website alleen aan te passen voor ‘mobile’ zijn gelimiteerd. De rangschikking van de blokken die zich omzetten naar een mobiele weergave wordt voor het grootste gedeelte bepaald door de desktopversie. Dat kan voor onlogische weergaven zorgen. Daarnaast is het scherm van de bezoeker op een smartphone veel kleiner dan een desktop scherm en lijken bepaalde stukken tekst dus veel langer op mobiele apparaten.
Het is dus verstandig om deze teksten wat beknopter te schrijven voor mobiele weergave. Lees meer over schrijven met gebruiksvriendelijkheid in gedachten in ons artikel over UX-writing. Op mobile first designs wordt ook enkel essentiële functionaliteiten toegepast, waardoor de website een minimalistische uitstraling heeft en content-bewuster is. Dit zorgt er mede voor dat de website lichter is, waardoor deze sneller laadt en reageert. Dit is ook een belangrijke graadmeter voor een hogere Google-ranking. Hoe sneller de website is, hoe beter de ranking.
Wil je meer weten of heb je hulp nodig met het ontwikkelen van een mobile first website? Neem vrijblijvend contact met ons op, of chat direct met één van onze content managers via het chat icoon rechtsonder in deze pagina. We helpen je graag verder!