Afbeeldingen optimaliseren: help de zoekmachine

Afbeeldingen optimaliseren is een vaak vergeten onderdeel van SEO: zoekmachineoptimalisatie is niet alleen het gebruiken van zoekwoorden in je tekst. Het gaat ook verder dan de groene bolletjes van Yoast SEO.

In dit artikel laat ik je zien hoe je plaatjes voor blogs optimaliseert.

Een zoekmachine doet niets anders dan internet afspeuren naar content. Maar een zoekrobot heeft geen ogen. Hij leest alleen de code van webpagina’s. En dan komt hij bijvoorbeeld dit tegen in een blog over het begin van de lente.

<img class=”alignnone size-medium wp-image-374″ src=”http://businessblogschool.nl/wp-content/uploads/2016/06/DSC05062.jpg” />

De robot begrijpt nu dat het om een afbeelding gaat: img is de afkorting van image. Maar wat er op het plaatje staat, weet hij niet. Laten we dus de zoekmachine een handje helpen door hem gewoon wat meer te ‘vertellen’.

<img class=”alignnone wp-image-377 size-medium” src=”http://businessblogschool.nl/wp-content/uploads/2017/04/Eerste-lammetjes-2017.jpg” alt=”Eerste lammetjes 2017“/>

Voor een robot is dit al een stuk duidelijker. Voor jou niet? Lees dan snel verder!

• Lees ook: SEO teksten schrijf je niet voor de zoekmachine

Stap voor stap afbeeldingen optimaliseren

Je hebt vast wel eens op je computer naar een afbeelding gezocht. En misschien heb je je wel suf gezocht. Want de foto die je nodig had, heette niet ‘Eerste lammetjes 2017.jpg’ maar had van je fototoestel of telefoon een naam meegekregen als ‘DSC05062.jpg’.

De zoekmachine kan niets met zo’n naam. En als een afbeelding eenmaal in WordPress staat, kun je de naam niet meer veranderen.

In de mediabibliotheek ziet het plaatje waar de code hierboven naar verwijst, er zo uit (afbeelding met de oranje rand). Afbeeldingen optimaliseren doe je voor een groot deel op deze plek in de mediabibliotheek. Ik neem je mee langs de nummers.

1. Dit is de naam die de afbeelding op jouw computer had. Omdat je deze naam niet meer kan veranderen nadat je afbeelding hebt geüpload, moet je de afbeelding al op je computer een naam geven die wat beter de lading dekt. Als je hierbij een zoekwoord kan gebruiken, is dat mooi meegenomen.
2. De titel of title-tag is een invulveld. Standaard zet WordPress daar de naam van de afbeelding (zonder extensie als jpg, gif, jpeg of png). Deze tag kun je wijzigen: bedenk of er een zoekwoord is dat je hier kan invullen. Stel dat deze blog gaat over de lente in Moerstraten, dan had ik hier bijvoorbeeld kunnen kiezen voor Moerstraten lente 2017.
3. Misschien is dit wel het belangrijkste element. Ga je je afbeeldingen optimaliseren, vul dan zeker de alt-tag, alt-tekst of alternatieve tekst in. In de stukjes code boven in dit artikel zie je dat alt=… de eerste keer ontbrak: ik had toen de alt-tag nog niet ingevuld. In het tweede stukje code zie je wel: alt=… Je kan bij de alt-tag hetzelfde invullen als bij de titel, maar je kan ook op een ander zoekwoord ‘mikken’.
   NB: De alternatieve tekst wordt ook getoond als een plaatje niet geladen kan worden. Je ziet dan een rood kruisje met de alternatieve tekst.
4. Omschrijving of description. Kijk weer even naar de code, dan zie je dat de omschrijving niet in de code terugkomt. De zoekmachine ziet dit niet, dus voor de SEO voegt deze tag niets toe. Om plaatjes snel terug te kunnen vinden in je mediabibliotheek, is het wel handig om dit veld in te vullen.

Snijd afbeeldingen op maat

Afbeeldingen optimaliseren voor de zoekmachine is niet alleen het ‘leesbaar’ maken van je plaatjes. Het gaat ook om het verkleinen van je afbeeldingen. Onder het plaatje van de lammetjes zie je dat deze foto op dit moment 4MB is.

• Richtlijn: probeer je plaatjes onder de 500kB te houden.

Stel je de mediabieb voor als een rugzak. Als bezoeker zie jij de voorkant van de website. Jij ziet de rugzak niet, maar hoe voller deze is, hoe trager de website is.

De uitgelichte afbeelding in het thema van mijn test-website heeft deze maten: 1140 x 660 pixels. Zorg dat je de afmetingen kent die bij jouw thema horen!

Onder ‘de zwaarte’ van de afbeelding (4MB) staan de huidige afmetingen: 3648 x 2736 pixels. Dat is ruim 3x groter dan getoond kan worden. Dat betekent dat het laden van de afbeelding (WordPress laadt de hele afbeelding) 3x langzamer gaat dan noodzakelijk.

Eén plaatje dat te groot is, is niet zo’n ramp. Maar stel dat je plaatjes voor blogs nóóit bijsnijdt… Je website wordt al snel een log gevaarte en bezoekers haken af.

Afbeelding bijsnijden met Canva

Een hele handige tool om afbeeldingen op maat te maken, is canva.com. Ik zal je laten zien hoe ik een template aanmaak.

Je kan met Canva echt prachtige afbeeldingen en infographics maken. Ook veel ebooks worden tegenwoordig opgemaakt met deze tool. Voor dit blogartikel houd ik het even bij het bijsnijden van de afbeelding, een belangrijk onderdeel van afbeeldingen optimaliseren.

Afbeelding comprimeren met tinypng.com

De afbeelding heeft nu de juiste afmetingen. Dit scheelt al enorm voor de bestandsgrootte. Toch raad ik je aan om een plaatje nog verder te verkleinen.

We noemen dit comprimeren, en hier gebruik ik tinypng.com voor. Anders dan de naam doet vermoeden, kan deze online tool zowel overweg met .png als met .jpg-afbeeldingen. In de video laat ik je zien hoe je een foto comprimeert zonder kwaliteitsverlies. Of liever gezegd, hoe deze tool dat in een oogwenk voor je doet.

Klaar!

Dit zijn de stappen die je moet doorlopen om afbeeldingen te optimaliseren voor de zoekmachine. Vergeet niet dat Google de laadsnelheid van jouw website een hele belangrijke factor vindt. Niemand zit graag te koekeloeren op zijn mobieltje terwijl een webpagina aan het laden is. Dus stuurt Google minder bezoekers naar trage websites.

Het lijkt misschien nogal wat werk voor ‘gewoon een plaatje’, maar het is absoluut de moeite waard. De voordelen op een rijtje:

• De zoekmachine kan jouw afbeeldingen ‘lezen’ en indexeren.
• Je scoort hoger in de zoekmachine (ook bij Afbeeldingen).
• Je website laadt sneller: dit vergroot de website usability (hoe gebruiksvriendelijker je website, hoe blijer je bezoekers en hoe hoger je scoort in Google).

Succes, en je zult zien: afbeeldingen optimaliseren wordt al snel een automatisme en kost dan echt niet zoveel tijd.

Heb jij de afbeeldingen op jouw website in alle opzichten geoptimaliseerd?

Ook interessant voor je:

• Alles wat je moet weten over tussenkoppen
• 5 zaken die je kan automatiseren en inplannen
• Efficiënt bloggen: een beter artikel in minder tijd