Afbeeldingen SEO optimalisatie met WordPress

10 Min.
WordPress  afbeelding SEO optimalisatie

Afbeeldingen SEO optimaliseren is een onderwerp dat je uiterlijk na de Google Core Web Vitals en de laadsnelheid als rankingfactor, serieus moet nemen. Er zijn verschillende manieren om je afbeeldingen in WordPress voor zoekmachines te optimaliseren. Hier is ons overzicht van de belangrijkste tips en tools.

Afbeeldingen, foto's, infographics en andere illustraties zijn een vast onderdeel geworden van het schrijven van hoogwaardige artikelen. Zij maken de tekst niet alleen losser of verduidelijken sommige processen beter dan woorden dat zouden kunnen. Met de juiste aanpak kun je je website juist nog sneller maken, maar ook nog beter vindbaar in de zoekmachines.

WordPress SEO teksten

Hoe je je blogartikelen en landingspagina's kunt voorbereiden op zoekmachines in het algemeen, laat ik je zien in mijn tutorial Teksten optimaliseren voor zoekmachines. Samen met dit artikel heb je de belangrijkste tips voor je SEO WordPress.

Bovendien: zowel Google zelf als de concurrenten van de kleinere zoekdiensten bieden een beeldzoekfunctie aan. Mensen die zoeken kunnen via deze weg op je website komen. Dus waarom zou je de grote kans van afbeeldingen SEO met WordPress laten liggen?

Hoe beïnvloedt afbeeldingen SEO je zichtbaarheid?

Laten we eens kijken naar SEO voor afbeeldingen onafhankelijk van WordPress. Als je afbeeldingen van hoge kwaliteit in een artikel opneemt, dan kun je de aandacht van veel bezoekers trekken. Maar niet alleen de zoekmachines spelen hierbij een rol. Als je je afbeeldingen daaraan aanpast, kan dat verschillende aspecten beïnvloeden.

Ten eerste verhoog je je zichtbaarheid aanzienlijk omdat de afbeeldingen zelf natuurlijk gevonden kunnen worden in de zoekmachines - niet alleen de tekst. Zoals hierboven vermeld, is dit de manier waarop bezoekers hun weg naar je website kunnen vinden. Ik laat je met een voorbeeld zien hoe dit werkt.

Afbeeldingen zoeken op Google

Ik gebruik de Google zoekfunctie en voer de term "recept pasta" in. Maar omdat ik niet alleen een recept in tekstvorm wil, schakel ik over op het zoeken naar afbeeldingen. Daar krijg ik nu prachtige pastagerechten te zien:

Afbeeldingen zoeken Google
Een recept zoeken met Google Image Search

Ik vind de derde foto van links erg mooi. De pasta ziet er echt heerlijk uit. Daarom klik ik op de afbeelding en kom dan op de bijbehorende pagina terecht, die moeite heeft gedaan voor SEO afbeeldingen.

Dus als je zoekmachineoptimalisatie voor afbeeldingen correct gebruikt, kun je veel extra mensen bereiken. Maar dat is slechts één voorbeeld van de vele.

Sociale media

Afbeeldingen beïnvloeden niet alleen zoekmachines, maar ook mensen. En waar zijn mensen elke dag actief? Op sociale netwerken zoals Facebook, Twitter, Instagram, Pinterest, LinkedIn & co.

Laten we voortborduren op het bovenstaande voorbeeld. Stel dat je een Food Blog hebt. Hoe geweldig zou het zijn als bezoekers die jouw recept hebben gevonden, de bijbehorende post op sociale media delen? Dus klikken ze bijvoorbeeld op de share-button van Facebook. En als er geen fatsoenlijke afbeelding bij het artikel beschikbaar is of niet goed geïntegreerd is, dan zien zij een heel triest beeld, namelijk helemaal geen afbeelding!

In deze vorm nodigt een post niet uit tot klikken of delen. Integendeel, het bericht zal ondergaan in het uitgestrekte sociale netwerk - en gebruikers zullen het niet zien. Wanneer een passende afbeelding naast de tekst wordt weergegeven, verhoogt dit de aantrekkingskracht van de post aanzienlijk:

Delen op Facebook Afbeelding
Voorbeeld van een geïntegreerde afbeeldingen bij Facebook Sharing

Bij een Food Blog moet je bijvoorbeeld geen afbeeldingen gebruiken die voornamelijk uit teksten bestaan. Daar verwacht je het uiteindelijke recept. Toch kies ik af en toe nog voor tekstafbeeldingen. Ik zal in het volgende deel uitleggen waarom.

Waar kan ik hoogwaardige afbeeldingen vinden?

Met afbeeldingen van hoge kwaliteit is er vaak een klein probleem. Een probleem van juridische aard. Je weet ongetwijfeld dat je niet langer gewoon Google Afbeeldingen Zoeken mag gebruiken om afbeeldingen te kopiëren. Dit komt omdat zij auteursrechtelijk beschermd zijn. Dus nu heb je de volgende opties:

  • Betaalde platforms gebruiken
  • Rechtenvrije afbeeldingen gebruiken
  • Zelf afbeeldingen maken of fotograferen

Niet elke website heeft een budget om dure stockbeelden aan te kopen. Van bijvoorbeeld Fotolia of Shutterstock. Bij rechtenvrije beelden (zoals van Unsplash of Pexels) schuilt het gevaar dat ze niet altijd door de auteur zijn geüpload. Er zijn zelfs berichten over geraffineerde oplichtingspraktijken die je duur kunnen komen te staan.

Platforms zoals Pixabay geven wel de mogelijke toepassingen aan. Maar er zijn al juridische geschillen geweest die in het nadeel van de eigenaren van websites zijn geëindigd. Daarom mijn tip: maak een screenshot van de licentie-informatie bij het downloaden. Om bovengenoemde redenen heb ik besloten om zelfgemaakte afbeeldingen te gebruiken, waar ik veel met tekstinhoud werk. Ik kan deze met een zuiver geweten publiceren en zonder juridische gevolgen. Als je een website hebt die veel meer op afbeeldingen vertrouwt, kun je misschien beter een andere weg inslaan.

Afbeeldingen SEO efficiënt gebruiken

Hoe kun je afbeeldingen optimaliseren voor SEO? Allereerst wil ik je een aantal veelgebruikte stappen laten zien die je kunt nemen om de zichtbaarheid van de afbeeldingen of jouw website te verbeteren. In de volgende alinea laat ik je zien hoe deze processen kunnen worden geïmplementeerd voor jouw SEO afbeeldingen met WordPress. Want de installatie van WordPress plugins is niet altijd de oplossing voor het probleem.

Niet geoptimaliseerde afbeeldingen verslechteren je ranking

De meeste mensen die een website hebben, denken dat het optimaliseren van afbeeldingen voor zoekmachines gaat om betere resultaten in zoekresultaten of in previews op sociale netwerken. Maar dat is niet het geval. Afbeeldingen moeten ook worden verbeterd in termen van de Google Core Web Vitals die ik in het begin al heb genoemd. Dit gaat over de bruikbaarheid van je website, zie dit artikel over de nieuwe rankingfactor. Bovendien surft jouw doelgroep steeds vaker met zijn smartphone op het internet.

Dus wanneer websites grote en niet-geoptimaliseerde afbeeldingen hebben, laadt de website traag en moet de gebruiker geduld hebben. Maar wie wil er wachten op niet-geoptimaliseerde beelden? Het resultaat kan vanaf mei 2021 een slechtere Google-ranking zijn.

De afbeeldingsgrootte

Daarom moet je proberen de beeldgrootte zo klein mogelijk te houden zonder aan beeldkwaliteit in te boeten. Als je de afbeeldingen zelf maakt, kun je dit controleren via het bewerkingsprogramma. Aangepaste formaten voor de website (d.w.z. breedte en hoogte in pixels en artikelafbeeldingen afhankelijk van WordPress theme) zijn ook zeer efficiënt gebleken. Dan hoeft WordPress de afbeeldingen niet onnodig te schalen.

Als je een foto neemt met een professionele camera kan deze duizenden pixels groot zijn. Meestal is de inhoud van een website beperkt in de breedte. Daarom is het zinvol om de afbeelding alleen in deze breedte te uploaden. Vooral omdat het gemakkelijk meerdere MB's groot kan zijn, iets wat in modern webdesign niet meer nodig is - en je laadtijden om zeep helpt.

Formaat en compressie

Het formaat van je afbeeldingen heeft vaak te maken met compressie en enkele andere factoren. Zo zullen afbeeldingen met transparante elementen eerder als PNG worden opgeslagen, terwijl het JPG-formaat geschikter is voor kleurrijke afbeeldingen.

JPG staat een hogere compressie toe en kan daardoor de bestandsgrootte aanzienlijk verkleinen. Daar staat tegenover dat de kwaliteit van de afbeelding er een beetje onder lijdt. Intussen zijn AVIF en WebP voor WordPress andere nieuwere formaten die zijn ontworpen met het oog op de toekomst. Zij leveren nog betere resultaten.

Metadata correct invullen

De meeste zoekmachines bouwen nog steeds op zogenaamde metadata. Dit is in feite informatie die de website in de broncode opslaat, zodat de zoekmachines de gegevens kunnen toewijzen.

Als grootste aanbieder is Google technisch zeer geavanceerd en hoeft de metadata niet zo gedetailleerd te zijn als bij de kleine zoekmachines. Toch zou ik het altijd opnemen. Het schaadt je website niet en de extra opgenomen zinnen en woorden vergroten de kans dat je site gevonden wordt.

De metagegevens hebben overigens niets te maken met de naam van de afbeeldingsbestanden. Je moet ze al voor het uploaden een naam met een beschrijving van de inhoud geven. Laten we terugkomen op het voorbeeld van de food blog. Een pastaschotel met gehaktsaus zou zoiets moeten heten als "pastaschotel-met-gehaktsaus-koken.jpg". Metadata voor afbeeldingen worden gewoon in de broncode ingevoegd als HTML - dit is wat WordPress voor je doet als je de juiste informatie aan de afbeeldingen toevoegt wanneer je ze uploadt. Hierover later meer.

De broncode voor een correct ingevulde afbeelding zou er bijvoorbeeld zo uit kunnen zien:

<img src=“domain.de/Nudel-Teller-mit-Hackfleischsauce-zum-Kochen.jpg“ alt=“Nudel Teller mit Hackfleischsauce“ title=“Nudel Teller mit Hackfleischsauce“ />

De alt-tag staat voor een alternatief (tekst)label dat kan worden ingevoegd als de afbeelding niet wordt weergegeven. Bijvoorbeeld vanwege een verouderde browser of een gebroken link. Maar het is ook belangrijk voor mensen die een screenreader gebruiken. Website toegankelijkheid is nog een reden waarom je aandacht moet besteden aan aansprekende inhoud. De image title tag (niet te verwarren met de title tag van de website!) wordt gebruikt om meer informatie over de afbeelding weer te geven bij een mouseover.

Beeldoptimalisatie buiten WordPress

Als je je afbeeldingen zelf maakt of bewerkt met een beeldbewerkingsprogramma zoals Gimp of Photoshop, dan moet je een WordPress oplossing vermijden. Het is gemakkelijker en efficiënter om de optimalisatie direct in het programma uit te voeren. Hier is een voorbeeld uit Photoshop:

Photoshop beeldcompressie
Beeldcompressie in Photoshop

Het oorspronkelijke afbeeldingsbestand van het artikel van ruim 4 MB voor deze tekst is een JPEG-bestand van 340 KB geworden met een afbeeldingsgrootte van 2560×1440. En dat met nauwelijks zichtbaar verlies. Met PNG is het, afhankelijk van de afbeelding, enigszins vergelijkbaar.

Als je nu de resolutie van de afbeeldingen verlaagt, d.w.z. aanpast aan het WordPress theme kun je de bestandsgrootte nog kleiner maken. In mijn eigen blog hebben de titelafbeeldingen bijvoorbeeld een grootte van 720×360 pixels. Dit hangt af van het theme en kan er bij jou anders uitzien.

WordPress plugins voor beeldoptimalisatie

Wil je de afbeeldingen rechtstreeks in WordPress comprimeren, in plaats van de externe variant of ernaast? Lees dan onze vergelijking van 5 populaire plugins voor beeldcompressie. Het laat tevens de juiste workflow zien voor dit belangrijke werk.

Afbeeldingsgrootte in WordPress uitzoeken

Een kleine opmerking over de beeldformaten in WordPress. Je kunt ze gemakkelijk achterhalen, maar ze hebben niets te maken met de mediaspecificaties in de algemene instellingen van WordPress:

Media-instellingen in WordPress
De media-instellingen in het WordPress dashboard

Hier kun je de standaardafmetingen instellen die door WordPress worden gebruikt. Wanneer je een afbeelding uploadt, zal WordPress extra afbeeldingen in deze afmetingen genereren. Dit verandert echter niets aan de afmetingen zoals ze worden weergegeven in je WordPress theme.

Sommige themes bieden je de mogelijkheid om dit in de instellingen te doen, andere niet. Dan kun je gewoon in de browser naar je website gaan en een afbeelding - zoals de afbeelding van het artikel - met je rechtermuuisknop beter bekijken. Dan vind je het sub-item "Toon grafische info".

Als er in de "Afmetingen" staat dat de afbeelding naar een andere grootte is geschaald, dan moet je de overeenkomstige afbeeldingen eigenlijk opnieuw aanpassen. Omdat een andere grootte dan de bijgesneden afbeelding vereist is door het WordPress thema.

Meta-gegevens in WordPress definiëren

Afbeeldingen spelen een belangrijke rol in zoekmachineoptimalisatie en niet alleen omdat ze teksten versterken. Ze maken je vooral zichtbaar. En je kunt Google & co. laten zien waar je over schrijft op je website.

Het is een goed idee om afbeeldingen te zien als een noodzakelijke aanvulling op de inhoud. Om de zoekmachines het potentieel te laten herkennen, heb je de meta-informatie nodig. Zoals hierboven vermeld, moet je de afbeeldingen al voor het uploaden voorzien van een SEO-geoptimaliseerde bestandsnaam. Geef de afbeeldingen een zeer precieze naam. De titel moet weergeven wat er op de afbeelding te zien is.

WordPress biedt je de mogelijkheid om de metadata voor afbeeldingen direct tijdens het uploaden in te voeren. Ik raad je echter aan om de afbeeldingen niet direct tijdens het schrijven toe te voegen, maar via de mediagalerij. Klik in de backend van WordPress aan de linkerkant op Media -> Bestand toevoegen. Daar kun je een afbeelding van je PC selecteren en via de gelijknamige knop uploaden.

Na de succesvolle upload klik je op de knop "Bewerken". WordPress opent het mediabestand en toont de belangrijkste informatie. Hier kun je nu de rood gemarkeerde velden invullen:

Metadata voor afbeeldingen in WordPress
Metagegevens voor afbeeldingen invoegen in WordPress

Als je de afbeelding later toevoegt in de Gutenberg editor zal deze automatisch de juiste meta-informatie krijgen. Probeer echter te vermijden dat je afbeeldingen meer dan één keer gebruikt. Upload ze in plaats daarvan opnieuw met een nieuwe bestandsnaam en nieuwe metagegevens. Omdat deze details meestal geoptimaliseerd zijn voor een specifieke post.

Lazy Loading voor afbeeldingen in WordPress

Om een website te krijgen die zo snel mogelijk is en bestand is tegen de nieuwe Core Web Vitals van Google moet alleen de inhoud worden geladen die op dat moment noodzakelijk is. Afbeeldingen die in het onderste deel van een lang artikel worden weergegeven, hoeven niet aan het begin weergegeven of geladen te worden.

Dit is waar lazy loading in het spel komt. Dit betekent het vertraagd laden van afbeeldingen die zich niet in het "above-the-fold" gebied bevinden - het gebied dat de lezer direct ziet. Terwijl deze functie voorheen alleen mogelijk was met bepaalde WordPress plugins, bijvoorbeeld met Autoptimize of WP Optimize (alleen vanaf Premium), hebben gebruikers die ten minste WordPress 5.5 hebben geïnstalleerd nu iets om blij mee te zijn.

Want er wordt nu al in de kern van de code rekening gehouden met lazy loading. Sinds WordPress 5.7 is er zelfs Lazy Load voor iFrames. Dus als je een oudere versie geïnstalleerd hebt, is het zeker tijd om te updaten.

Het lui laden van iframes in WordPress
De uitleg over Lazy Loading voor iFrames op WordPress.org

Caching met WordPress

Je kunt de prestaties in WordPress aanzienlijk verbeteren door een cache te gebruiken. Er kan een onderscheid worden gemaakt tussen browser-caching, waarbij bepaalde bestanden alleen op het eindapparaat worden opgeslagen, en serverzijdige caching. In het laatste geval wordt de dynamisch gegenereerde inhoud van WordPress ook beschikbaar gemaakt in statische bestanden op de server.

Dit betekent dat de website niet telkens de databases hoeft aan te spreken wanneer deze wordt opgevraagd. Want dergelijke toegangen verhogen enerzijds de laadsnelheid en anderzijds ook de belasting die je server moet dragen. Vooral voor grote websites met veel bezoekers kan dit een effectieve manier zijn om resources te besparen.

Het nadeel is dat je bepaalde pagina-inhoud niet dynamisch kunt creëren. Als je bijvoorbeeld verschillende banneradvertenties in gebruik hebt, moet je die uitsluiten van caching. Of accepteren dat ze niet veranderen in een post. Ook voor online winkels met WooCommerce moet je rekening houden met bepaalde uitzonderingen, zodat het bestelproces correct verloopt.

Naast zeer uitgebreide plugins zoals WP Rocket die betaald zijn en veel instellingen bieden, kun je ook caching implementeren met gratis plugins zoals WP Optimize of W3 Total Cache. RAIDBOXES biedt hiervoor zijn eigen server-side caching aan. De NGINX cache wordt actief voordat WordPress het overneemt. Op deze manier kunnen de webpagina's worden afgeleverd zonder WordPress te vertragen. Een ander voordeel: je hebt niet langer een WordPress caching plugin nodig en je hoeft je dus geen zorgen te maken over ingewikkelde instellingen.

WordPress performance optimaliseren

Wil je weten wat de belangrijkste parameters van je WordPress prestaties zijn? Lees dan onze gids hierover. Lees ook ons performance e-book over het onderwerp correct meten van Webpage Speed.

Conclusie over SEO afbeeldingen met WordPress

Het optimaliseren van afbeeldingen in WordPress kan echt lonen. Niet alleen zul je je rankings verhogen, maar je kunt ook extra verkeer aantrekken. Maar het vergt wel wat werk. Vooral in het begin, als het onderwerp nog nieuw voor je is. Na verloop van tijd gaat SEO optimalisatie voor afbeeldingen echter sneller en bereik je betere resultaten.

Aangezien Google steeds meer aandacht besteedt aan laadtijden, is het zinvol om niet alleen aandacht te besteden aan de meta-informatie. Bied de afbeeldingen aan in het juiste bestandsformaat, gecomprimeerd en met exacte afmetingen. Je bezoekers zullen het waarderen omdat de pagina snel de gewenste informatie zal geven. Als de inhoud ook goed is, staat niets jouw succes meer in de weg.

Meer artikelen over SEO op wp unboxed die je helpen met Google & Co:

Jouw vragen over SEO afbeeldingen met WordPress

Welke vragen heb je over het onderwerp? En welke tip kun jij aanbevelen? Voel je vrij om de commentaarfunctie te gebruiken. Wil je meer artikelen over WordPress en SEO? Volg ons dan op Twitter, Facebook, LinkedIn of via onze nieuwsbrief.

Ronny Schneider is een SEO & WordPress professional. Op zijn blog schrijft hij regelmatig over hoe blogs en online magazines succesvol gevormd kunnen worden. Daarnaast biedt hij hulp bij het opzetten van blogs met WordPress en bij optimalisatiewerkzaamheden.

Gerelateerde artikelen

Reacties op dit artikel

Laat een opmerking achter

Jouw e-mailadres zal niet worden gepubliceerd. Verplichte velden zijn met een * gemarkeerd.