Kuvien optimointi on yksi nopeimmista ja tehokkaimmista tavoista parantaa sivuston näkyvyyttä ja käyttäjäkokemusta. Oikein optimoidut kuvat latautuvat nopeasti, nousevat Googlen kuvahakuun ja tukevat sivun hakukonesijoituksia.
1. Miksi kuvien SEO on tärkeää?
Kuvat vaikuttavat suoraan:
- sivun nopeuteen
- Googlen ymmärrykseen sisällöstä
- käyttäjäkokemukseen
- mobiilikäyttöön
- hakusijoituksiin
- konversioihin
Hitaat ja väärin nimetyt kuvat voivat laskea sivun sijoituksia — mutta hyvin optimoidut kuvat voivat nostaa niitä yllättävän paljon.
2. Anna kuville oikea tiedostonimi
Tiedostonimen tulee kertoa, mitä kuvassa on.
Älä koskaan käytä kameran oletusnimiä kuten:
IMG_2025.jpg
DSC_1002.png
Käytä kuvaavia, avainsanoihin perustuvia nimiä:
ilmalampopumpun-asennus.jpg
kampaamo-helsinki-sisustus.jpg
putkiremontti-esimerkki.jpg
Google lukee nämä — ja kuvat voivat nousta kuvahakuun.
3. Lisää alt-tekstit (alt attributes)
Alt-teksti:
- kertoo Googlen botille, mitä kuvassa näkyy
- auttaa näkörajoitteisia käyttäjiä
- näkyy, jos kuva ei lataudu
- on tärkein kuvan ranking-signaali
Hyvä alt-teksti:
- kuvaileva
- sisältää avainsanan luonnollisesti
- ei avainsanaspämmiä
Esimerkki hyvästä alt-tekstistä:
"Ilmalämpöpumpun asennus rivitaloon Helsingissä"
4. Valitse oikea tiedostomuoto
JPEG:
Paras valinta valokuville — pieni koko, hyvä laatu.
PNG:
Parempi grafiikoille, logoille ja kuville, joissa on läpinäkyvyys.
WEBP:
Uusin ja tehokkain formaatti:
- pienempi koko
- nopeampi lataus
- parempi Google PageSpeed -tulos
Suositus: Käytä WEBP aina kun mahdollista.
5. Pienennä kuvien tiedostokoko (ilman laadun menetystä)
Sopiva koko useimmille kuville:
- verkkosivuilla 100–200 KB
- taustakuvat max 300–500 KB
- hero-kuvat max 500–800 KB
Pienennä kuvat esim.:
- TinyPNG
- Squoosh
- ImageOptim
- Photoshopin ”Save for Web”
Kevyet kuvat = nopeampi sivu = paremmat sijoitukset.
6. Käytä oikeaa kuvaresoluutiota
Älä lataa 5000 px kuvia, jos kuva näytetään 1200 px leveänä.
Suositukset:
- Hero-kuvat: 1600–2000 px
- Sisältökuvat: 800–1200 px
- Thumbnails: 200–400 px
Google palkitsee sivuja, joissa kuvat ovat optimoitu oikeaan kokoon.
7. Hyödynnä modernit lataustekniikat (lazy loading)
Lazy loading = kuva ladataan vasta silloin, kun käyttäjä skrollaa sen kohdalle.
Lisää HTML:ään:
loading="lazy"
Esimerkiksi:
<img src="palvelukuva.webp" alt="Sähköauton latausaseman asennus" loading="lazy">
Tämä nopeuttaa sivun ensimmäistä latausta huomattavasti.
8. Optimoi kuvat myös Google Kuvahakua varten
Google Image Search voi tuoda paljon liikennettä — etenkin:
- verkkokaupoille
- ravintoloille
- kauneus- ja hyvinvointialoille
- mihin tahansa visuaaliseen palveluun
Kuvahakua varten:
- käytä avainsanoja alt-teksteissä
- lisää tekstiä kuvan ympärille
- käytä kuvien otsikoita (title attribute)
- käytä kuvakokoja, jotka Google tunnistaa selkeästi
9. Lisää kuville kuvatekstit (jos tarpeen)
Kuvateksti:
- antaa lisää kontekstia
- parantaa ymmärrettävyyttä
- lisää käyttäjän sivullaoloaikaa
- toimii minisisältönä blogeissa
Kuvatekstit voivat myös sisältää avainsanoja luonnollisesti.
10. Varmista, että kuvat tukevat sisältöä (ei vain täytettä)
Google tunnistaa kuvat tekoälyllä:
se "näkee", mitä niissä on.
Siksi kuvan tulee oikeasti liittyä aiheeseen.
Huono esimerkki:
Yleinen kuvapankkikuva blogissa.
Hyvä esimerkki:
Oikea valokuva projektista tai palvelusta → E-E-A-T vahvistuu.
11. Käytä kuville structured data -merkintöjä (jos relevanttia)
Erityisesti:
- tuotekuvat
- reseptikuvat
- videoiden thumbnailit
JSON-LD -merkinnät auttavat Googlea ymmärtämään kuvan tarkoituksen paremmin.
Yhteenveto
Kuvien SEO paranee, kun:
- tiedostonimi on kuvaava
- alt-teksti kertoo, mitä kuvassa on
- kuvakoko ja muoto on optimoitu
- kuvat latautuvat nopeasti
- lazy loading on käytössä
- kuvat tukevat sisältöä aidosti
Hyvin optimoidut kuvat tuovat:
- nopeamman sivun
- paremman käyttökokemuksen
- paremman Google-näkyvyyden
- liikennettä myös kuvahausta
- vahvemman E-E-A-T-signaalin
Kuvien optimointi on pieni työ, mutta SEO-hyöty voi olla merkittävä.