Kuvien optimointi hakukoneita varten on yksi helpoimmista tavoista parantaa sivuston näkyvyyttä, nopeutta ja käyttäjäkokemusta yhdellä kertaa. Silti se jää yllättävän usein tekemättä — tai tehdään puolivillaisesti. Tämä artikkeli käy läpi konkreettiset askeleet, joilla saat kuvat palvelemaan sekä Googlea että sivuston kävijöitä.
Olen nähnyt kymmeniä yrityssivustoja, joissa kaikki muu on kohdallaan — rakenne, tekstit, nopeus — mutta kuvat on nimetty muodossa IMG_20240312.jpg ilman alt-tekstiä, ja tiedostokoko on 3 megatavua. Se on kuin rakentaisi hienon liiketilan ja unohtaisi ikkunateippaukset.
Miksi kuvien optimointi on tärkeää hakukoneille?
Google ei ”näe” kuvia samalla tavalla kuin ihminen. Hakukone päättelee kuvan sisällön tiedostonimestä, alt-tekstistä ja ympäröivästä tekstistä. Jos nämä puuttuvat tai ovat epämääräisiä, kuva on hakukoneelle käytännössä näkymätön.
Samalla kuvat ovat usein sivuston raskain elementti. Optimoimattomat kuvat hidastavat sivuston latausaikaa merkittävästi, mikä vaikuttaa suoraan sekä hakusijoituksiin että siihen, jääkö kävijä sivulle vai painaako hän takaisin.
Kolmas ulottuvuus on saavutettavuus. Alt-teksti palvelee ruudunlukuohjelmia käyttäviä kävijöitä ja toimii varatekstinä, jos kuva ei jostain syystä lataudu. Tämä ei ole pelkkä bonus — monilla toimialoilla se on käytännössä vaatimus.
Oikea tiedostomuoto ratkaisee pohjan
Ensimmäinen päätös on tiedostomuoto. Väärä valinta voi moninkertaistaa tiedostokoon ilman näkyvää laatueroa.
WebP on tällä hetkellä paras yleisvalinta. Se yhdistää pienen tiedostokoon ja hyvän laadun, ja selaintuki on käytännössä kattava. Jos et ole vielä siirtynyt WebP-muotoon, se on helpoin yksittäinen parannus jonka voit tehdä.
JPEG toimii edelleen valokuvissa, mutta WebP on lähes aina pienempi samalla laadulla. PNG on perusteltu silloin, kun tarvitset läpinäkyvyyttä tai terävää grafiikkaa. SVG on ehdoton valinta logoille ja ikoneille — se on skaalautuva eikä pikselöidy missään koossa.
Yleinen myytti on, että PNG olisi aina ”laadukkaampi” kuin JPEG tai WebP. Todellisuudessa PNG-muoto on suunniteltu grafiikkaan, ei valokuviin. Valokuva PNG-muodossa on helposti 5–10 kertaa suurempi kuin WebP — ilman näkyvää eroa laadussa.
Tiedostonimi kertoo hakukoneelle sisällön
Tiedostonimi on ensimmäinen signaali, jonka hakukone saa kuvasta. punainen-talvitakki-naisille.jpg kertoo paljon enemmän kuin DSC_4521.jpg.
Käytä pieniä kirjaimia ja väliviivoja sanojen välissä. Sisällytä luonteva avainsana, mutta älä täytä nimeä avainsanoilla. Yksi tai kaksi kuvaavaa sanaa riittää hyvin.
Tämä on yksi niistä asioista, jotka kannattaa tehdä oikein heti alusta — tiedostonimen vaihtaminen jälkikäteen tarkoittaa URL-muutosta, ja se voi hetkellisesti pudottaa kuvan pois hakutuloksista.
Alt-teksti on kuvan tärkein SEO-elementti
Alt-teksti on yksittäisistä optimointitoimista vaikuttavin. Se kertoo hakukoneelle mitä kuvassa on, ja samalla palvelee saavutettavuutta.
Hyvä alt-teksti on lyhyt, kuvaava ja luonnollinen. Esimerkiksi: ”Punainen naisten talvitakki lumisessa metsämaisemassa”. Huono alt-teksti on avainsanalistaus: ”takki, talvitakki, punainen takki, naisten takki, talvi”.
Muutama käytännön sääntö: kirjoita alt kuin kuvailisit kuvaa jollekulle puhelimessa. Sisällytä pääavainsana, jos se sopii luontevasti. Pidä pituus noin 5–15 sanassa. Dekoratiivisille kuville (koristekuviot, erotinviivat) voi jättää tyhjän alt-attribuutin.
Pakkaa kuvat — mutta älä liikaa
Nyrkkisääntö on, että yksittäinen kuva ei saisi olla yli 200 kilotavua, ellei sille ole erityistä syytä. Monissa tapauksissa pääsee alle sataan kilotavuun ilman silmin havaittavaa laadun heikkenemistä.
WordPressissä tämä hoituu kätevästi lisäosilla, jotka pakkaavat kuvat automaattisesti latausvaiheessa. Palvelinpuolen ratkaisut kuten ImageMagick tai cwebp-komentorivityökalu ovat vaihtoehto, jos haluat hallita prosessia tarkemmin.
Tavoitteena on löytää tasapaino: kuvan pitää näyttää hyvältä, mutta jokainen turha kilotavu on pois sivuston nopeudesta.
Responsiivisuus ja laiska lataus
Mobiililaitteet muodostavat valtaosan verkkoliikenteestä, mutta kännykän ei tarvitse ladata samaa 2000 pikselin kuvaa kuin pöytäkoneella. srcset– ja sizes-attribuutit kertovat selaimelle, minkä kokoisen version kuvasta ladata. Tämä on olennainen osa responsiivista sivustoa.
Laiska lataus (lazy loading) tarkoittaa, että kuvat latautuvat vasta kun ne tulevat käyttäjän näkökentään. Tämä nopeuttaa erityisesti ensimmäisen näkymän latautumista. WordPress tukee tätä oletuksena uudemmissa versioissa, mutta kannattaa varmistaa, ettei sankarikuva (hero image) ole lazy-ladattu — se pitää ladata heti.
Kuvien optimointi ja Core Web Vitals
Kuvilla on suuri vaikutus Core Web Vitals -mittareihin, joita Google käyttää sivuston laadun arvioinnissa.
LCP (Largest Contentful Paint) mittaa, kuinka nopeasti sivun pääsisältö ilmestyy näkyviin. Usein tämä elementti on juuri kuva. Pakkaa sankarikuva tehokkaasti ja harkitse preload-vihjettä, jotta selain hakee sen mahdollisimman aikaisin.
CLS (Cumulative Layout Shift) mittaa sivun ”hyppimistä”. Jos kuvilla ei ole määriteltyä leveyttä ja korkeutta, sivu siirtyilee kuvien latautuessa. Tämä korjautuu lisäämällä width- ja height-attribuutit tai käyttämällä CSS:n aspect-ratiota.
Tarkistuslista kuvien optimointiin
Tee jokaisesta kuvasta rutiini: valitse oikea formaatti (WebP ensisijaisesti), pakkaa alle 200 kt, nimeä kuvaavasti pienillä kirjaimilla ja väliviivoilla, kirjoita informatiivinen alt-teksti, määritä leveys ja korkeus, ja varmista responsiivisuus srcset-attribuutilla. Jos sivustolla on paljon kuvia, tarkista myös että SEO-lisäosa sisällyttää kuvat XML-sivukarttaan.
Usein kysytyt kysymykset
Mikä on tärkein yksittäinen asia kuvien hakukoneoptimoinnissa?
Alt-teksti. Se on ensisijainen tapa, jolla hakukone ymmärtää kuvan sisällön. Ilman alt-tekstiä kuva on hakukoneelle käytännössä näkymätön, ja samalla menetät mahdollisuuden näkyä kuvahaussa.
Pitääkö kaikki vanhat kuvat optimoida uudelleen?
Ei välttämättä kerralla, mutta aloita tärkeimmistä sivuista — etusivu, palvelusivu, eniten liikennettä saavat artikkelit. WordPress-lisäosat voivat pakkaa olemassa olevia kuvia massana, mutta alt-tekstit ja tiedostonimet vaativat käsityötä.
Vaikuttaako kuvien optimointi hakusijoituksiin suoraan?
Kyllä, mutta epäsuorasti. Kuvien optimointi parantaa sivuston nopeutta ja Core Web Vitals -arvoja, jotka ovat Googlen ranking-signaaleja. Lisäksi optimoidut kuvat voivat tuoda liikennettä Google-kuvahaun kautta — ja tämä on monen yrityssivuston laiminlyömä liikennekanava.
Yhteenveto
Kuvien optimointi hakukoneita varten ei ole rakettitiedettä, mutta se vaatii systemaattista otetta. Kun teet oikean formaatin valinnasta, nimeämisestä, alt-tekstien kirjoittamisesta ja responsiivisuuden varmistamisesta rutiinin, tulokset näkyvät nopeampana sivustona, parempina hakusijoituksina ja uutena liikenteenä kuvahausta. Aloita tärkeimmistä sivuista ja laajenna siitä — pienetkin parannukset kertautuvat ajan kanssa.