Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukudviklerUdvikling af AI-værktøjer til virksomheder. Høj kvalitet. Overkommelige priser.Skriv på Telegram

Online billed-SEO-tjekker: Alt, Lazy Loading, WebP og Srcset – Hvad skal man rette?

Online SEO-tjek af billeder: alt, lazy loading, WebP og srcset, 0-100 vurdering for hvert billede

Hvad du får

  • En vurdering fra 0-100 og kommentarer til hvert billede på siden: alt, lazy loading, width/height, WebP/AVIF, srcset — gratis
  • Forståelse af, hvordan din score beregnes, og hvilke ændringer der forbedrer den hurtigst
  • Færdiglavede kodeeksempler til hovedbilledet, responsive billeder og alt-tags
Anvend: om 15 minutterGemmer: Google Billeder-trafik og indlæsningstider på din telefon

Det korte svar: For at tjekke billeder på en side for SEO, skal du indsætte URL'en i PromoPilots gratis SEO Image Checker. Værktøjet analyserer op til 100 <img> -tags: om der er et alt-tag, om loading="lazy" er indstillet, om bredden og højden er indstillet, om WebP, AVIF eller SVG bruges, og om der er et srcset. Resultatet er en score fra 0 til 100 og kommentarer til hvert billede. Nedenfor finder du, hvordan scoren beregnes, hvad der skal rettes først, og hvad værktøjet ikke ser.

Jeg har bygget hjemmesider og butikker i 12 år, og billeder er den største flaskehals i næsten alle af dem. Et typisk produktkort: fem 3 MB fotos direkte fra kameraet, en tom alt-tekst, og filnavnet er IMG_4512.jpg.

Hvad kontrollerer Image SEO Check?

Værktøjet ser på hvert billede på siden baseret på fem kriterier og lægger dem sammen for at danne en samlet score.

Hvad kontrollerer den? Hvad kigger han på? Hvorfor er dette vigtigt for SEO og forretning?
Alt Er der en tekstbeskrivelse for hver <img> Google Billeder rangerer efter alt; tilgængelighed for blinde
Lazy loading Attributten loading="lazy" anvendes på billeder under den første skærm. Siden indlæser ikke noget, som den besøgende ikke har scrollet til endnu.
Bredde og højde Er dimensionerne angivet i tag-attributterne? Blokke "hopper" ikke ved indlæsning - dette er en CLS-måling
Format WebP, AVIF eller SVG efter filtypenavn Moderne formater er mærkbart mindre end JPG og PNG.
Srcset Er der billedindstillinger til forskellige skærme? Telefonen modtager den lille fil, ikke skærmversionen.

Hvert billede får en liste med kommentarer, og siden får en endelig score. Dette er praktisk: du kan ikke kun se, hvad der er galt, men også hvilket billede der er problemet.

Hvordan tjekker man billeder på en hjemmeside online?

Tjek billeder i 4 trin: Indsæt URL'en, vent på, at op til 100 billeder er scannet, se bedømmelsen, og ret eventuelle kommentarer.

  1. Åbn SEO-tjekker for billeder.
  2. Indsæt sidens adresse, helst en med mange billeder: produktkort, kategori, blogartikel, portefølje.
  3. Klik på "Kontroller", og vent på, at alle billeder er scannet.
  4. Se vurderingen og listen over kommentarer for hvert billede.
  5. Ret venligst problemerne, og tjek siden igen.

Sådan ser værktøjssiden ud: adressefelt, liste over kontroller og ofte stillede spørgsmål

PromoPilots gratis Image SEO Checker-side: URL-felt, alt-tjek, lazy loading, WebP/AVIF og srcset

Hvordan beregnes vurderingen, og hvad skal rettes først?

Bedømmelsen starter ved 100 point, og der fratrækkes strafpoint for hvert problem, afhængigt af procentdelen af billeder på siden, der ikke består. Når man kender reglerne, er det nemt at finde ud af, hvad der vil give det største boost.

Undersøgelse Bøde Kommentar
Alt Mindre end 50% af billeder med alt — -30; mindre end 80% — -15; mindre end 100% — -5 Det vigtigste punkt
Lazy loading mindre end 50% - −15; mindre end 80% - −8 De første tre billeder er ikke taget i betragtning
Bredde og højde mindre end 50% - −15; mindre end 80% - −8 Dimensioner, der kun er baseret på CSS, tages ikke i betragtning.
WebP, AVIF eller SVG mindre end 30% - -10 Formatet bestemmes af filtypenavnet
Kilde til rasterbilleder mindre end 30% - -10 SVG behøver ikke srcset

Her er min arbejdsordre:

  1. Alt. Den dyreste vare og den nemmeste at reparere. Skriv hvad der vises: alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", ikke alt="рюкзак купить дёшево рюкзак". Brug et tomt alt="" til dekorative elementer.
  2. Bredde og højde. Angiv de faktiske dimensioner i attributterne, og tilføj img { max-width: 100%; height: auto; } til CSS'en – billedet forbliver responsivt, og layoutet stopper med at hoppe.
  3. Lazy loading gælder for alt under folden. Det er dog skadeligt for hero-imaget: det skal indlæses med det samme og med prioritet.
  4. WebP eller AVIF. WordPress har understøttet WebP-uploads siden version 5.8 og AVIF siden version 6.5.
  5. Srcset til store billeder, så telefonen ikke downloader skærmversionen.

Et eksempel på et passende hovedbillede og et adaptivt foto 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 til et billede?

Alt-tagget er det vigtigste element i evalueringen, og det er her, fejl oftest begås: enten lader man det stå tomt eller fylder det med søgeord. En simpel regel: beskriv billedet til en person, der ikke kan se det, i én sætning.

Billede Dårlig alternativ Godt alternativt
Produktfoto рюкзак купить рюкзак недорого Кожаный рюкзак Nord 20 л, коричневый, вид спереди
Holdfoto photo1 Мастера мастерской Nord за работой над сумкой
Diagram eller skema график Рост заказов с сайта по месяцам: с 40 до 120 в месяц
Dekorationsikon иконка tom alt="" — det er ikke nødvendigt at læse det

Til et katalog er det praktisk at oprette alt-tags ved hjælp af en skabelon: produktnavn + farve eller variant + vinkel. På denne måde vil fem fotos på et enkelt kort have fem forskellige, nyttige beskrivelser i stedet for fem identiske.

Filnavnet er også vigtigt: kozhanyj-ryukzak-nord-korichnevyj.webp er bedre end IMG_4512.jpg. Det giver ingen mening at omdøbe gamle filer bare for dette, men upload nye med beskrivende navne.

Sammenligning: Billed-SEO-tjekker og alternativer

Værktøj Hvad er gratis? Begrænsninger Hvem er det egnet til?
PromoPilot — Billed-SEO-tjekker Alt, lazy loading, bredde/højde, formater, srcset; vurdering 0-100 og kommentarer for hvert billede Op til 100 billeder, filstørrelsen er ikke estimeret Hurtig analyse af billeder fra enhver side
Google PageSpeed Insights Billedrevisioner som en del af hastighedstesten: format, størrelse, lazy loading Blandet med snesevis af andre checks, forstår alt knap nok Vurdering af billeders indflydelse på hastighed
Squoosh Komprimer og konverter et enkelt billede i en browser Tjekker ikke siden, virker med filer Forberedelse af individuelle billeder
Skrigende frø SEO-edderkop Liste over billeder uden alt-tekst på hele webstedet Installation er påkrævet, den gratis version har en begrænsning på adresser Alt-revision på hundredvis af sider

Konklusion: En online tjekker viser, hvad der er galt med billederne på en specifik side, PageSpeed viser, hvor meget det koster i hastighed, og Squoosh eller en konverter hjælper med at rette filerne selv.

PromoPilot har 87 gratis SEO-værktøjer, herunder et billedkomprimeringsværktøj og en WebP-konverter, der fungerer direkte i browseren uden at uploade filer til serveren. For at forstå den samlede sidestørrelse kan du læse vores artikel i vores serie om sidehastighedsanalyser.

Hvad kan billedbekræftelse ikke se?

Lad os være ærlige om værktøjets begrænsninger – det er vigtigt at kende dem for at kunne fortolke vurderingen korrekt:

  • Filstørrelsen tages ikke i betragtning – billeder downloades ikke; formatet bestemmes af filtypenavnet.
  • <picture> -tagget parses ikke: JPG i <img> vil blive tagget, selvom der er AVIF eller WebP i <source> ved siden af.
  • Baggrundsbilleder fra CSS og billeder tilføjet af JavaScript er ikke inkluderet i rapporten.
  • Dimensioner, der kun er angivet i CSS, tages ikke i betragtning.
  • En side uden en eneste <img> får 50 point - det er ikke "halvdelen af fejlene", men "intet at bedømme".

Hvornår er et gratis værktøj ikke nok?

Billeder før og efter optimering: tomme alt- og tunge JPG-filer versus beskrivelser, WebP, specificerede dimensioner og srcset

Det tager ti minutter at rette alt-teksten på en enkelt side. Men hvis butikken har fem tusind produkter, er det umuligt at gøre det manuelt. Du har brug for en specialist, hvis:

  • alt skal genereres automatisk ud fra navn, farve og vinkel for hele kataloget;
  • billeder indlæses fra kameraet uden komprimering, og en automatisk pipeline er nødvendig: komprimering, WebP, flere størrelser;
  • Hjemmesidetemaet viser billeder uden bredde, højde og srcset, og skabelonen skal rettes;
  • Vil du have trafik fra Google Billeder til produktforespørgsler?

Hvad kan jeg gøre for din hjemmeside?

Jeg er Valeriy Danyuk, en udvikler og SEO-specialist med 12 års erfaring og over 200 kunder, herunder adskillige onlinebutikker med tusindvis af fotos.

SEO og revision

Butikker og kataloger

Regnskab og automatisering

Send mig et link til produktkortet i Telegram – jeg fortæller dig, hvor meget du kan vinde, baseret på billederne.

Resultat

  1. Online SEO-billedtjekkeren analyserer op til 100 billeder på en side og tildeler en score fra 0 til 100 sammen med kommentarer til hvert billede.
  2. Flest point gives til alt- og bredde/højde-dimensioner, efterfulgt af lazy loading, WebP/AVIF og srcset.
  3. Hovedbilledet behøver ikke lazy loading - det skal have fetchpriority="high".
  4. For store kataloger automatiseres fotobehandlingen – eller der vælges en platform, hvor dette allerede er gjort, for eksempel 1001site.

Tjek din hjemmesides tungeste side med den gratis Image SEO Checker – start med alt.

Kilder

  • PromoPilots side om billed-SEO-tjekker - kontroller, evalueringsregler, begrænsninger og ofte stillede spørgsmål.
  • Google Søgecentral - Billedanbefalinger til søgning.
  • Google PageSpeed Insights og Squoosh - Funktionsbeskrivelser.

Referencer og kilder

Spørgsmål og svar

Hvorfor er alt-tags vigtige for SEO?

Alt-tekst beskriver billedet for søgemaskiner og skærmlæsere for blinde. Google Billeder bruger alt-tekst til rangering, og på siden hjælper den med at forklare billedets indhold. Dekorative elementer kan efterlades med et tomt alt="".

Hvordan påvirker billedstørrelsen Core Web Vitals?

Store billeder forsinker LCP'en – gengivelsestiden for det største element på den første skærm, hvilket ofte er et foto. Moderne WebP- og AVIF-formater, komprimering, korrekte dimensioner og srcset hjælper alle, ligesom det at undgå lazy loading og indstille en høj indlæsningsprioritet for hovedbilledet.

Kontrollerer værktøjet filvægten?

Nej. Værktøjet downloader ikke billeder, så det estimerer ikke filstørrelsen; det bestemmer formatet baseret på filtypenavnet. For at finde ud af størrelsen på billeder og hele siden skal du bruge Page Speed Analysis eller PageSpeed Insights.

Vi har tjekket hjemmesiden, men der er ingen til at reparere den?

Dette gratis værktøj afslører problemer. Jeg analyserer rapporten, prioriterer og retter dem: SEO-revision, hastighedsforøgelse, markup og migrering til et nyt websted uden at miste placeringer.