Over het gebruik van afbeeldingen op je site

Originaliteit 

Afgezaagde afbeeldingen zijn er in overvloed… Van die kringen in het water of blije mensen die stralend hun werk zitten te doen en natuurlijk het lampje dat aanspringt bij de brainstorm. We zien ze vaak en we zijn er bijna blind voor geworden.

Een afbeelding is zinvol als hij de inhoud van je artikel ondersteunt. Logisch, denk je. Maar we komen erg vaak afbeeldingen tegen die niks toevoegen.  Met Google >afbeeldingen kun je veel beeldmateriaal vinden, maar het kan zeker de moeite waard zijn om zelf een foto te maken of een schema of draadmodel te gebruiken om je verhaal toe te lichten. Vakinhoudelijke of complexere informatie knapt flink op van een begrijpelijk schema of model.

Grasduinen in de Rijksstudio

Een geweldige plek om mooie en originele afbeeldingen te vinden is in de Rijksstudio op de website van het Rijksmuseum. Het Rijksmuseum biedt een deel van haar collectie aan voor algemeen gebruik, rechtenvrij dus. Je kunt je eigen studio aanmaken daar, om mooie plaatjes te bewaren voor een andere gelegenheid en om te delen wat je hebt gevonden. De afbeeldingen die je daar kunt downloaden hebben een waanzinnige kwaliteit. 18mb voor een plaatje is heel gewoon. Wel verkleinen dus. Ook is het soms moeilijk om een afbeelding te vinden die to the point is, maar als ik een kaaswinkel of bloemenwinkel had... Vandaar dat ik vandaag mijn vlinders inzet. Eindelijk kan ik ze gebruiken!

Zelf afbeeldingen maken

Niet iedereen heeft zwarte band Photoshop en dat is ook geen must. Een handige site om zelf afbeeldingen of infographics te maken is bijvoorbeeld: www.canva.com. De eerlijkheid gebied mij te zeggen dat ik met het knutselen van een afbeelding net zo lang bezig ben als met het schrijven van het blog zelf…, maar dan heb ik wel een afbeelding die aansluit bij het plaatje dat ik in m‘n hoofd heb.

Vormgeven is een vak

Hoewel het heerlijk is om te klooien met kleur en lettertypes, kies ik zelf in belangrijke gevallen voor de finishing touch door een vormgever. Kijk naar de voorbeelden aan de zijkant: voor een workshop had ik zelf wat geknutseld met allerlei onderdelen uit mijn huisstijl, op canva.com dus. Ik was redelijk tevreden maar besloot om mijn vaste vormgever erbij te betrekken. Hier zie je wat een vormgever toevoegt.  Ik kan niet voor ieder blog of plaatje dat ik maak de vormgever inzetten, maar als het ook maar enigszins kan doe ik het wel. Het is een wereld van verschil.

Copyright en portretrecht

Als je iets met Google kunt vinden, betekent dat niet dat je het ook zomaar mag gebruiken. Op de meeste foto’s die je van internet haalt, rust copyright.
Stockphotos kunnen voor websites een goede optie zijn. Beeldmateriaal in een lage resolutie (=juist geschikt voor internet) hoeft niet veel te kosten.

Wat ik over de vormgever zei, geldt natuurlijk ook voor het inhuren van een fotograaf! Natuurlijk kun je met je smart phone snel een plaatje schieten, maar in sommige gevallen is het absoluut de moeite waard om een pro te vragen om jou of je product of je presentatie te vereeuwigen. 
Als je andere personen op je foto hebt staan, heb je in bepaalde gevallen hun toestemming nodig om de foto te publiceren, zeker wanneer het om kinderen gaat.

Hoe zwaarder het plaatje – des te langzamer de pagina. Probeer je afbeeldingen zo licht mogelijk te maken qua gewicht (kb's bedoel ik). Bij voorkeur kleiner dan 100 kb. (Dat betekent overigens niet dat ze piepklein qua afmeting hoeven te zijn.) Ook als je kunstenaar of fotograaf bent. Dan kun je ook in eerste instantie beeldmateriaal van een lagere resolutie laten zien, zodat je website toch snel laadt. Laat je bezoekers vervolgens zelf kiezen of ze beeldmateriaal van een hogere kwaliteit willen bekijken. 

Voor het verkleinen van plaatjes en foto’s gebruik ik www.picresize.com, daar kun je een afbeelding verkleinen tot de maat en het gewicht die jij nodig hebt. Je kunt kiezen voor percentages of zelf het formaat en het gewicht aangeven. Andere ‘plaatjesverkleiners’ zijn http://resmush.it/ en https://tinypng.com/.

Tekst en beeld

De combinatie tekst en beeld komt veel voor. Vaak begint een website met een afbeelding (of een slider, zo’n diashow) met teksten er op. Dat is dubbele winst: een plaatje en grote letters trekken de aandacht. Er kleven ook dubbele risico’s aan.

- Te veel tekst op een bewegende dia zorgt ervoor dat mensen dit niet allemaal kunnen lezen – laat staan dat ze het tot zich door kunnen laten dringen. Dus: hou deze teksten op de slider heel erg kort. Laatst zag ik drie klantreviews (testimonials) naast elkaar staan. Terwijl ik de eerste aan het lezen was, schoven ze alweer opzij…  
- Een te drukke achtergrond zorgt ervoor dat de tekst niet goed leesbaar is. 
- Te weinig contrast tussen tekst en achtergrond. Zoals je ziet is de witte tekst bijna onleesbaar.

SEO en afbeeldingen

Nu mijn dilemma: al tikkend dacht ik: ‘ik kan eigenlijk wel al deze informatie in een infographic-achtig plaatje stoppen’. Een nadeel hiervan is dat je op al deze inhoud dan niet wordt gevonden, want tekst in een plaatje kan een zoekmachine niet lezen.
Afbeeldingen worden makkelijk vergeten bij SEO. Over SEO en afbeeldingen is heel veel geschreven, daar kunnen we makkelijk een blog op zich mee vullen. Hier alvast een paar vuistregels:
- je zorgt natuurlijk voor goede tekst rondom de afbeelding waar het zoekwoord in voorkomt;
- gebruik begrijpelijke bestandsnamen (dus niet DSC1234);
- geef een heldere beschrijving in de alt-tekst waardoor zoekmachines en slechtzienden kunnen lezen waar de afbeelding over gaat.

Call-to-action

Als je de aandacht van je bezoeker hebt getrokken, met al dat fijne beeldmateriaal, dan is dit natuurlijk hét moment om je bezoekers aan te sporen om in actie te komen. Een call-to-action is een uitnodiging zoals: word lid – schrijf je in – koop nu – neem contact op.

Dus, als jij een ondernemer bent en een website hebt die gebruiksvriendelijker kan: bel nu – mail mij – schrijf je in voor de nieuwsbrief! Of heb je nog helemaal geen website: neem contact op!