Het korte antwoord: om afbeeldingen op een pagina te controleren op SEO, plak je de URL in de gratis SEO Image Checker van PromoPilot. De tool analyseert tot wel 100 <img> -tags: of er een alt-tag is, of loading="lazy" is ingesteld, of de breedte en hoogte zijn ingesteld, of WebP, AVIF of SVG wordt gebruikt en of er een srcset is. Het resultaat is een score van 0 tot 100 en opmerkingen over elke afbeelding. Hieronder lees je hoe de score wordt berekend, wat je als eerste moet aanpassen en wat de tool niet ziet.
Ik bouw al 12 jaar websites en webshops, en afbeeldingen vormen in bijna al mijn projecten het grootste knelpunt. Een typische productpagina: vijf foto's van 3 MB rechtstreeks van de camera, een lege alt-tekst en de bestandsnaam IMG_4512.jpg.
Wat controleert de SEO-check voor afbeeldingen?
De tool analyseert elke afbeelding op de pagina aan de hand van vijf criteria en telt deze bij elkaar op om een algemene score te bepalen.
| Wat wordt er gecontroleerd? | Waar kijkt hij naar? | Waarom is dit belangrijk voor SEO en voor bedrijven? |
|---|---|---|
| Alt | Is er een tekstuele beschrijving voor elke <img> | Google Afbeeldingen rangschikken op basis van alt-tekst; toegankelijkheid voor blinden |
| Lazy loading | Het attribuut loading="lazy" wordt toegepast op afbeeldingen onder het eerste scherm. | De pagina laadt niets wat de bezoeker nog niet heeft bereikt door naar beneden te scrollen. |
| Breedte en hoogte | Zijn de afmetingen gespecificeerd in de tagattributen? | Blokken "springen" niet tijdens het laden - dit is een CLS-metriek. |
| Formaat | WebP, AVIF of SVG op basis van de bestandsextensie. | Moderne bestandsformaten zijn aanzienlijk kleiner dan JPG en PNG. |
| Srcset | Zijn er afbeeldingsopties voor verschillende schermen? | De telefoon ontvangt het kleine bestand, niet de monitorversie. |
Elke afbeelding krijgt een lijst met opmerkingen en de pagina krijgt een eindscore. Dit is handig: je kunt niet alleen zien wat er mis is, maar ook welke afbeelding de fout ingaat.
Hoe controleer ik online de afbeeldingen op een website?
- Open de SEO-checker voor afbeeldingen.
- Voeg het paginaadres in, bij voorkeur een pagina met veel foto's: productpagina, categoriepagina, blogartikel, portfolio.
- Klik op "Controleren" en wacht tot alle afbeeldingen zijn gescand.
- Bekijk de beoordeling en de lijst met reacties voor elke afbeelding.
- Los de problemen op en controleer de pagina opnieuw.
Zo ziet de toolpagina eruit: adresveld, lijst met controles en veelgestelde vragen.
Hoe wordt de beoordeling berekend en wat moet er als eerste worden gecorrigeerd?
De score begint bij 100 punten en er worden strafpunten afgetrokken voor elk probleem, afhankelijk van het percentage afbeeldingen op de pagina dat niet aan de criteria voldoet. Als je de regels kent, is het makkelijk te bedenken wat de grootste scoreverbetering oplevert.
| Inspectie | Prima | Opmerking |
|---|---|---|
| Alt | Minder dan 50% van de afbeeldingen met alt-tekst — -30; minder dan 80% — -15; minder dan 100% — -5 | Het belangrijkste punt |
| Lazy loading | minder dan 50% - −15; minder dan 80% - −8 | De eerste drie foto's worden niet meegenomen. |
| Breedte en hoogte | minder dan 50% - −15; minder dan 80% - −8 | Afmetingen die alleen in CSS worden gebruikt, worden niet meegenomen. |
| WebP, AVIF of SVG | minder dan 30% - -10 | Het formaat wordt bepaald door de extensie. |
| Srcset voor rasterafbeeldingen | minder dan 30% - -10 | SVG heeft geen srcset nodig. |
Hier is mijn werkorder:
- Alt. Het duurste item en het makkelijkst te repareren. Schrijf wat er wordt weergegeven:
alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", nietalt="рюкзак купить дёшево рюкзак". Gebruik voor decoratieve elementen een legealt="". - Breedte en hoogte. Specificeer de werkelijke afmetingen in de attributen en voeg
img { max-width: 100%; height: auto; }toe aan de CSS. De afbeelding blijft dan responsief en de lay-out zal niet meer verspringen. - Lazy loading is van toepassing op alles onder de vouw. Het is echter nadelig voor de hero-afbeelding: deze moet onmiddellijk en met prioriteit worden geladen.
- WebP of AVIF. WordPress ondersteunt WebP-uploads sinds versie 5.8 en AVIF sinds versie 6.5.
- Gebruik Srcset voor grote foto's, zodat de telefoon niet de monitorversie downloadt.
Een voorbeeld van een correcte hoofdafbeelding en een adaptieve foto in de tekst:
<img src="/img/hero.webp" alt="Мастерская кожаных изделий Nord" width="1200" height="600" fetchpriority="high"> <img src="/img/bag-700.webp" srcset="/img/bag-700.webp 700w, /img/bag-1400.webp 1400w" sizes="(max-width: 700px) 100vw, 700px" alt="Рюкзак Nord 20 л, вид сбоку" width="700" height="700" loading="lazy">Hoe schrijf je een goede alt-tag voor een afbeelding?
De alt-tag is het belangrijkste element bij de beoordeling, en het is ook waar de meeste fouten worden gemaakt: ofwel wordt deze leeg gelaten, ofwel wordt deze volgepropt met zoekwoorden. Een simpele regel: beschrijf de afbeelding in één zin aan iemand die hem niet kan zien.
| Afbeelding | Slechte alternatieve versie | Goed alternatief |
|---|---|---|
| Productfoto | рюкзак купить рюкзак недорого | Кожаный рюкзак Nord 20 л, коричневый, вид спереди |
| Teamfoto | photo1 | Мастера мастерской Nord за работой над сумкой |
| Diagram of grafiek | график | Рост заказов с сайта по месяцам: с 40 до 120 в месяц |
| Decoratie-icoon | иконка | lege alt="" — je hoeft het niet te lezen |
Voor een catalogus is het handig om alt-tags te maken met behulp van een sjabloon: productnaam + kleur of variant + hoek. Op deze manier hebben vijf foto's op één kaart vijf verschillende, nuttige beschrijvingen, in plaats van vijf identieke.
Ook de bestandsnaam is belangrijk: kozhanyj-ryukzak-nord-korichnevyj.webp is beter dan IMG_4512.jpg. Het heeft geen zin om oude bestanden alleen hiervoor te hernoemen, maar upload nieuwe bestanden met beschrijvende namen.
Vergelijking: SEO-checker voor afbeeldingen en alternatieven
| Hulpmiddel | Wat is gratis? | Beperkingen | Voor wie is het geschikt? |
|---|---|---|---|
| PromoPilot — SEO-checker voor afbeeldingen | Alt, lazy loading, breedte/hoogte, formaten, srcset; beoordeling 0–100 en opmerkingen voor elke afbeelding | Maximaal 100 afbeeldingen, bestandsgrootte niet geschat | Afbeeldingen van elke pagina snel parseren |
| Google PageSpeed-inzichten | Beeldcontroles als onderdeel van de snelheidstest: formaat, grootte, lazy loading | Gemengd met tientallen andere controles, begrijpt alt het nauwelijks. | Het effect van beelden op de snelheid beoordelen |
| Squiosh | Een enkele afbeelding comprimeren en converteren in een browser. | Controleert de pagina niet, werkt met bestanden. | Het voorbereiden van individuele afbeeldingen |
| Schreeuwende Kikker SEO-spider | Lijst met afbeeldingen zonder alt-tekst op de hele website | Installatie is vereist; de gratis versie heeft een limiet op het aantal adressen. | Alternatieve controle op honderden pagina's |
Conclusie: Een online checker laat zien wat er mis is met de afbeeldingen op een specifieke pagina, PageSpeed laat zien hoeveel snelheid dit kost, en Squoosh of een converter helpt om de bestanden zelf te repareren.
PromoPilot biedt 87 gratis SEO-tools, waaronder een tool voor beeldcompressie en een WebP-converter die direct in de browser werken, zonder bestanden naar de server te uploaden. Om de totale paginagrootte te begrijpen, kunt u ons artikel in onze serie over paginasnelheidsanalyse raadplegen.
Wat ziet beeldverificatie niet?
Laten we eerlijk zijn over de beperkingen van het instrument – het is belangrijk om die te kennen om de beoordeling correct te kunnen interpreteren:
- De bestandsgrootte wordt niet meegenomen — afbeeldingen worden niet gedownload; het formaat wordt bepaald door de extensie.
-
<picture>-tag wordt niet correct verwerkt: een JPG-afbeelding in<img>wordt getagd, zelfs als er een AVIF- of WebP-afbeelding in<source>ernaast staat. - Achtergrondafbeeldingen die via CSS zijn toegevoegd en afbeeldingen die met JavaScript zijn toegevoegd, worden niet in het rapport opgenomen.
- Afmetingen die alleen in CSS zijn gespecificeerd, worden niet in aanmerking genomen.
- Een pagina zonder één enkele
<img>krijgt 50 punten - dit is niet "de helft van de fouten", maar "niets om te beoordelen".
Wanneer is een gratis tool niet genoeg?
Het aanpassen van de alt-tekst op één pagina duurt tien minuten. Maar als de webwinkel vijfduizend producten heeft, is handmatig aanpassen onmogelijk. Je hebt een specialist nodig als:
- De alternatieve tekst (alt) moet automatisch gegenereerd worden op basis van de naam, kleur en hoek voor de gehele catalogus;
- De beelden worden zonder compressie van de camera geladen en er is een automatisch verwerkingsproces nodig: compressie, WebP, meerdere formaten;
- Het website-thema toont foto's zonder breedte, hoogte en srcset, en de template moet worden aangepast;
- Wil je verkeer genereren via Google Afbeeldingen voor productzoekopdrachten?
Wat kan ik voor uw website doen?
Ik ben Valeriy Danyuk, een ontwikkelaar en SEO-specialist met 12 jaar ervaring en meer dan 200 klanten, waaronder talloze webwinkels met duizenden foto's.
SEO en audit
- Kant-en-klare SEO-audit voor uw website: ik controleer de afbeeldingen op de hele site, stel automatische conversie en alt-tekst in voor sjablonen.
- Een door AI aangedreven SEO-blog die organische klanten aantrekt en automatisch alt-teksten en WebP-afbeeldingen voor elk artikel weergeeft.
Winkels en catalogi
- Een catalogus met 300 artikelen in slechts een paar minuten via MCP en Claude — met beschrijvingen en foto's van elk artikel.
- Een webwinkel op WooCommerce met professionele beeldverwerking.
- De winkel wordt van Instagram naar de website verplaatst — productfoto's en -beschrijvingen worden gestaagd toegevoegd.
- Producten, foto's en teksten kunnen naar 1001site worden overgezet via een link vanaf uw oude website of sociale media.
Boekhouding en automatisering
- Boekhouding + administratie + magazijnbeheer voor 30.000 producten.
- Telegram met AI voor een online sauzenwinkel.
Stuur me een link naar de productpagina via Telegram - dan vertel ik je hoeveel je kunt winnen aan de hand van de foto's.
Resultaat
- De online SEO-afbeeldingchecker analyseert tot 100 afbeeldingen op een pagina en kent een score van 0 tot 100 toe, samen met opmerkingen voor elke afbeelding.
- De meeste punten worden toegekend aan alt en breedte/hoogte, gevolgd door lazy loading, WebP/AVIF en srcset.
- De hoofdafbeelding hoeft niet lazy loading te gebruiken -
fetchpriority="high"moet zijn. - Voor grote catalogi wordt de fotoverwerking geautomatiseerd, of er wordt gekozen voor een platform waar dit al gebeurt, bijvoorbeeld 1001site.
Controleer de meest waardevolle pagina van je website met de gratis Image SEO Checker — begin met de alt-tekst.
Bronnen
- De pagina 'Image SEO Checker' van PromoPilot: controles, evaluatieregels, beperkingen en veelgestelde vragen.
- Google Search Central - Afbeeldingsaanbevelingen voor zoekopdrachten.
- Beschrijvingen van de functies Google PageSpeed Insights en Squoosh.
