Lyhyt vastaus: tarkistaaksesi sivun kuvien hakukoneoptimoinnin, liitä niiden URL-osoite PromoPilotin ilmaiseen SEO Image Checker -työkaluun. Työkalu analysoi jopa 100 <img> -tagia: onko niissä alt-tagia, onko loading="lazy" asetettu, onko leveys ja korkeus asetettu, käytetäänkö WebP-, AVIF- tai SVG-muotoa ja onko srcset-tiedostoa. Tuloksena on pisteytys väliltä 0–100 ja kommentit jokaisesta kuvasta. Alta löydät, miten pisteytys lasketaan, mitä korjataan ensin ja mitä työkalu ei näe.
Olen rakentanut verkkosivustoja ja kauppoja 12 vuotta, ja kuvat ovat lähes jokaisen niistä suurin pullonkaula. Tyypillinen tuotekortti: viisi 3 Mt:n kuvaa suoraan kamerasta, tyhjä alt-teksti ja tiedostonimi on IMG_4512.jpg.
Mitä kuvan SEO-tarkistus tarkistaa?
Työkalu tarkastelee sivun jokaista kuvaa viiden kriteerin perusteella ja laskee ne yhteen muodostaakseen kokonaispistemäärän.
| Mitä se tarkistaa? | Mitä hän katsoo? | Miksi tämä on tärkeää hakukoneoptimoinnille ja liiketoiminnalle? |
|---|---|---|
| Vaihtoehto | Onko jokaiselle <img> | Google Images sijoittuu alt-arvon mukaan; esteettömyys sokeille |
| Laiska lataus | loading="lazy" -attribuuttia käytetään ensimmäisen näytön alapuolella oleviin kuviin. | Sivu ei lataa mitään, mihin kävijä ei ole vielä vierittänyt. |
| Leveys ja korkeus | Onko mitat määritetty tagin attribuuteissa? | Lohkot eivät "hyppää" latautuessaan - tämä on CLS-mittari |
| Muoto | WebP, AVIF tai SVG tiedostopäätteen mukaan | Nykyaikaiset tiedostomuodot ovat huomattavasti pienempiä kuin JPG ja PNG. |
| Srcset | Onko kuvavaihtoehtoja eri näytöille? | Puhelin vastaanottaa pienen tiedoston, ei näyttöversiota. |
Jokainen kuva saa kommenttilistan, ja sivu saa lopullisen pistemäärän. Tämä on kätevää: näet paitsi mikä on vialla, myös missä kuvassa on vika.
Miten verkkosivustolla olevia kuvia voi tarkistaa verkossa?
- Avaa kuvan SEO-tarkistin.
- Lisää sivun osoite, mieluiten sellainen, jossa on paljon kuvia: tuotekortti, kategoria, blogiartikkeli, portfolio.
- Napsauta "Tarkista" ja odota, kunnes kaikki kuvat on skannattu.
- Näytä kunkin kuvan arvio ja kommenttiluettelo.
- Korjaa ongelmat ja tarkista sivu uudelleen.
Työkalusivu näyttää tältä: osoitekenttä, tarkistuslista ja usein kysytyt kysymykset.
Miten luokitus lasketaan ja mitä pitäisi korjata ensin?
Arvosana alkaa 100 pisteestä, ja jokaisesta ongelmasta vähennetään rangaistuksia riippuen siitä, kuinka suuri osa sivun kuvista ei läpäise sitä. Säännöt tuntemalla on helppo selvittää, mikä antaa suurimman sysäyksen.
| Tutkimus | Hieno | Kommentti |
|---|---|---|
| Vaihtoehto | Alle 50 % kuvista, joissa on alt — -30; alle 80 % — -15; alle 100 % — -5 | Merkittävin kohta |
| Laiska lataus | alle 50 % - −15; alle 80 % - −8 | Kolmea ensimmäistä kuvaa ei ole otettu huomioon |
| Leveys ja korkeus | alle 50 % - −15; alle 80 % - −8 | Vain CSS:ssä olevia ulottuvuuksia ei oteta huomioon. |
| WebP, AVIF tai SVG | alle 30 % - -10 | Muodon määrää tiedostopääte |
| Srcset rasterikuville | alle 30 % - 10 | SVG ei tarvitse srcset-arvoa |
Tässä on työmääräykseni:
- Vaihtoehto. Kallein ja helpoin korjata. Kirjoita mitä näkyy:
alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", eialt="рюкзак купить дёшево рюкзак". Koriste-elementeille käytä tyhjääalt="". - Leveys ja korkeus. Määritä todelliset mitat attribuuteissa ja lisää CSS:
img { max-width: 100%; height: auto; }– kuva pysyy responsiivisena ja asettelun hyppiminen loppuu. - Laiska lataus koskee kaikkea sivun alapuolella olevaa sisältöä. Se on kuitenkin haitallista pääkuvalle: se on ladattava välittömästi ja prioriteetin mukaisesti.
- WebP tai AVIF. WordPress on tukenut WebP-latauksia versiosta 5.8 lähtien ja AVIF-latauksia versiosta 6.5 lähtien.
- Srcset suurille kuville, jotta puhelin ei lataa näyttöversiota.
Esimerkki oikeanlaisesta pääkuvasta ja mukautuvasta valokuvasta tekstissä:
<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">Miten kirjoittaa hyvä alt-tagi kuvalle?
Alt-tunniste on arvioinnin tärkein elementti, ja juuri siinä tehdään useimmiten virheitä: se joko jätetään tyhjäksi tai täytetään avainsanoilla. Yksinkertainen sääntö: kuvaile kuvaa yhdessä lauseessa jollekulle, joka ei näe sitä.
| Kuva | Huono vaihtoehto | Hyvä vaihtoehto |
|---|---|---|
| Tuotekuva | рюкзак купить рюкзак недорого | Кожаный рюкзак Nord 20 л, коричневый, вид спереди |
| Joukkuekuva | photo1 | Мастера мастерской Nord за работой над сумкой |
| Kaavio tai kaavio | график | Рост заказов с сайта по месяцам: с 40 до 120 в месяц |
| Koristeellinen kuvake | иконка | tyhjä alt="" — sitä ei tarvitse lukea |
Katalogille on kätevää luoda alt-tageja käyttämällä mallia: tuotteen nimi + väri tai versio + kulma. Tällä tavoin viidellä valokuvalla yhdellä kortilla on viisi erilaista, hyödyllistä kuvausta viiden identtisen sijaan.
Tiedoston nimellä on myös merkitystä: kozhanyj-ryukzak-nord-korichnevyj.webp on parempi kuin IMG_4512.jpg. Vanhoja tiedostoja ei kannata nimetä uudelleen vain tätä varten, vaan lataa uusia kuvaavilla nimillä.
Vertailu: Kuvan SEO-tarkistin ja vaihtoehdot
| Työkalu | Mikä on ilmaista? | Rajoitukset | Kenelle se sopii? |
|---|---|---|---|
| PromoPilot — Kuvien SEO-tarkistin | Alt, laiska lataus, leveys/korkeus, muodot, srcset; luokitus 0–100 ja kommentit jokaiselle kuvalle | Jopa 100 kuvaa, tiedostokokoa ei ole arvioitu | Jäsennä kuvia nopeasti miltä tahansa sivulta |
| Google PageSpeed Insights | Kuvien auditoinnit osana nopeustestiä: muoto, koko, laiska lataus | Kymmenien muiden tarkistusten lisäksi alt tuskin ymmärtää | Kuvien vaikutuksen arviointi nopeuteen |
| Squoosh | Yhden kuvan pakkaaminen ja muuntaminen selaimessa | Ei tarkista sivua, toimii tiedostojen kanssa | Yksittäisten kuvien valmistelu |
| Kirkuva sammakko SEO-hämähäkki | Luettelo kuvista ilman alt-tekstiä koko sivustolla | Asennus vaaditaan, ilmaisversiossa on osoitteiden määrä rajattu | Vaihtoehtoisten ominaisuuksien tarkastus sadoilla sivuilla |
Johtopäätös: Verkkotarkistusohjelma näyttää, mikä tietyn sivun kuvissa on vikana, PageSpeed näyttää, kuinka paljon se maksaa nopeudessa, ja Squoosh tai muunnin auttaa korjaamaan itse tiedostot.
PromoPilotilla on 87 ilmaista SEO-työkalua, mukaan lukien kuvanpakkaustyökalu ja WebP-muunnin, jotka toimivat suoraan selaimessa lataamatta tiedostoja palvelimelle. Ymmärtääksesi sivun kokonaiskoon, tutustu artikkeliimme sivun latausnopeusanalyysisarjassamme.
Mitä kuvanvahvistus ei näe?
Ollaanpa rehellisiä työkalun rajoituksista – on tärkeää tuntea ne, jotta arvio voidaan tulkita oikein:
- Tiedostokokoa ei oteta huomioon — kuvia ei ladata; muoto määräytyy tiedostopäätteen mukaan.
-
<picture>-tagia ei jäsennetä: JPG-tiedosto<img>-tagissa merkitään, vaikka sen vieressä olevassa<source>-tagissa olisi AVIF tai WebP. - CSS-taustakuvia ja JavaScriptin lisäämiä kuvia ei sisällytetä raporttiin.
- Vain CSS:ssä määritettyjä mittoja ei oteta huomioon.
- Sivu, jossa ei ole yhtäkään
<img>-elementtiä, saa 50 pistettä – tämä ei ole "puolet virheistä", vaan "ei mitään arvioitavaa".
Milloin ilmainen työkalu ei riitä?
Yhden sivun alt-tekstin korjaaminen vie kymmenen minuuttia. Mutta jos kaupassa on viisituhatta tuotetta, sitä on mahdotonta tehdä manuaalisesti. Tarvitset asiantuntijan, jos:
- alt-merkinnän tulisi generoitua automaattisesti koko luettelon nimen, värin ja kulman perusteella;
- kuvat ladataan kamerasta ilman pakkausta, ja tarvitaan automaattinen käsittelyprosessi: pakkaus, WebP, useita kokoja;
- Verkkosivuston teema näyttää kuvia ilman leveyttä, korkeutta ja lähdekoodia (srcset), ja mallipohjaa on korjattava;
- Haluatko saada liikennettä Google Kuvahausta tuotekyselyihin?
Mitä voin tehdä verkkosivustollesi?
Olen Valeriy Danyuk, kehittäjä ja SEO-asiantuntija, jolla on 12 vuoden kokemus ja yli 200 asiakasta, mukaan lukien lukuisia verkkokauppoja tuhansine valokuvineen.
SEO ja auditointi
- Avaimet käteen -verkkosivuston SEO-auditointi: Tarkistan koko sivuston kuvat, määritän automaattisen muuntamisen ja alt-tekstin malleihin.
- Tekoälyllä toimiva SEO-blogi, joka tuo orgaanisia asiakkaita — näyttää automaattisesti alt- ja WebP-kuvia jokaiselle artikkelille.
Myymälät ja luettelot
- 300 tuotteen luettelo vain muutamassa minuutissa MCP ja Claude kautta – kuvauksineen ja valokuvineen jokaisesta tuotteesta.
- Verkkokauppa WooCommerce, jossa on asianmukainen kuvankäsittely.
- Kaupan siirtäminen Instagram verkkosivustolle — tuotekuvat ja -kuvaukset siirtyvät mukana.
- Tuotteet, valokuvat ja tekstit voidaan siirtää 1001site sivustolle vanhan verkkosivustosi tai sosiaalisen median linkin kautta.
Kirjanpito ja automaatio
- Kirjanpito + laskutus + myymälä 30 000 tuotteelle.
- Telegram botti tekoälyllä verkkokastikekauppaa varten.
Lähetä minulle linkki tuotekorttiin Telegram – kerron kuvien perusteella, kuinka paljon voit voittaa.
Tulos
- Verkkopohjainen SEO-kuvantarkistin analysoi jopa 100 kuvaa sivulla ja antaa niille pistemäärän 0–100 sekä kommentit jokaiselle.
- Eniten pisteitä annetaan alt- ja leveys-/korkeusmitoille, seuraavaksi eniten pisteitä saavat laiska lataus, WebP/AVIF ja srcset.
- Pääkuvan ei tarvitse latautua laiskasti - se tarvitsee
fetchpriority="high". - Suurissa luetteloissa valokuvien käsittely automatisoidaan – tai valitaan alusta, jossa tämä on jo tehty, esimerkiksi 1001site.
Tarkista sivustosi painavin sivu ilmaisella Image SEO Checkerillä — aloita alt-elementistä.
Lähteet
- PromoPilotin kuvan SEO-tarkistussivu - tarkastukset, arviointisäännöt, rajoitukset ja usein kysytyt kysymykset.
- Google Search Central - Kuvasuositukset hakuun.
- Google PageSpeed Insights ja Squoosh - Ominaisuuksien kuvaukset.
