Afbeldingen optimaliseren voor SEO

10 Handige tips om afbeeldingen te optimaliseren voor zoekmachines.

10 Tips om afbeeldingen voor SEO te optimaliseren

Afbeeldingen zorgen ervoor dat een webpagina aantrekkelijker en boeiender voor gebruikers wordt. Maar ook voor de SEO zijn deze onmisbaar.  

Iedereen die zijn website weleens heeft getest heeft ongetwijfeld weleens de volgende melding gekregen:
"Gebruik afbeeldingen van hoge kwaliteit"

Waarmee we bij een belangrijk punt komen, de beeldoptimalisatie.

Wat is beeldoptimalisatie?

Beeldoptimalisatie omvat het maken en leveren van afbeeldingen van hoge kwaliteit in het ideale formaat; en een goede resolutie.
Dit om de betrokkenheid van gebruikers te vergroten.
Ook het nauwkeurig labelen van afbeeldingen met metadata, zodat crawlers van zoekmachines ze kunnen lezen en de paginacontext kunnen begrijpen hoort bij dit onderdeel..

Waarom is dit belangrijk?
Afbeeldingen zijn een groot onderdeel bij het laden van een webpagina.
De grootte en complexiteit van afbeeldingen hebben dus een grote invloed op de prestaties van de site.
Omdat laadsnelheid een grootte invloed heeft op de gebruikerservaring is het dus belangrijk deze aan te bieden in het juiste formaat.

Een snelle website kan een positieve invloed hebben op de positie in de zoekresultaten.
Omdat ook de betrokkenheid van bezoekers toeneemt heeft dit een positief effect op conversies en klantbehoud.

Het optimaliseren van afbeeldingen gaat verder dan het verkleinen van de bestandsgrootte.
Ik zal 10 manieren noemen die een gunstige invloed op de SEO van een website hebben als het om beeldmateriaal gaat.

1. Optimaliseer het formaat van afbeeldingen

Afbeeldingsgrootte en bestandsgrootte zijn twee verschillende zaken.

De oude regel die werd gehanteerd was om het JPEG formaat te gebruiken voor afbeeldingen met veel kleur en PNG voor eenvoudige afbeeldingen.
Tegenwoordig is er echter een nieuw formaat beschikbaar WebP.
WebP-afbeeldingen, met een gemiddelde besparing van 30% t.o.v. JPEG-afbeeldingen.
Heb je een Wordpress blog, sinds verzie 5.8 wordt het ondersteund.
Niet alleen verhoogt het de laadsnelheid van jouw blog gigantisch, ook het maken van back-up verloopt sneller door aanzienlijk minder data.

2. Kies de juiste compressieverhouding

Hoe goed een afbeelding is gecomprimeerd, heeft invloed op zowel de bestandsgrootte als de kwaliteit: Hoe kleiner het bestand, hoe slechter de afbeeldingskwaliteit.
Experimenteer met bestandstypen en compressieverhoudingen om te zien wat het beste werkt voor elke afbeelding.
Veel tools voor het bewerken van afbeeldingen, zoals Adobe Photoshop, hebben een optie voor opslaan voor het web waarmee de bestandsgrootte automatisch wordt geminimaliseerd terwijl de beeldkwaliteit wordt geoptimaliseerd.
Als je geen Photoshop gebruikt, zijn we diverse andere  hulpprogramma's en plug-ins beschikbaar zoals bijvoorbeeld:

3. Optimaliseer afbeeldingsbestandsnamen

Zorg dat de bestandsnaam van een afbeelding beschrijvend is. Gebruik hiervoor relevante, beschrijvende trefwoorden om de meeste SEO-kracht te krijgen. Voeg het belangrijkste zoekwoord aan het begin toe. Bestaat de naam uit meerdere woorden, dan scheidt je deze met koppeltekens. Gebruik geen onderstrepingstekens omdat zoekmachines ze niet herkennen en de woorden dan niet afzonderlijk begrijpen.

Bestandsnamen moeten logisch zijn voor zowel zoekmachines als mensen. Ik kom nog regelmatig afbeeldingen tegen met als bestandsnaam IMG-5482654.jpg, de naam die het fototoestel gebruikt om deze op te slaan. Staat er op deze foto een Volvo amazon uit 1963? Hernoem de afbeelding dan naar volvo-amazone-1963.jpg.

4. Gebruik alt-tags

Bezoekers begrijpen de afbeelding waarschijnlijk wel, maar spiders van zoekmachines hebben aanwijzingen nodig.
Wat ook vaak vergeten wordt is dat de alt tag een hulpmiddel is voor blinden en slechtzienden om een pagina te begrijpen.
Zonder alternatieve tekst kunnen zoekmachines de afbeeldingsinhoud niet nauwkeurig indexeren.

Schrijf een alt-tag die gedetailleerder is dan de bestandsnaam.
Streef naar complete duidelijkheid bij het beschrijven van een afbeelding..

TIP: Gebruik de alt tag om te verduidelijken wat een afbeelding weergeeft. Niet om deze te vullen met zoveel mogelijk zoektermen, dit werkt averechts.

5. Maak afbeeldingen mobielvriendelijk

Het algoritme van Google maakt gebruik van mobile-first indexering, dus crawlers kijken vooral naar de mobiele versie van een site.
Alle afbeeldingen moeten dus mobielvriendelijk zijn.
Dat betekent dat de grootte van de afbeelding zich aanpast aan het schermformaat waar deze wordt weergegeven.

Diverse CMS-systemen passen het formaat van afbeeldingen automatisch.
Is dit niet het geval, dan kun je dit zelf aanpassen.
Er zijn diverse manieren die werken.
Bijvoorbeeld met een stukje aangepaste CSS-code.
Ben je hier niet in thuis?
Dan kun je kiezen voor het aanpassen van de zogenaamde image dimensions.
In plaats van de hoogte en breedte in pixels te noemen in de HTML, kies je voor een percentage.

Normaal gesproken ziet de code er als volgt uit:

<img src="img_volvo-amazone-1963.jpg" alt="Klassiek Volvo Amazone uit 1963" width="1500" height="600">

Echte is deze afbeelding  te groot voor veel schermen. Wijzig je de code in

<img src="img_volvo-amazone-1963.jpg" alt="Klassiek Volvo Amazone uit 1963" width="50%">

Dan zal op ieder device de afbeelding de helft van de schermbreedte benutten.

6. Voeg een bijschrift toe aan de afbeelding

Dit is de tekst die onder een afbeelding verschijnt.
Deze kunnen invloed hebben op de SEO.
Maar in tegenstelling tot bestandsnamen en alt-tekst zijn bijschriften zichtbaar en kunnen ze bijdragen aan de gebruiksvriendelijkheid voor de bezoeker.
Zowel de gebruikerservaring als de betrokkenheid kunnen door het gebruik toenemen. Zoekmachines zijn steeds beter in staat om afbeeldingen te begrijpen.
En zoals je weet is unieke content belangrijk voor een website.
Echter geldt hetzelfde als we het over afbeeldingen hebben.
Het gebruik van stockfoto's, die vanzelfsprekend ook door andere websites gebruikt worden dragen hier niet aan bij.
Unieke content in combinatie met even unieke foto's doen dit wel.

TIP: Maak jouw website uniek door slechts zelfgemaakte foto's te gebruiken.

Blijf uit de buurt van te veel gebruikte stockfoto's met deze planningstips en bronnen
Tips en voorbeelden van visuele content van creatieve merken en experts

7. Zorg ervoor dat de tekst de afbeeldingen aanvult

Het paginakopie kan zoekmachines helpen de relevantie van uw afbeeldingen te bepalen als uw tekst niet genoeg informatie bevat om een afbeelding uit te leggen, breidt de beschrijving dan uit.

8. Gebruik sitemaps

Google legt een sitemap uit als "een bestand waarin de webpagina's van een site kunnen worden vermeld om Google en andere zoekmachines te informeren over de organisatie van de site-inhoud."
Met andere woorden, het is een bestand met een kaart van de inhoud van uw site.

Sitemaps zijn een belangrijk onderdeel van SEO omdat ze zoekmachines vertellen over jouw pagina's en websitestructuur.
Om ervoor te zorgen dat de crawlers van zoekmachines elke afbeelding opmerken - een infographic, meme, foto, videominiatuur, enz. - neemt je deze op in een sitemap.

Voeg voor elke afbeelding de titel, beschrijving, URL-locatie, bijschrift en licentie-informatie toe.
Neem voor video-items de titel, beschrijving, URL-locatie, miniatuur-URL en de URL van het onbewerkte videobestand op.

9. Test de snelheid!

Doet dit een keer voordat je de afbeeldingen van een pagina optimaliseert en sla de testgegevens op.
Na het optimaliseren controleer je of de laadtijden van jouw webpagina's verbetert zijn en nog belangrijker zijn ze snel genoeg?
De snelheid van testen doe je met een van de volgende tools:

 

10. Relevantie

Om de gebruikerservaring te ondersteunen en te vergroten is relevantie belangrijk.
Stel dat een bezoeker via een zoekmachine met de zoekopdracht "loper voor bruiloft" jouw website bezoekt.
En de eerste zichtbare afbeelding is inderdaad een loper.
Maar eentje om een slot te openen.
Dan is de kans groot dat hij direct vertrekt, ondanks dat je de mooiste lopers in diverse kleuren aanbied.
De bezoeker moet dus direct, niet alleen door een titel, maar ook door visuele aspecten het gevoel krijgen dat hij op de juiste pagina terecht is gekomen.
Door een optimaal gebruik van de juiste afbeeldingen blijven jouw bezoekers langer om de site.
Hiermee vermindert de bounce rate en dat heeft weer een zeer positief effect op de SEO

Bonus tip: Voeg gestructureerde afbeeldingsgegevens toe

Door gestructureerde gegevens voor afbeeldingen op uw pagina's op te nemen, kunnen zoekmachines uw afbeeldingen als uitgebreide resultaten weergeven. 

Door gestructureerde gegevens aan een pagina's toe te voegen, kunnen zoekmachines afbeeldingen als rijke resultaten weergeven.
Gebruik de algemene richtlijnen voor gestructureerde gegevens van Google  gestructureerde gegevens  voor afbeeldingen om te leren hoe u gestructureerde gegevens aan uw pagina's kunt toevoegen binnen de parameters van de zoekmachine.