Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukutviklerUtvikling av AI-verktøy for bedrifter. Høy kvalitet. Rimelig.Skriv på Telegram

Online bilde SEO-sjekker: Alt, lat lasting, WebP og Srcset – hva du bør fikse

SEO-sjekk for bilder på nett: alt, lazy loading, WebP og srcset, 0–100 vurdering for hvert bilde

Hva du vil få

  • En vurdering og kommentarer fra 0–100 for hvert bilde på siden: alt, lazy loading, width/height, WebP/AVIF, srcset — gratis
  • Forstå hvordan poengsummen din beregnes og hvilke redigeringer som vil forbedre den raskest
  • Ferdige kodeeksempler for hovedbildet, responsive bilder og alt-tagger
Bruk: om 15 minutterLagrer: Google Bilder-trafikk og lastetider på telefonen din

Det korte svaret: for å sjekke bilder på en side for SEO, lim inn URL-en i PromoPilots gratis SEO Image Checker. Verktøyet vil analysere opptil 100 <img> -tagger: om det er en alt-tag, om loading="lazy" er angitt, om bredden og høyden er angitt, om WebP, AVIF eller SVG brukes, og om det er et srcset. Resultatet er en poengsum fra 0 til 100 og kommentarer til hvert bilde. Nedenfor finner du hvordan poengsummen beregnes, hva som må fikses først, og hva verktøyet ikke ser.

Jeg har bygget nettsider og butikker i 12 år, og bilder er den største flaskehalsen i nesten alle av dem. Et typisk produktkort: fem bilder på 3 MB rett fra kameraet, en tom alt-tekst, og filnavnet er IMG_4512.jpg.

Hva sjekker Image SEO Check?

Verktøyet ser på hvert bilde på siden basert på fem kriterier og legger dem sammen for å danne en samlet poengsum.

Hva sjekker den? Hva ser han på? Hvorfor er dette viktig for SEO og forretningsdrift?
Alt Finnes det en tekstbeskrivelse for hver <img> Google Bilder rangert etter alt; tilgjengelighet for blinde
Lat lasting Атрибут loading="lazy" у картинок ниже первого экрана Siden laster ikke inn noe den besøkende ikke har skrollet til ennå.
Bredde og høyde Er dimensjonene spesifisert i tag-attributtene? Blokker "hopper" ikke når de lastes inn – dette er en CLS-måling
Format WebP, AVIF eller SVG etter filtypenavn Moderne formater er merkbart mindre enn JPG og PNG.
Srcset Finnes det bildealternativer for forskjellige skjermer? Telefonen mottar den lille filen, ikke skjermversjonen.

Hvert bilde får en liste med kommentarer, og siden får en endelig poengsum. Dette er praktisk: du kan ikke bare se hva som er galt, men også hvilket bilde som er feil.

Hvordan sjekke bilder på en nettside på nettet?

Sjekk bilder i fire trinn: lim inn URL-en, vent til opptil 100 bilder er skannet, se vurderingen og korriger eventuelle kommentarer.

  1. Åpne SEO-sjekkeren for bilder.
  2. Sett inn sideadressen, helst en med mange bilder: produktkort, kategori, bloggartikkel, portefølje.
  3. Klikk på «Kontroller» og vent til alle bildene er skannet.
  4. Se vurderingen og listen over kommentarer for hvert bilde.
  5. Vennligst rett opp problemene og sjekk siden på nytt.

Slik ser verktøysiden ut: adressefelt, liste over kontroller og vanlige spørsmål

PromoPilots gratis SEO-sjekkside for bilder: URL-felt, alt-sjekk, lazy loading, WebP/AVIF og srcset

Hvordan beregnes vurderingen, og hva bør korrigeres først?

Vurderingen starter på 100 poeng, og det trekkes fra straffer for hvert problem, avhengig av prosentandelen bilder på siden som ikke består. Når man kjenner reglene, er det enkelt å finne ut hva som vil gi det største boostet.

Undersøkelse Fin Kommentar
Alt Mindre enn 50 % av bildene med alt — -30; mindre enn 80 % — -15; mindre enn 100 % — -5 Det viktigste punktet
Lat lasting mindre enn 50 % - −15; mindre enn 80 % - −8 De tre første bildene er ikke tatt med i betraktningen
Bredde og høyde mindre enn 50 % - −15; mindre enn 80 % - −8 Dimensjoner som bare er CSS, tas ikke med i betraktningen.
WebP, AVIF eller SVG mindre enn 30 % - 10 Formatet bestemmes av filtypen
Kilde for rasterbilder mindre enn 30 % - 10 SVG trenger ikke srcset

Her er arbeidsordren min:

  1. Alt. Den dyreste varen og den enkleste å fikse. Skriv hva som vises: alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", ikke alt="рюкзак купить дёшево рюкзак". For dekorative elementer, bruk et tomt alt="".
  2. Bredde og høyde. Angi de faktiske dimensjonene i attributtene, og legg til img { max-width: 100%; height: auto; } i CSS-en – bildet vil forbli responsivt, og layouten vil slutte å hoppe.
  3. Lazy loading gjelder alt under fold-en. Det er imidlertid skadelig for hovedbildet: det må lastes inn umiddelbart og med prioritet.
  4. WebP eller AVIF. WordPress har støttet WebP-opplastinger siden versjon 5.8, og AVIF siden versjon 6.5.
  5. Srcset for store bilder slik at telefonen ikke laster ned skjermversjonen.

Et eksempel på et passende hovedbilde og et adaptivt bilde i teksten:

<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">

Hvordan skriver man en god alt-tag for et bilde?

Alt-taggen er det viktigste elementet i evalueringen, og det er der feil oftest gjøres: enten ved å la den stå tom eller ved å fylle den med nøkkelord. En enkel regel: beskriv bildet til noen som ikke kan se det i én setning.

Bilde Dårlig alternativ Bra alternativ
Produktbilde рюкзак купить рюкзак недорого Кожаный рюкзак Nord 20 л, коричневый, вид спереди
Lagbilde photo1 Мастера мастерской Nord за работой над сумкой
Diagram eller skjema график Рост заказов с сайта по месяцам: с 40 до 120 в месяц
Dekorasjonsikon иконка tom alt="" — det er ikke nødvendig å lese det

For en katalog er det praktisk å lage alt-tagger ved hjelp av en mal: produktnavn + farge eller variant + vinkel. På denne måten vil fem bilder på et enkelt kort ha fem forskjellige, nyttige beskrivelser, i stedet for fem identiske.

Filnavnet spiller også en rolle: kozhanyj-ryukzak-nord-korichnevyj.webp er bedre enn IMG_4512.jpg. Det er ikke noe poeng i å gi gamle filer nytt navn bare for dette, men last opp nye med beskrivende navn.

Sammenligning: Bilde-SEO-sjekker og alternativer

Verktøy Hva er gratis? Restriksjoner Hvem passer det for?
PromoPilot — SEO-sjekker for bilder Alt, lazy loading, bredde/høyde, formater, kildesett; vurdering 0–100 og kommentarer for hvert bilde Opptil 100 bilder, filstørrelsen er ikke estimert Raskt analysere bilder fra hvilken som helst side
Google PageSpeed Insights Bildekontroller som en del av hastighetstesten: format, størrelse, lazy loading Blandet med dusinvis av andre sjekker, forstår alt knapt Vurdere effekten av bilder på hastighet
Squoosh Komprimer og konverter et enkelt bilde i en nettleser Sjekker ikke siden, fungerer med filer Forbereder individuelle bilder
Skrikende frosk SEO-edderkopp Liste over bilder uten alt-tekst på hele nettstedet Installasjon kreves, gratisversjonen har en grense for antall adresser Alt-revisjon på hundrevis av sider

Konklusjon: En online-sjekker viser hva som er galt med bildene på en bestemt side, PageSpeed viser hvor mye det koster i hastighet, og Squoosh eller en konverter hjelper med å fikse filene selv.

PromoPilot har 87 gratis SEO-verktøy, inkludert et bildekomprimeringsverktøy og en WebP-konverterer som fungerer direkte i nettleseren, uten å laste opp filer til serveren. For å forstå den totale sidestørrelsen, sjekk ut artikkelen vår i vår serie om analyse av sidehastighet.

Hva ser ikke bildeverifisering?

La oss være ærlige om verktøyets begrensninger – det er viktig å kjenne dem for å tolke vurderingen nøyaktig:

  • Filstørrelsen tas ikke med i betraktningen – bilder lastes ikke ned; formatet bestemmes av filtypen.
  • <picture> -taggen blir ikke analysert: JPG i <img> vil bli tagget selv om det er AVIF eller WebP i <source> ved siden av.
  • Bakgrunnsbilder fra CSS og bilder lagt til av JavaScript er ikke inkludert i rapporten.
  • Dimensjoner som kun er spesifisert i CSS tas ikke med i betraktningen.
  • En side uten en eneste <img> får 50 poeng – dette er ikke «halvparten av feilene», men «ingenting å vurdere».

Når er et gratis verktøy ikke nok?

Bilder før og etter optimalisering: tomme alt- og tunge JPG-er versus beskrivelser, WebP, spesifiserte dimensjoner og srcset

Det tar ti minutter å korrigere alt-teksten på én side. Men hvis butikken har fem tusen produkter, er det umulig å gjøre det manuelt. Du trenger en spesialist hvis:

  • alt skal genereres automatisk fra navn, farge og vinkel for hele katalogen;
  • bilder lastes inn fra kameraet uten komprimering, og en automatisk pipeline er nødvendig: komprimering, WebP, flere størrelser;
  • Nettstedstemaet viser bilder uten bredde, høyde og kildesett, og malen må fikses;
  • Ønsker du å få trafikk fra Google Bilder for produktsøk?

Hva kan jeg gjøre for nettstedet ditt?

Jeg er Valeriy Danyuk, en utvikler og SEO-spesialist med 12 års erfaring og over 200 kunder, inkludert en rekke nettbutikker med tusenvis av bilder.

SEO og revisjon

Butikker og kataloger

Regnskap og automatisering

Send meg en lenke til produktkortet i Telegram – så forteller jeg deg hvor mye du kan vinne basert på bildene.

Resultat

  1. Den nettbaserte SEO-bildesjekkeren analyserer opptil 100 bilder på en side og tildeler en poengsum fra 0 til 100, sammen med kommentarer for hvert.
  2. Flest poeng gis til alt- og bredde/høyde-dimensjoner, etterfulgt av lazy loading, WebP/AVIF og srcset.
  3. Hovedbildet trenger ikke lat lasting – det trenger fetchpriority="high".
  4. For store kataloger automatiseres fotobehandlingen – eller det velges en plattform der dette allerede er gjort, for eksempel 1001site.

Sjekk nettstedets tyngste side med den gratis Image SEO Checker – start med alt.

Kilder

  • PromoPilots side for bilde-SEO-sjekk – kontroller, evalueringsregler, begrensninger og vanlige spørsmål.
  • Google Søkesentral – Bildeanbefalinger for søk.
  • Google PageSpeed Insights og Squoosh – funksjonsbeskrivelser.

Referanser og kilder

Spørsmål og svar

Hvorfor er alt-tagger viktige for SEO?

Alt-tekst beskriver bildet for søkemotorer og skjermlesere for blinde. Google Bilder bruker alt-tekst for rangeringsformål, og på siden bidrar den til å forklare bildets innhold. Dekorative elementer kan stå igjen med et blankt alt="".

Hvordan påvirker bildestørrelsen Core Web Vitals?

Store bilder reduserer LCP-en – gjengivelsestiden for det største elementet på den første skjermen, som ofte er et bilde. Moderne WebP- og AVIF-formater, komprimering, riktige dimensjoner og srcset hjelper, i tillegg til å unngå lat lasting og sette en høy lasteprioritet for hovedbildet.

Sjekker verktøyet filvekten?

Nei. Verktøyet laster ikke ned bilder, så det estimerer ikke filstørrelsen; det bestemmer formatet basert på filtypen. For å finne ut størrelsen på bilder og hele siden, bruk Page Speed Analysis eller PageSpeed Insights.

Vi sjekket nettsiden, men det er ingen som kan fikse det?

Dette gratisverktøyet avdekker problemer. Jeg analyserer rapporten, prioriterer og fikser dem: SEO-revisjon, hastighetsøkning, markup og migrering til et nytt nettsted uten å miste rangeringer.