Auteur
Wouter De Bruycker
We willen allemaal op de eerste pagina van Google staan. En dan liefst ook nog op de eerste plek, nietwaar? Wist je dat jouw score in Google ook afhankelijk is van de afbeeldingen die je op je website gebruikt?
Plaats daarom niet zomaar eender welke afbeelding op je website. Zorg dat alle afbeeldingen geoptimaliseerd zijn voor je bezoekers, je website én crawlers van zoekmachines zoals Google. Waarom? Geoptimaliseerde afbeeldingen maken je website sneller. Dat komt je SEO ten goede waardoor je een grotere instroom van gebruikers krijgt en je gebruikservaring verbetert. Het gevolg? Meer én betere conversies. Je begrijpt ondertussen wel waarom dat zo belangrijk is.
Hoe zorg je ervoor dat je afbeeldingen vindbaar zijn, dat deze beelden je website niet vertragen en met welke factoren moet je precies rekening houden? We geven je zes cruciale tips en optimalisaties om het maximum uit je afbeeldingen te halen. Op naar de nummer één in de zoekresultaten!
Inhoud
TIP 1: Kies het juiste bestandsformaat
Voordat je afbeeldingen aan je website toevoegt, wil je natuurlijk zeker zijn van het juiste formaat. In 95% van de gevallen is een JPEG-formaat de juiste keuze. Voor de overige afbeeldingen kies je bewust voor een PNG- of GIF-formaat.
Kies best een PNG- of JPEG-formaat, dat zijn de meest voorkomende.
- JPEG: het meest voorkomende én in de praktijk vaak ook het meest geschikte formaat voor je website. Zoek naar een goede balans tussen kwaliteitsniveau en de grootte van je afbeelding.
- PNG: afbeeldingen van betere kwaliteit, maar doorgaans erg zware bestanden voor je website. Gebruik dit bestandstype enkel voor visuals die gebruik maken van transparantie.
- GIF: rasterafbeeldingen in digitale vorm. Dit type is erg gecomprimeerd en dus zeer klein. Hierdoor bestaat de afbeelding uit slechts 256 kleuren. Het is vooral gekend door de mogelijkheid om afbeeldingen te animeren.
PNG-afbeeldingen lenen zich goed voor social media designs, omdat ze geen kwaliteitsverlies hebben. Voor een website gebruik je best gecomprimeerde bestanden (zoals JPEG) om je website niet te zwaar te maken.
Wat is dat, een gecomprimeerde afbeelding? Dat leg ik uit bij tip nummer twee!
TIP 2: Comprimeer je afbeeldingen
Volgens statistieken van Google vormen afbeeldingen gemiddeld 21% van het totale gewicht van een webpagina. In de praktijk merken we dat dit zelfs oploopt tot 50% wanneer er geen of te weinig aandacht besteed wordt aan optimalisaties.
Afbeeldingen hebben m.a.w. potentieel een erg grote impact op de laadsnelheid van je website. Is je website traag, dan verlies je ongetwijfeld bezoekers!
Zoals al kort vermeld bij de eerste tip, ben je op zoek naar de sweet spot tussen “kwaliteit” en “bestandsgrootte” van je afbeelding.
Ik raad je aan om afbeeldingen te comprimeren voordat je ze uploadt op je website. Dit kan via Photoshop of een online tool zoals Squoosh. Hiermee upload je eenvoudig jouw afbeelding en download je deze ook gemakkelijk terug in een gecomprimeerde versie. De nieuwe (kleinere) versie gebruik je vervolgens op je website.
Je CMS (zoals Drupal of Wordpress) kan vaak ook al automatisch een zekere compressie toepassen. Tools zoals Squoosh zijn echter gespecialiseerd in het optimaliseren van afbeeldingen en bieden bijgevolg een nog betere compressie.
Niet zeker hoe afbeeldingen jouw huidige website en paginasnelheid beïnvloeden? Probeer dan zeker eens de Google PageSpeed Insights-tool!
TIP 3: Ga voor unieke afbeeldingen
Afbeeldingen trekken letterlijk de aandacht op je website. Beter dan tekst zelfs. Dat is al meerdere malen bewezen in gebruikersonderzoeken. Zorg er daarom voor dat jouw website afbeeldingen uniek zijn en écht de aandacht trekken.
Hoe verleidelijk ook, stockfoto’s zijn niet altijd de beste keuze. De typische stockfoto’s maken je website vaak onpersoonlijk. En dat creëert een gevoel van afstand tussen je bezoeker en je website. Iets wat je natuurlijk absoluut wil vermijden.
Te veel websites staan vol met dezelfde emotieloze foto's. Denk bijvoorbeeld aan een bedrijfswebsite, een adviesbureau of een bedrijf dat trots is op zijn klantenservice. Al deze websites gebruiken typische stockfoto van een glimlachende zakenman of -vrouw. Je kent ‘m wel, toch?
Dus, hoe meer authentieke foto's jouw website bevat, hoe aangenamer de ervaring voor de bezoeker. Hoe langer ze op je website blijven, hoe hoger de mogelijkheid op conversie en hoe groter de kans om te scoren bij relevante zoekopdrachten.
TIP 4: Let op met copyright
Zorg ervoor dat je toestemming hebt om foto's op je website te gebruiken, ongeacht of het gaat om je eigen foto’s of om stockfoto's.
Wanneer platformen zoals Shutterstock, Getty, of de fotograaf waarmee je een fotoshoot plande, geen licentie gaf om deze afbeeldingen te gebruiken, riskeer je een dure rechtszaak.
Het is natuurlijk niet duurzaam om voor élke blogpost of nieuwe pagina, een fotograaf in te huren. Af en toe een stockfoto gebruiken kan dus wel, maar probeer het tot een minimum te beperken. Hergebruik liever je eigen afbeeldingen van een andere pagina indien ze in de context passen.
Voor (nood)gevallen, stelden we een top 7 op met de beste websites voor originele en rechtenvrije stockfoto’s. Kijk zeker goed naar de licentie-informatie bij elke afbeelding, want soms is een afbeelding bijvoorbeeld enkel gratis te gebruiken in combinatie met een bronvermelding, of enkel voor persoonlijke projecten en niet voor commerciële websites.
TIP 5: Pas de bestandsnaam van je afbeelding aan
Als het op SEO aankomt, is het creëren van beschrijvende bestandsnamen met de juiste keywords cruciaal. Vertel in de bestandsnaam van je afbeelding iets over wat er op die afbeelding te zien is. Het is namelijk die tekst die Google en andere crawlers van zoekmachines nuttige informatie meegeeft over het onderwerp van de afbeelding. Zo nemen ze het beeld correct op in hun zoekmachines.
De meeste bestandsnamen zien er doorgaans uit als "IMG_78E2Y78.jpg". Dat is jammer. Hiermee weten zoekmachines niet wat er op de afbeelding te zien is. Hoe moet het dan wel? Een goed voorbeeld van een geoptimaliseerde bestandsnaam is: "teamfoto-dropsolid-teambuilding.jpg"
Ik hoor je denken: moet ik écht al onze afbeeldingen hernoemen? Short answer: ja. Het vereist wat werk, afhankelijk van de grootte van je mediabibliotheek. Maar het zijn precies deze SEO-details die velen te tijdsintensief vinden en dus overslaan. En die zorgen er net voor dat jouw website een streepje voor heeft op je concurrent.
De bestandsnaam kan je natuurlijk niet aanpassen per taal (indien je website in meerdere talen beschikbaar is). De volgende tip is in zo'n gevallen zeer nuttig (en eigenlijk ook belangrijker dan de bestandsnaam).
TIP 6: Schrijf SEO-vriendelijke ALT-tags
ALT-tags (ook wel alt-tekst of alt-attribuut genoemd) zijn een tekstalternatief voor afbeeldingen wanneer een browser deze niet correct kan weergeven. Net als de titel, beschrijft het alt-attribuut de inhoud van een afbeelding.
Deze alt-tags geven vandaag niet meer dé doorslag voor je SEO, toch zijn ze erg nuttig vanuit een UX-standpunt. Een belangrijke factor waar Google ook rekening mee houdt! Wordt je afbeelding om eender welke reden niet geladen, krijgen gebruikers dankzij jouw alt-tag toch een idee van wat er had moeten staan.
Dit is voor bezoekers die spraaksoftware gebruiken - door bijvoorbeeld een hogere ouderdom of een visuele beperking - bijzonder nuttig. Deze spraaksoftware baseert zich hoofdzakelijk op de alt-omschrijving, die de bezoeker vertelt wat er op de afbeelding te zien is. Zeker voor overheden en ledenorganisaties is dit een belangrijk aspect om rekening mee te houden in het vaak verplichte inclusieve design van de website.
Schrijf dus in de eerste plaats relevante alt-omschrijvingen die effectief omschrijven wat er op de afbeelding staat. Let op! Prop ze ook niet vol met zoekwoorden in de hoop beter te scoren op al deze termen. Dat is "keyword stuffing" en tegen de spelregels van Google.
Samengevat
Met deze zes praktische en toegankelijke tips zorg jij ervoor dat je vanaf nu enkel afbeeldingen op je website gebruikt die geoptimaliseerd zijn voor je bezoeker, je website én de zoekmachines.
Voordat je van start gaat, nog even onze allerbelangrijkste inzichten en actiepunten:
- Kies het juiste bestandsformaat.
- Comprimeer en verklein de bestandsgrootte voor een snellere laadsnelheid van je pagina's.
- Zorg voor een authentieke uitstraling en relevante inhoud van je foto’s. Geen saaie en afstandelijke stockfoto’s!
- Let er op dat je over de juiste rechten beschikt om de afbeelding te gebruiken.
- Verlies je bestandsnaam niet uit het oog. Eerder onzichtbaar, maar zeker van belang!
- Neem de moeite om een ALT-tag toe te voegen, liefst in combinatie met je belangrijkste keywords, maar sowieso altijd duidelijk en omschrijvend
En nu: optimaliseren en uploaden maar, die afbeeldingen!
SEO-hulp nodig?
Ik vertelde je hierboven al een heleboel over SEO voor afbeeldingen. Heb je nog vragen? Niet helemaal zeker of je alles correct uitvoerde? Of nood aan een extra paar handen om je SEO helemaal op punt te krijgen? Ik help je graag verder!
Ook interessant voor jou
SEO draait vandaag de dag om veel meer dan alleen maar kwalitatieve content. Gebruikers verwachten een ervaring die hen geboeid kan houden.
Een nieuwe website die geen bezoekers aantrekt is een zure investering.
.jpeg)
In dit artikel ontdek je wat de "Core Web Vitals" zijn, hoe deze SEO/UX factoren doorheen de jaren al evolueerden en hoe je ze kan optimaliseren.