5 veelvoorkomende fouten bij het plaatsen van afbeeldingen

5 veelvoorkomende fouten bij het plaatsen van afbeeldingen - ZZP Barometer

Herstel of voorkom deze fouten op jouw website als zzp’er

Natuurlijk wil je op je website ook afbeeldingen plaatsen. Dit lijkt heel eenvoudig, maar kan toch nog weleens lastig zijn. In dit artikel geef ik je een lijstje van vijf veelvoorkomende fouten bij het plaatsen van afbeeldingen op websites, met tips hoe je deze kunt herstellen of voorkomen. 

Te grote afbeeldingen gebruiken waardoor de website traag wordt

Het is heel verleidelijk en eenvoudig om je foto of afbeelding rechtstreeks vanaf je telefoon of je computer op je eigen website te zetten. Echter: dit zijn soms hele grote bestanden. Je kunt in je (WordPress) website je foto eenvoudig verkleinen. Maar wist je dat je daarmee de foto zelf niet verkleint? Dat betekent dat nog steeds alle MB’s geladen moeten worden bij het laden van je webpagina. Je website wordt hier trager van. Bovendien wordt je website onnodig groot, zeker als je dit een aantal jaren achter elkaar zo blijft doen. Dat kan je extra kosten opleveren bij je provider.

Tip: verklein je foto’s of afbeeldingen altijd voordat je ze gaat plaatsen op je website. Je kunt dit met je eigen fotobewerkingsprogramma doen. Ben je daar niet goed in thuis? Dan kun je ze ook online bewerken, bijvoorbeeld met iPiccy of TinyPNG.

Afbeeldingen gebruiken die je gewoon met Google hebt gevonden

Heb je een mooie foto gevonden met Google (of ergens anders op internet) en wil je die op je website gebruiken? Niet doen! De kans is groot dat je problemen krijgt met de auteursrechten. Vergis je hier niet in, je kunt boetes krijgen van vele duizenden euro’s!

Tip: wil je er zeker van zijn dat je geen problemen krijgt met auteursrecht? Gebruik dan je eigen foto’s of huur een fotograaf in. Je kunt ook foto’s per stuk of in een bundel kopen op websites, zoals bijvoorbeeld Shutterstock. Zoek je een goedkopere oplossing? Kijk dan eens op websites met rechtenvrije (Creative Commons Zero-licentie) foto’s, zoals bijvoorbeeld Pixabay en Pexels zijn mijn favorieten.

Afbeeldingen niet op juiste manier uitsnijden

Zeker bij headers bovenaan pagina’s of in sliders is dit een probleem dat ik regelmatig terugzie: afbeeldingen zijn niet goed uitgesneden. Daardoor worden ze bijvoorbeeld opgeblazen (met vreemde verhoudingen of korrelig) of wordt de foto op een vreemde manier afgesneden.

Tip: zorg ervoor dat je weet welke hoogte en breedte ideaal zijn voor je afbeelding in je slider of header. Open vervolgens je afbeelding in een bewerkingsprogramma. Verklein de afbeelding totdat deze eerst de juiste breedte (width) heeft. Maak daarna pas een goede en logische uitsnede die overeen komt met de juiste hoogte (height). Dit kan soms even puzzelen zijn. Sommige foto’s zijn niet te gebruiken voor een slider of header: laat je eventueel adviseren door je webbouwer of webredacteur. Een vierkante portretfoto kun je bijvoorbeeld nooit geschikt krijgen voor een paginabrede slider.

Vergeten een alternatieve beschrijving mee te geven (alt tekst)

Een afbeelding heeft een aantal eigenschappen, waaronder een titel en een alt-tekst (alternatieve tekst). Als je deze alt tekst invult dan krijgt een blinde of slechtziende dat tekstje voorgelezen als beschrijving van de afbeelding. En ja, dit vindt Google ook fijn dus het is ook goed voor je vindbaarheid. Het is handig om je belangrijkste trefwoord ook in de alt-tekst op te nemen.

Tip: zorg er eerst voor dat je de afbeelding opslaat met een logische naam. Gebruik je WordPress? Bij het plaatsen van de afbeelding kun je direct wat extra informatie toevoegen bij de bijlage details zoals een alt-tekst en een titel. Ben je dit vergeten en wil je dat achteraf alsnog doen? Klik dan op je foto in de pagina en vervolgens op het potloodje, dan kun je alsnog wat velden invullen.

Afbeeldingen verschijnen groter als je erop klikt, in een nieuw tabblad

Dit probleem kom je vooral tegen op WordPress websites. Om een of andere reden zorgt WordPress er standaard voor dat als je een afbeelding aanklikt, je automatisch naar de grotere versie van de afbeelding gaat in een nieuw tabblad. Dat is meestal niet wat je wilt, omdat je daardoor bezoekers kwijt raakt.

Tip: gebeurt dit op jouw WordPress website? Bewerk dan de pagina waarop de afbeelding staat. Klik de afbeelding aan waar het om gaat en klik op het potloodje. Zorg ervoor dat er bij Link naar ‘geen’ staat.

weergave_instelliningen_wordpress
Daphne de Gouw
Daphne de Gouw

Daphne de Gouw maakt WordPress websites voor kleine ondernemers (o.a. zzp’ers, coaches, therapeuten, stichtingen). Zij doet dit onder haar bedrijfsnaam ‘MetDaphne’ sinds 2012. Daphne besloot na bijna 20 jaar werken aan intranet en internet projecten bij diverse organisaties haar eigen onderneming op te richten. Alle kennis en ervaring op het gebied van online communicatie gebruikt zij nu bij het maken en onderhouden van websites voor (startende) ondernemers.

Bekijk alle artikelen van Daphne de Gouw →

ZZP Barometer is dé onafhankelijke informatiebron van de zzp-markt in Nederland. Sinds 2008 wordt kennis verzameld en vergaard op basis van structureel onderzoek onder een eigen zzp-panel. Als het naslagwerk en de nieuwsbron voor freelancers, interim professionals, (z)zp’ers, opdrachtgevers, intermediairs en (andere) marktpartijen wordt ZZP Barometer ondersteund door onze themapartners en experts. Wil jij periodiek jouw mening geven en onbeperkt gratis toegang tot alle checklists, downloads, feiten & cijfers, kortingen, overeenkomsten, ranglijsten, sjablonen en meer? Meld je nu gratis aan.

Aankomende events

Bekijk de volledige agenda →