Det korta svaret: för att kontrollera bilder på en sida för SEO, klistra in dess URL i PromoPilots gratis SEO Image Checker. Verktyget analyserar upp till 100 <img> -taggar: om det finns en alt-tagg, om loading="lazy" är inställt, om bredd och höjd är inställda, om WebP, AVIF eller SVG används och om det finns en srcset. Resultatet är en poäng från 0 till 100 och kommentarer till varje bild. Nedan hittar du hur poängen beräknas, vad som ska åtgärdas först och vad verktyget inte ser.
Jag har byggt webbplatser och butiker i 12 år, och bilder är den största flaskhalsen i nästan varenda en av dem. Ett typiskt produktkort: fem 3 MB foton direkt från kameran, en tom alt-text och filnamnet är IMG_4512.jpg.
Vad kontrollerar Image SEO Check?
Verktyget tittar på varje bild på sidan baserat på fem kriterier och lägger ihop dem för att bilda en totalpoäng.
| Vad kontrollerar den? | Vad tittar han på? | Varför är detta viktigt för SEO och företagande? |
|---|---|---|
| Alt | Finns det en textbeskrivning för varje <img> | Google Bilder rankas efter alt; tillgänglighet för blinda |
| Lat laddning | Attributet loading="lazy" tillämpas på bilder under den första skärmen. | Sidan laddar inget som besökaren inte har skrollat till än. |
| Bredd och höjd | Är måtten angivna i taggattributen? | Block "hoppar" inte vid laddning – detta är ett CLS-mått |
| Formatera | WebP, AVIF eller SVG efter filändelse | Moderna format är märkbart mindre än JPG och PNG. |
| Srcset | Finns det bildalternativ för olika skärmar? | Telefonen tar emot den lilla filen, inte monitorversionen. |
Varje bild får en lista med kommentarer, och sidan får en slutpoäng. Detta är praktiskt: du kan inte bara se vad som är fel, utan också vilken bild som är felaktig.
Hur man kollar bilder på en webbplats online?
- Öppna SEO-kontrollen för bilder.
- Ange sidadressen, helst en med många foton: produktkort, kategori, bloggartikel, portfolio.
- Klicka på "Kontrollera" och vänta tills alla bilder har skannats.
- Visa betyg och lista med kommentarer för varje bild.
- Åtgärda problemen och kontrollera sidan igen.
Så här ser verktygssidan ut: adressfält, lista över kontroller och vanliga frågor
Hur beräknas betyget och vad bör korrigeras först?
Betyget börjar på 100 poäng, och straffavgifter dras av för varje problem, beroende på andelen bilder på sidan som inte klarar det. Med tanke på reglerna är det lätt att lista ut vad som ger den största förbättringen.
| Undersökning | Bra | Kommentar |
|---|---|---|
| Alt | Mindre än 50 % av bilderna med alt — -30; mindre än 80 % — -15; mindre än 100 % — -5 | Den viktigaste punkten |
| Lat laddning | mindre än 50 % - −15; mindre än 80 % - −8 | De tre första bilderna är inte beaktade |
| Bredd och höjd | mindre än 50 % - −15; mindre än 80 % - −8 | Endast CSS-dimensioner tas inte med i beräkningen. |
| WebP, AVIF eller SVG | mindre än 30% - 10 | Formatet bestäms av filändelsen |
| Srcset för rasterbilder | mindre än 30% - 10 | SVG behöver inte srcset |
Här är min arbetsuppgift:
- Alt. Den dyraste varan och den enklaste att fixa. Skriv vad som visas:
alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", intealt="рюкзак купить дёшево рюкзак". För dekorativa element, använd ett tomtalt="". - Bredd och höjd. Ange de faktiska måtten i attributen och lägg till
img { max-width: 100%; height: auto; }i CSS-koden – bilden förblir responsiv och layouten slutar hoppa. - Lazy loading gäller allt under vecket. Det är dock skadligt för huvudbilden: det måste laddas omedelbart och med prioritet.
- WebP eller AVIF. WordPress har stöd för WebP-uppladdningar sedan version 5.8 och AVIF sedan version 6.5.
- Srcset för stora foton så att telefonen inte laddar ner monitorversionen.
Ett exempel på en lämplig huvudbild och adaptivt foto i texten:
<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">Hur skriver man en bra alt-tagg för en bild?
Alt-taggen är det viktigaste elementet i utvärderingen, och det är där misstag oftast görs: antingen lämnas den tom eller fylls den med nyckelord. En enkel regel: beskriv bilden för någon som inte kan se den i en mening.
| Bild | Dålig alt | Bra alternativ |
|---|---|---|
| Produktfoto | рюкзак купить рюкзак недорого | Кожаный рюкзак Nord 20 л, коричневый, вид спереди |
| Lagfoto | photo1 | Мастера мастерской Nord за работой над сумкой |
| Diagram eller tabell | график | Рост заказов с сайта по месяцам: с 40 до 120 в месяц |
| Dekorationsikon | иконка | tom alt="" — det finns ingen anledning att läsa det |
För en katalog är det praktiskt att skapa alt-taggar med hjälp av en mall: produktnamn + färg eller variant + vinkel. På så sätt kommer fem foton på ett enda kort att ha fem olika, användbara beskrivningar, snarare än fem identiska.
Filnamnet spelar också roll: kozhanyj-ryukzak-nord-korichnevyj.webp är bättre än IMG_4512.jpg. Det är ingen idé att byta namn på gamla filer bara för detta, utan ladda upp nya med beskrivande namn.
Jämförelse: Bild SEO-kontroll och alternativ
| Verktyg | Vad är gratis? | Begränsningar | Vem är det lämpligt för? |
|---|---|---|---|
| PromoPilot — Bild SEO-kontrollant | Alt, lazy loading, bredd/höjd, format, srcset; betyg 0–100 och kommentarer för varje bild | Upp till 100 bilder, filstorleken är inte uppskattad | Snabbt analysera bilder från vilken sida som helst |
| Google PageSpeed Insights | Bildgranskningar som en del av hastighetstestet: format, storlek, lazy loading | Blandat med dussintals andra kontroller förstår alt knappt | Bedöma bilders inverkan på hastighet |
| Squoosh | Komprimera och konvertera en enskild bild i en webbläsare | Kontrollerar inte sidan, fungerar med filer | Förbereda enskilda bilder |
| Skrikande groda SEO-spindel | Lista över bilder utan alt-text på hela webbplatsen | Installation krävs, gratisversionen har en gräns för antalet adresser | Alt-granskning på hundratals sidor |
Slutsats: En online-kontroll visar vad som är fel med bilderna på en specifik sida, PageSpeed visar hur mycket det kostar i hastighet, och Squoosh eller en konverterare hjälper till att fixa filerna själva.
PromoPilot har 87 gratis SEO-verktyg, inklusive ett bildkomprimeringsverktyg och en WebP-konverterare som fungerar direkt i webbläsaren, utan att ladda upp filer till servern. För att förstå den totala sidstorleken, kolla in vår artikel i vår serie om sidhastighetsanalys.
Vad ser inte bildverifieringen?
Låt oss vara ärliga om verktygets begränsningar – det är viktigt att känna till dem för att korrekt tolka betyget:
- Filstorleken beaktas inte – bilder laddas inte ner; formatet bestäms av filändelsen.
- Taggen
<picture>tolkas inte: JPG i<img>kommer att taggas även om det finns AVIF eller WebP i<source>bredvid. - Bakgrundsbilder från CSS och bilder som lagts till med JavaScript ingår inte i rapporten.
- Mått som endast anges i CSS beaktas inte.
- En sida utan en enda
<img>får 50 poäng – det är inte "hälften av misstagen", utan "inget att betygsätta".
När räcker inte ett gratisverktyg?
Att korrigera alt-texten på en enda sida tar tio minuter. Men om butiken har fem tusen produkter är det omöjligt att göra det manuellt. Du behöver en specialist om:
- alt ska genereras automatiskt från namn, färg och vinkel för hela katalogen;
- bilder laddas från kameran utan komprimering, och en automatisk pipeline behövs: komprimering, WebP, flera storlekar;
- Webbplatsens tema visar foton utan bredd, höjd och srcset, och mallen behöver åtgärdas;
- Vill du få trafik från Google Bilder för produktsökningar?
Vad kan jag göra för er webbplats?
Jag är Valeriy Danyuk, en utvecklare och SEO-specialist med 12 års erfarenhet och över 200 kunder, inklusive ett flertal webbutiker med tusentals foton.
SEO och revision
- Nyckelfärdig SEO-granskning för webbplatsen: Jag kontrollerar bilder på hela webbplatsen, konfigurerar automatisk konvertering och alt-text i mallar.
- En AI-driven SEO-blogg som lockar organiska kunder – visar automatiskt alt- och WebP-bilder för varje artikel.
Butiker och kataloger
- En katalog med 300 artiklar på bara några minuter via MCP och Claude – med beskrivningar och foton för varje artikel.
- En webbutik på WooCommerce med korrekt bildbehandling.
- Flytta en butik från Instagram till webbplatsen – produktbilder och beskrivningar flyttas framåt.
- Produkter, foton och text kan överföras till 1001site via en länk från din gamla webbplats eller sociala medier.
Redovisning och automatisering
Skicka mig en länk till produktkortet i Telegram – jag berättar hur mycket du kan vinna baserat på bilderna.
Resultat
- Online SEO-bildkontrollen analyserar upp till 100 bilder på en sida och tilldelar en poäng från 0 till 100, tillsammans med kommentarer för varje.
- Flest poäng ges till alt- och width/height-dimensioner, följt av lazy loading, WebP/AVIF och srcset.
- Huvudbilden behöver inte laddas lat - den behöver
fetchpriority="high". - För stora kataloger automatiseras fotobearbetningen – eller så väljs en plattform där detta redan görs, till exempel 1001site.
Kontrollera din webbplats tyngsta sida med den kostnadsfria Image SEO Checker – börja med alt.
Källor
- PromoPilots sida för Image SEO Checker – kontroller, utvärderingsregler, begränsningar och vanliga frågor.
- Google Search Central – Bildrekommendationer för sökning.
- Google PageSpeed Insights och Squoosh - Funktionsbeskrivningar.
