SEO voor Afbeeldingen: 9 Essentiële Elementen

1. Algemene overwegingen voor SEO voor afbeeldingen

We steken vaak al onze inspanning in het ranken van onze SEO-waardevolle URL's in SERPs. Echter, zoals we eerder vermeldden, is het optimaliseren van afbeeldingen belangrijk om hoger te ranken in de Google Afbeeldingen-zoekresultaten en onze mogelijkheden te vergroten om er organisch verkeer doorheen aan te trekken.

Google-bots kunnen geen afbeeldingen "lezen". Ze zijn bedoeld om code op een website te lezen, niet op een specifieke animatie of afbeelding. Om deze reden moeten we ze deze informatie geven door een eenvoudige set SEO-richtlijnen te volgen. Dit zal bepalen of de bots de informatie kunnen interpreteren die we proberen te tonen, afbeeldingen kunnen evalueren en hoger kunnen ranken in de Google Afbeeldingen-sectie.

2. Grootte en gewicht van afbeeldingen

Twee van de belangrijkste factoren om rekening mee te houden bij het optimaliseren van afbeeldingen zijn hun gewicht en grootte.

Gewicht:

Het gebruik van zware afbeeldingen op je website kan de laadtijd verhogen voor de URL waar ze zijn geïmplementeerd, en dus voor de hele site. Laadtijd is een van de factoren die desktop- en mobiele organische ranking beïnvloeden, waardoor afbeeldingoptimalisatie essentieel is.

Tools om afbeeldingsgewicht te verminderen:

Er zijn veel tools die we kunnen gebruiken om afbeeldingsgewicht te verminderen. Zelfs als we geen professionele afbeeldingsbewerkingssoftware hebben zoals Photoshop of Illustrator, kunnen we online platforms gebruiken zoals:

• ›

  ImageOptim of TinyJPG, die afbeeldingsgewicht verminderen zonder de kwaliteit aan te tasten.

• ›

  Website Speed Test Image Analysis Tool maakt het mogelijk om nieuwe afbeeldingsformaten gemakkelijk te downloaden.

Grootte:

Bovendien is het ook belangrijk om verschillende afbeeldingsformaten voor elke site te implementeren om de meest geschikte te tonen, afhankelijk van het apparaat waarop het wordt bekeken. Zelfs als er plugins zijn die de afbeeldingsgrootte aanpassen, is deze optie misschien niet de beste in de praktijk. De reden is dat, bijvoorbeeld, een afbeelding van 1000px kan worden herschaald naar 400px, waardoor de visuele grootte wordt verminderd, maar de afbeelding blijft net zo zwaar als een afbeelding van 1000px, wat de prestaties en snelheid van je website beïnvloedt.

Tools:

De belangrijkste factor bij het kiezen van afbeeldingen is het kennen van het platform waarop we zullen werken. Als we werken op WordPress, bijvoorbeeld, kunnen we SmushIt gebruiken, een plugin die het mogelijk maakt om een maximale breedte en hoogte voor onze afbeeldingen te definiëren voordat ze worden herschaald, gecomprimeerd en geüpload naar de server.

Als we daarentegen werken met een platform van eigen code, moeten we een handmatig of automatisch proces creëren dat het mogelijk maakt om afbeeldingen te optimaliseren voordat ze naar de server worden geüpload.

3. SEO-vriendelijk afbeeldingsformaat

Momenteel is de meest optimale manier om webafbeeldingen op te slaan het gebruik van een van de volgende vier formaten:

• ›

  WebP: Het kan het oorspronkelijke gewicht van een afbeelding verminderen met 25-35%. Het is een van de meest aanbevolen formaten op dit moment; hoewel sommige versies van browsers ze nog niet kunnen lezen, is het een van de formaten die meer compressie toestaat zonder de afbeeldingskwaliteit aan te tasten.

• ›

  PNG: Het is de beste keuze voor afbeeldingen met weinig kleuren en transparante achtergronden. Het wordt veel gebruikt in logo's.

• ›

  JPG: Het formaat dat moet worden gebruikt voor foto's en afbeeldingen in het algemeen. Een beetje kwaliteit gaat verloren bij het comprimeren ervan, maar kleuren en tonen blijven hetzelfde.

• ›

  GIF: Gebruikt in animaties en bewegende afbeeldingen.

Aanbevelingen:

• ›

  Gebruik altijd het meest geschikte afbeeldingsformaat in termen van gewicht en compatibiliteit.

• ›

  Comprimeer altijd afbeeldingen, hetzij handmatig of via een automatische verwerkingstool.

• ›

  Als de website verschillende iconen bevat, groepeer ze dan in een enkele afbeelding via CSS Sprites om het aantal serververzoeken te verminderen en de prestaties van je website te verbeteren.

4. SEO-velden voor afbeeldingen

Elke afbeelding komt met een set bijbehorende velden om zoekmachinerobots (en gebruikers natuurlijk) verbeterde toegankelijkheid te bieden.

Afbeeldingsnaam

Afbeeldingsnaam verwijst naar de naam van het bestand. Het is de titel van de afbeelding, die streepjes en underscores gebruikt tussen woorden. Het wordt aanbevolen om het zoekwoord op te nemen waarvoor we onze afbeelding hoger willen laten ranken, en ongebruikelijke karakters te vermijden (zoals "ñ", "?" of letters met accenten, "á", enz.)

Het is ook raadzaam om voorzetsels of andere niet-essentiële karakters in de afbeeldingsnaam weg te laten om de URL te verkorten en zo SEO-vriendelijk mogelijk te maken.

Titel

Het is de tekst die verschijnt wanneer je de cursor op de afbeelding plaatst. We raden aan om deze in te vullen om een semantische titel aan de afbeelding toe te voegen, inclusief het zoekwoord waarvoor we hoger willen ranken.

Dit kan hetzelfde zijn als de alt-tekst, hoewel het herschrijven van dit attribuut met kleine wijzigingen niet veel tijd kost.

"Alt"-attribuut

Dit is het belangrijkste element, omdat het degene is die Google leest. Het moet het hoofdzoekwoord bevatten waarvoor we onze URL hoger willen laten ranken en het wordt verondersteld korte beschrijvingen te bevatten.

De syntaxis is als volgt:

<img src="AFBEELDINGSLINK" alt="ALT-BESCHRIJVING VAN AFBEELDING" />

Voorbeeld van een geoptimaliseerde afbeelding:

Laten we eens kijken hoe elk veld kan worden geoptimaliseerd voor deze afbeelding op basis van het doelzoekwoord "ciberseguridad pymes", waarvan het maandelijks zoekgemiddelde 90 is (in Spanje):

Bestandsnaam:

• ›

  Verkeerd: 04745892595295.jpg

• ›

  Goed: ciberseguridad-pymes.jpg

Titel: Consejos de ciberseguridad para empresarios y pymes. (Cybersecurityadvies voor bedrijven en kleine bedrijven.)

Alt-tekst: Ciberseguridad para pymes y empresarios: consejos. (Cybersecurity voor kleine bedrijven en bedrijven: tips.)

Op deze manier optimaliseren we alle velden en verkrijgen we een afbeelding die klaar is om te vechten voor de toppositie. Natuurlijk garandeert het optimaliseren van afbeeldingen niet dat ze als eerste verschijnen, maar het is een eerste stap om dat te bereiken :)

5. Semantische context

Google beschouwt dat de meest relevante afbeeldingen die zijn die in lijn zijn met de content die hen omringt. Daarom wordt het aanbevolen om gerelateerde tekst op te nemen. Op deze manier breiden we de totale semantische context in de URL uit.

6. Afbeeldings-specifieke sitemap

Om de bots van Google te helpen onze afbeeldingen efficiënter te volgen, is het noodzakelijk om een exclusieve sitemap.xml te maken met dit soort bestanden. Op WordPress kan het automatisch worden gemaakt met tools (plugins) zoals Yoast of RankMath. Als je niet op WordPress werkt, kun je alternatieve tools of handmatige programmeertools (URL-tracking) gebruiken.

Hierna zie je een sitemap-voorbeeld met twee afbeeldingen binnen het artikel:

<?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"> <url> <loc>http://example.com/sample.html&lt;/loc> <image:image> <image:loc>http://example.com/image.jpg&lt;/image:loc> </image:image> <image:image> <image:loc>http://example.com/photo.jpg&lt;/image:loc> </image:image> </url> </urlset>

Enkele van de meest gebruikte tags bij het maken van een afbeeldingssitemap zijn:

→ Afbeeldingstitel

→ De URL of het pad waar het bestand wordt opgeslagen

→ De voetnoot

→ Licentietype

→ Geolocatie-informatie

• ›Documentatie: Een grote hoeveelheid informatie is te vinden op Google's blog over afbeeldingssitemaps met voorbeelden, implementatietutorials en meer.

Na het voltooien van de implementatie kunnen we de indexatiedekkingsstatus verifiëren in Search Console.

7. Lazy Loading van afbeeldingen (Laden op aanvraag)

Afbeeldingen behoren tot de meest gebruikte resources op websites, omdat "een afbeelding zegt meer dan duizend woorden", zegt men. Daarom wordt het visuele aspect van elke website zorgvuldig ontwikkeld met behulp van deze multimedia-elementen. Echter, het niet optimaliseren ervan kan een negatieve impact hebben op de gebruikerservaring en de laadtijd van de website. Om deze reden is lazy loading raadzaam.

Dankzij lazy loading worden afbeeldingen alleen geladen wanneer ze op het scherm verschijnen. Bijvoorbeeld, als ze zich op een lager deel van de pagina bevinden dat nog niet zichtbaar is op het scherm van een apparaat, worden deze niet geladen totdat de gebruiker naar beneden scrollt. Dit verlaagt aanzienlijk het aantal HTTPS-verzoeken en vermindert laadtijden, waardoor je pagina sympathieker wordt voor Google.

Plugins om Lazy loading op WordPress te implementeren

Als je websites beheert op dit softwareplatform, zijn er een aantal plugins die je aandacht zullen trekken als je afbeeldingen wilt optimaliseren door lazy loading te implementeren. Vergeet niet om te controleren of het geïnstalleerde thema deze functie bevat. Zo niet, hier zijn een paar interessante:

• ›

  BJ Lazy Load: gemakkelijk te installeren en in te stellen, het is een van de meest populaire tools, met meer dan 90.000 installaties. Dankzij dit complement kun je afbeeldingen schalen om ze aan te passen aan verschillende schermformaten.

• ›

  Lazy Load by WP Rocket: eenvoudig en gemakkelijk in te stellen (in feite omdat het geen verschillende opties biedt), het voordeel van deze plugin is dat het geen JavaScript-bibliotheek zoals jQuery gebruikt.

8. Een CDN gebruiken voor afbeeldingen

Een CDN (Content Delivery Network) is een set servers verspreid over de hele wereld die de content van een gecachte website faciliteren afhankelijk van waar de aanvrager zich bevindt. Dankzij dit hostingnetwerk zal de server die dichter bij de aanvrager is een kopie van de gevraagde website leveren.

Daarom helpt het gebruik van een CDN onze URL's sneller te downloaden, vermindert het de laadtijden van onze site en bevordert het de organische ranking.

Als we een CDN (bijvoorbeeld Cloudflare) gebruiken om afbeeldingen te tonen, worden deze sneller gedownload en weergegeven. Deze rechtstreekse stroom zal onze SEO direct verbeteren.

9. Andere overwegingen

SEO-waardevolle afbeeldingen, dat wil zeggen die we hoger willen laten ranken, moeten worden opgenomen in de broncode van de URL. Die geïmplementeerd als een achtergrondeigenschap op CSS zullen niet zichtbaar zijn voor Google, omdat het dit type stijlbladen niet kan begrijpen.

Bovendien zijn er andere onmisbare details om in gedachten te houden bij het optimaliseren van onze afbeeldingen:

• ›

  Exif: Bij elke afbeelding wordt een set attributen opgeslagen, zoals de datum waarop de foto is genomen en andere gegevens die relevant zijn voor professionals in dit vakgebied. Echter, deze informatie is niet SEO-waardevol en neemt alleen ruimte in beslag. Het verwijderen van deze informatie kan helpen bij het optimaliseren van afbeeldingen en ze minder zwaar maken.

• ›

  "longdesc": Dit attribuut wordt meestal vergeten, maar het kan interessant zijn om in onze afbeeldingen te implementeren. Dit is een lange beschrijving van de afbeelding.

• ›

  Linking: Link-building speelt een fundamentele rol in de organische groei van onze pagina's, maar ook in die van onze afbeeldingen. Deze kunnen ook worden gelinkt en zo een hogere herkenning krijgen in zoekmachines.

Missen we essentiële tips? We zouden je graag horen. Laat hieronder een commentaar achter en deel gerust je kennis!