Wat is Afbeelding SEO | +15 Tips & Technieken voor Afbeeldingsoptimalisatie

Afbeeldingen zijn een natuurlijk onderdeel van het internet, en ze zouden een natuurlijk onderdeel van je SEO moeten zijn. Net als elk ander stuk content kunnen afbeeldingen geweldig of slecht zijn voor SEO. Afbeeldingen en andere vergelijkbare formaten voor creatieve content hebben een enorme invloed op hoe je website presteert. In dit bericht bekijken we wat afbeeldingen met SEO te maken hebben en hoe je ze kunt optimaliseren.

Wat is Afbeelding SEO?

Zoals met de meeste dingen in SEO, spelen twee cruciale factoren een rol bij Afbeelding SEO: snelheid en context. Enerzijds proberen we de snelheid te optimaliseren waarmee de gebruiker de afbeeldingen ziet die we op onze website plaatsen. Maar anderzijds proberen we Google ook zoveel mogelijk context te bieden, zodat het onze afbeeldingen dienovereenkomstig kan begrijpen, classificeren en rangschikken in de zoekresultaten.

In SEO is beeldoptimalisatie de praktijk van het verhogen van zoekrangschikkingen en zichtbaarheid door afbeeldingen gemakkelijker te verwerken, te begrijpen en te serveren door zoekmachines. Afbeelding SEO omvat het optimaliseren van de afmetingen, bestandsgroottes, formaten, bestandsnamen en alternatieve tekstattributen van afbeeldingen op een website.

Om je pagina’s de juiste rangschikking te geven, beoordeelt Google al je content, inclusief je afbeeldingen. Over het algemeen moeten alle elementen die betrekking hebben op je afbeeldingen goed samenspelen. Ze moeten context bieden over wat er op de afbeelding te zien is, het doel ervan en voor welk type zoekopdrachten Google deze afbeelding moet tonen.

Klinkt verwarrend? Maak je geen zorgen, want we gaan nu precies bekijken welke factoren je afbeelding SEO beïnvloeden. Daarbij bekijken we ook precies hoe je afbeeldingen kunt optimaliseren, zodat ze bijdragen aan je algehele SEO-inspanningen.

Hoe optimaliseer je de afbeeldingen van je website voor SEO?

Afbeeldingen optimaliseren is een veel eenvoudigere taak dan je je misschien voorstelt. Het omvat slechts een paar eenvoudige best practices die worden gedeeld met andere populaire SEO-praktijken. Uit ervaring kan ik je vertellen dat hoe meer je met Afbeelding SEO werkt, hoe gemakkelijker het allemaal wordt naarmate je deze gewoonte opbouwt in je SEO-proces.

Gebruik deze 15 tips om je afbeeldingen te optimaliseren voor SEO:

1. Streef er altijd naar om unieke afbeeldingen te gebruiken

Met tientallen gratis stockfotowebsites en veel aanmoediging van je collega’s, is het vaak gemakkelijk om terug te vallen op een “alleen stockafbeeldingen”-mentaliteit.

Dit is echter niet optimaal, aangezien originele content beter wordt beloond in Google, en het veel hoger scoort. En dit geldt ook voor originele afbeeldingen. Onderzoek van Reboot Online Marketing toont in een experiment aan dat Google websites met originele afbeeldingen hoger rangschikt dan websites die stockfoto’s gebruiken.

Maar hoe kun je originele afbeeldingen produceren? Als het om foto’s gaat, kan het gebruik van een creatief filter of effect op je stockfoto’s ze voldoende anders maken. Dit biedt ook een geweldige kans om on-brand content te creëren, waarbij je afbeeldingen specifieke richtlijnen volgen die passen bij (en verder promoten) je merk.

En als je op zoek bent naar grafieken of diagrammen, kun je met tools zoals Canva ze binnen enkele minuten opnieuw maken. Als alternatief bieden websites zoals Freepik tal van geweldige sjablonen om de statistieken visueel weer te geven.

2. Vervang nooit tekst door afbeeldingen

Een afbeelding zegt meer dan duizend woorden, tenzij we het over SEO hebben. Hoewel Google zijn beeldherkenning voortdurend verbetert, zijn de algoritmes veel minder geavanceerd dan die verantwoordelijk zijn voor het begrijpen van tekst.

Zie het zo: geschreven content is de belangrijkste reden voor ranking. Het is een voorwaarde voor ranking in Google, waarbij afbeeldingen de kers op de taart zijn.

Plan daarom bij het maken van content je afbeeldingen zo dat ze bij de tekst passen – in plaats van andersom. Het doel van een afbeelding is om een concept uit te leggen en context te bieden over de omringende delen. Het is geen (of tenminste, zou geen) vervanging van de tekst moeten zijn.

3. Gebruik een webvriendelijk bestandsformaat voor afbeeldingen

Hoewel browsers en gebruikersapparaten vrijwel elk afbeeldingsformaat ondersteunen, moet je de juiste afbeeldingsformaten gebruiken voor bruikbaarheid en SEO-doeleinden. Dat komt omdat het gebruik van de verkeerde formaten de grootte van je afbeeldingen kan opblazen en zo je website kan vertragen.

De 4 meest voorkomende afbeeldingsformaten voor websites zijn JPG, PNG, GIF en SVG. Ze hebben allemaal unieke doeleinden waarvoor ze de best mogelijke kwaliteit bieden voor de laagst mogelijke grootte.

• Het JPG-formaat is het meest geschikt voor echte foto’s.
• Het PNG-formaat is geweldig voor alle digitaal gemaakte afbeeldingen.
• Het GIF-formaat wordt gebruikt voor geanimeerde afbeeldingen. Je kunt bijvoorbeeld een GIF gebruiken om de ontwikkeling van een grafiek in de loop van de tijd te laten zien.
• Het SVG-formaat biedt vectorafbeeldingen, in tegenstelling tot alle andere afbeeldingen, die rasterafbeeldingen ondersteunen. Vectorafbeeldingen zijn wiskundige vergelijkingen die je kunt opschalen zonder kwaliteitsverlies. Dit formaat is het meest geschikt voor ontwerpelementen op de website, zoals je logo.

4. Gebruik SEO-vriendelijke afbeeldingsafmetingen

Volgens het advies van Squarespace worden voor paginabrede achtergrondafbeeldingen die in banners of het hero-gedeelte van de website moeten worden weergegeven, afbeeldingsgroottes van maximaal 1500px-2500px aanbevolen.

Het gebruik van grote afbeeldingen klinkt misschien als een goed idee wanneer je de kwaliteit wilt laten zien. Echter, alles boven de 1500-2000 pixelgrens is overdreven. De kwaliteitsverbetering is verwaarloosbaar, terwijl de bestandsgrootte aanzienlijk toeneemt. Bovendien browsen de meeste gebruikers niet op het web met de nieuwste 4K-schermen, en is het niet nodig om zeer grote afbeeldingen te gebruiken.

5. Verklein de afbeeldingsgrootte tot 150kb

Hoe kleiner de afbeelding, hoe sneller de gebruiker deze kan downloaden – en hoe sneller het apparaat van de gebruiker deze kan weergeven. Door je afbeeldingen te comprimeren, verbeter je direct de snelheid van je website. En als je dat nog nooit eerder hebt gedaan, kan het veel opleveren.

Om de grootte van je afbeeldingen effectief te verminderen, volg je eerst het bovenstaande advies en verklein je de afmetingen tot acceptabele groottes. Ga daarna naar een afbeelding-compressietool zoals TinyPNG. Door de afbeelding door een compressor te halen, kun je de afbeeldingsgrootte met wel 70-80% verlagen, terwijl de kwaliteit van de afbeelding vrijwel onaangetast blijft.

Houd er rekening mee dat SVG’s en GIF’s ook kunnen worden gecomprimeerd – hoewel TinyPNG die functionaliteit niet ondersteunt. Voor SVG’s ga je naar een website zoals SVGminify. Voor GIF’s kun je een tool zoals Ezgifs gebruiken.

Tot slot kun je in de meeste grote CMS-platforms dit proces automatiseren door een plug-in te gebruiken. We zullen hier geen favorieten kiezen, dus we raden je aan om iets te googelen als “WordPress afbeelding optimalisatie plug-ins.”

6. Lazyload afbeeldingen op je website

Hoewel het de negatief klinkende “lazy” in zijn naam heeft, is deze technologie geweldig. Je kunt lazy loading zien als de Netflix van afbeeldingen op je website. In wezen haalt lazy loading afbeeldingen op je website op aanvraag op, alleen wanneer ze nodig zijn. En dat gebeurt alleen wanneer de gebruiker voldoende scrollt zodat de afbeelding op hun scherm verschijnt.

Dit is geweldig vanuit een paginasnelheidsperspectief, omdat het betekent dat het apparaat van de gebruiker minder verzoeken naar je website doet, waardoor er minder informatie wordt geladen. Beide factoren maken je website sneller. De technologie is vooral handig voor diepgaande blogposts met veel afbeeldingen, omdat het betekent dat de gebruiker sneller bij de waardevolle onderdelen kan komen.

7. Geef je afbeeldingen een SEO-vriendelijke bestandsnaam

Velen van ons hebben de neiging om willekeurige namen voor onze afbeeldingen te gebruiken – of vergeten ze op zijn minst te veranderen in iets dat logisch is. De bestandsnamen van afbeeldingen zijn echter belangrijk omdat ze Google meer context geven over wat er op de afbeelding staat. Hierdoor is de kans groter dat Google afbeeldingen met contextuele bestandsnamen aanbeveelt in de zoekresultaten, omdat het nog een stukje informatie heeft over de inhoud van de afbeelding.

8. Voeg een relevante en beschrijvende alt-tag toe

Alt-tags zijn nog een belangrijk element dat Google context geeft over de afbeelding. Ook bekend als alternatieve tekst, is de alt-tag een HTML-attribuut dat wordt weergegeven in plaats van de afbeelding als de afbeelding niet kan worden getoond. Dit artikel legt gedetailleerd uit wat alt-tags in WordPress zijn.

Denk er bij het schrijven van alt-tags aan om enkele van de zoekwoorden te gebruiken waarop je je richt. Dit hoeft niet per se je primaire zoekwoord te zijn. In plaats daarvan kun je LSI-zoekwoorden gebruiken die meer context toevoegen aan de algehele content.

Dit bericht leert je precies hoe je alt-tags aan afbeeldingen in WordPress toevoegt. Daarin leer je ook onze beste methode voor het schrijven van alt-tags, wat je hele proces zal vereenvoudigen en je afbeelding SEO een flinke boost zal geven. Tot slot, als je alt-tags niet worden weergegeven, vind je de snelle en eenvoudige oplossing voor WordPress in dit artikel.

9. Schrijf alt-teksten van maximaal 150 tekens

Hoewel er vanuit codeerperspectief geen limiet is, mogen alt-teksten voor SEO niet langer zijn dan 150-200 tekens. Dit is voldoende ruimte, dus het zou geen probleem moeten vormen. En het sluit ook perfect aan bij ons volgende punt.

10. Vermijd zoekwoord-stuffing in afbeeldingsnamen & alt-tags

Ja, zoekwoorden zijn belangrijk voor Google omdat ze het onderwerp en de context van je pagina’s vaststellen. Echter, zoals met alles in SEO, vergeet niet om het niet te overdrijven. In het beste geval keurt Google spammy strategieën af, en in het slechtste geval kan het je rankings kosten.

11. Voeg achtergrondafbeeldingen toe aan de CSS van je website

De instapdrempel voor zowel webontwikkeling als SEO is de afgelopen jaren steeds lager geworden. Hierdoor zien we vaak veel beginnersfouten en misverstanden. Eén zo’n fout, met name bij afbeeldingen, is hoe ze in de code worden gepresenteerd. Elke afbeelding die deel uitmaakt van de context moet in de daadwerkelijke body van je HTML staan met behulp van de <img> tag.

Afbeeldingen die echter geen context toevoegen – zoals die puur voor ontwerptoelevingen worden gebruikt – moeten in plaats daarvan aan je CSS worden toegevoegd. Vanuit een Afbeelding SEO-perspectief betekent dit dat afbeeldingen die voor je ontwerp worden gebruikt (en zouden moeten) geen alt-tekst krijgen. Dat komt omdat het “alt=”-tekstattribuut alleen van toepassing is op de HTML <img> tag.

12. Geef context binnen de omringende tekst

Zoals we tot nu toe hebben uitgelegd, dicteren de best practices voor Afbeelding SEO dat het meeste van wat we doen is om zoekmachines context te geven over de afbeelding. Een over het hoofd geziene factor is echter het daadwerkelijk beschrijven van je afbeeldingen binnen de omringende tekst.

Denk er zo over na: vanuit het perspectief van een gebruiker is het logisch om tekst te hebben die de inhoud van de afbeelding uitlegt. En we weten dat SEO en UX steeds sneller samensmelten. Als gevolg hiervan moet je ervoor zorgen dat je inhoud contextueel met elkaar verbonden is – en dat elk element context biedt over de omringende elementen.

13. Markeer je afbeeldingen met gestructureerde data

Eenvoudig gezegd geeft Schema-markup zoekmachines informatie over de inhoud van de pagina in een formaat dat zij verkiezen en begrijpen. Op zichzelf zal Schema-markup je website niet op pagina 1 van Google laten ranken.

In plaats daarvan kan Schema je helpen meer verkeer aan te trekken als gevolg van een reeds goede ranking. Dat komt omdat zoekmachines zoals Google deze markup gebruiken bij het weergeven van Rich Results zoals Featured Snippets of FAQ’s.

Door je productpagina’s of blogposts te markeren met de respectievelijke Schema-typen, kun je een afbeelding toevoegen. Google kan deze informatie vervolgens presenteren aan gebruikers die zoeken. Dit kan geweldig zijn voor je Click-through rates, omdat het je zoekresultaat aantrekkelijker kan maken voor gebruikers om op te klikken.

Sterker nog, Schema kan in sommige sectoren een doorslaggevende factor zijn om de klik te krijgen. Denk bijvoorbeeld aan de laatste keer dat je naar een recept zocht? De kans is groot dat de grootste invloedfactor voor waar je klikte was hoe het recept eruitzag op de thumbnail die in Google werd getoond.

14. Gebruik een caching-oplossing om afbeeldingen sneller te leveren

Wist je dat je webserver alle inhoud opnieuw moet berekenen en verzenden elke keer dat een bezoeker naar je website komt? Dit legt extra druk en gebruikt meer bandbreedte van je hostingpakket. Bovendien moet de gebruiker langer wachten – omdat de computer aan de andere kant de inhoud moet verwerken. Het hoeft echter niet zo te zijn!

Je kunt je website drastisch versnellen met een eenvoudige caching-oplossing, door in wezen een bestaande versie van je pagina “op te slaan”. Hiermee levert je webserver, wanneer gebruikers naar je site komen, een “kant-en-klare” kopie van je pagina in plaats van deze elke keer opnieuw te berekenen.

Het beste deel? De meeste CMS-platforms hebben tegenwoordig tal van plugins waarmee je in slechts enkele minuten een gratis caching-oplossing kunt instellen. Om de juiste caching-plugin te vinden, zoek je er gewoon naar in Google samen met de naam van je CMS.

15. Optimaliseer de laadsnelheid van je afbeeldingen met een CDN

Tot slot is de prestatie van het gebruikersapparaat belangrijk, maar ook de prestatie van je servers. Voor veel kleinere websites die een goedkoper, beperkt hostingpakket gebruiken, is een effectieve oplossing het gebruik van een Content Delivery Network. Hiermee host je je afbeeldingen in wezen op een andere website – die vervolgens die inhoud onafhankelijk van je webserver levert.

Op dezelfde manier kunnen grotere websites gebruikmaken van een CDN, simpelweg omdat ze tonnen verkeer hebben. Dit legt veel druk op hun webservers.

Het argument voor CDN’s wordt nog beter wanneer je bedenkt waar je bezoekers wonen. Als je een internationaal bedrijf bent, onthoud dan dat veel mensen die je website bezoeken niet op je exacte locatie wonen (of in ieder geval de locatie van je webservers). In die gevallen helpt een CDN zoals Cloudflare je afbeeldingen sneller te leveren via de vele servers over de hele wereld. Een grote infrastructuur betekent dat er altijd een server dicht bij je bezoekers is – wat resulteert in minder vertragingen.

Wat is de optimale bestandsgrootte voor afbeeldingen voor SEO? 

De bestandsgrootte van je afbeeldingen is ook belangrijk. Hoe groter een afbeelding is, hoe langer het duurt voordat het apparaat van de gebruiker die afbeelding downloadt en weergeeft. Dit is een zorg omdat websites die niet snel laden de gebruikerservaring negatief beïnvloeden. Zoals Google weet, promoten ze ook websites waarvan de afbeeldingen snel laden hoger. Omgekeerd is Google geneigd om websites die langzaam laden te degraderen uit de zoekresultaten.

Hoewel er geen bovengrens is voor de grootte van afbeeldingen op het web, zijn afbeeldingsbestandsgroottes tot 150 kilobytes per afbeelding optimaal voor de meeste websites. Afbeeldingen met grote bestandsgroottes zijn een van de belangrijkste oorzaken van trage websites, wat de gebruikerservaring en achtereenvolgens de SEO-rankings verslechtert.

Gezien het feit dat 59,5% van de gebruikers internet via een mobiel apparaat gebruikt, zie je hoe belangrijk elke milliseconde laadtijd is. Maar het probleem strekt zich verder uit dan het lijkt. Een negatieve gebruikerservaring resulteert niet alleen in licht geïrriteerde gebruikers, maar is veel kostbaarder dan dat. Hoe precies?

Een toename van een vertraging van 1 seconde naar een vertraging van 3 seconden in de laadtijden van pagina’s verhoogt je bouncepercentage met 32%, zoals dit onderzoek van Google aangeeft. Voor een klein bedrijf dat te maken heeft met zware concurrentie en moet vechten voor elke websitebezoeker, kan dit verwoestend zijn. Het betekent simpelweg dat minder mensen zullen converteren naar klanten.

En dit geldt zelfs voor grote bedrijven. Voor elke 100 milliseconden toename in de laadtijd van pagina’s, observeerde Amazon.com een daling van 1% in de verkoop. Op dezelfde manier toonde een studie van Google aan dat voor elke 500 milliseconden die de zoekmachine nodig heeft om de zoekresultatenpagina te laden, ze een daling van 20% in inkomsten ervoeren. Voor bedrijven die dagelijks miljarden verdienen, vertaalt dit zich in een enorme hoeveelheid verloren potentiële inkomsten.

Hoe vind en audit je afbeeldingen voor SEO?

Om afbeeldingen nauwkeurig te vinden en te auditen voor SEO, moet je een websitecrawler gebruiken die vergelijkbaar werkt met de webcrawlers van Google. Website gezondheidstools vinden en tonen je problemen en potentiële optimalisatiegebieden voor je website, zodat je je organische zoekrankings en zichtbaarheid kunt verbeteren. Dergelijke tools tonen je:

1. Kapotte afbeeldingen

2. Te grote afbeeldingen

3. Ontbrekende alt-tags

Als zodanig kun je alle websiteproblemen met betrekking tot Afbeelding SEO zien en hoe je deze snel kunt oplossen met onze website SEO checker.

Optimaliseer afbeeldingen en verbeter rankings en zichtbaarheid

Afbeeldingen zorgen voor een betere gebruikerservaring en helpen je rankings te verbeteren, omdat ze je inhoud relevanter maken voor eindgebruikers. De praktijk van het optimaliseren van afbeeldingen omvat een paar belangrijke aspecten die gedeeld worden in alle SEO – hoe snel je afbeeldingen laden en hoe goed zoekmachines ze begrijpen. Het optimaliseren van de afmetingen en bestandsgrootte van je afbeeldingen zorgt ervoor dat je de juiste stappen hebt genomen om je rankings te verbeteren. Bovendien helpt het verstrekken van contextuele informatie via de titel en alt-tekst van de afbeeldingen je concurrenten te overtreffen in Google Zoeken.

FAQ

Hoe beïnvloedt afbeelding SEO de algehele SEO-prestaties van een website?

Afbeelding SEO verbetert de algehele SEO-prestaties van een website aanzienlijk door de laadtijden van pagina’s te verbeteren, de gebruikersbetrokkenheid te vergroten en inhoud toegankelijker te maken voor zoekmachines. Wanneer afbeeldingen correct zijn geoptimaliseerd, vereisen ze minder bandbreedte om te laden, wat leidt tot snellere laadtijden van pagina’s, een cruciale rankingfactor voor zoekmachines. Bovendien maken afbeeldingen die zijn geoptimaliseerd met relevante zoekwoorden en alt-tags de inhoud beter begrijpelijk voor zoekmachines, wat mogelijk leidt tot hogere rankings. Bovendien kunnen boeiende en relevante afbeeldingen bezoekers langer op je site houden, waardoor het bouncepercentage wordt verlaagd en zoekmachines wordt gesignaleerd dat je site waardevolle inhoud biedt.

Wat zijn de best practices voor het bijwerken van afbeeldingen op een bestaande website zonder SEO-rankings te verliezen?

Voor het bijwerken van afbeeldingen op een bestaande website zonder SEO-rankings te verliezen, is het cruciaal om de balans te bewaren tussen beeldkwaliteit en optimalisatie. Zorg er bij het vervangen van afbeeldingen voor dat de nieuwe afbeeldingen zijn geoptimaliseerd voor webgebruik, inclusief de juiste compressie en het gebruik van relevante alt-tags en bestandsnamen. Omleidingen moeten worden gebruikt voor eventuele URL-wijzigingen om de linkwaarde te behouden. Bovendien kan het bijwerken van de metadata van de afbeelding (zoals alt-tekst en titel) om de inhoud en context van de bijgewerkte afbeelding weer te geven, helpen om SEO-rankings te behouden of te verbeteren. Het is ook gunstig om de prestaties en rankings van de website te controleren na het aanbrengen van wijzigingen om ervoor te zorgen dat er geen negatieve gevolgen zijn voor SEO.

Hoe meet je effectief de impact van geoptimaliseerde afbeeldingen op gebruikersbetrokkenheid en SEO?

Om de impact van geoptimaliseerde afbeeldingen op gebruikersbetrokkenheid en SEO effectief te meten, gebruik je tools zoals Google Analytics en Google Search Console. Deze tools kunnen veranderingen in de laadtijden van pagina’s, bouncepercentages en gebruikersbetrokkenheidsmetrics, zoals tijd op de pagina en click-through rates, volgen. Bovendien kan Search Console inzicht geven in hoe je afbeeldingen presteren in de zoekresultaten, inclusief de frequentie van hun verschijning en hun impact op het algehele siteverkeer. Door deze metrics te analyseren voor en na het implementeren van afbeeldingsoptimalisaties, kun je de effectiviteit van je inspanningen meten en datagestuurde beslissingen nemen om je SEO-strategie verder te verbeteren.