Kuvat eivät ole vain sivuston koriste. Oikein optimoituna ne parantavat näkyvyyttä Googlessa, nopeuttavat sivustoa ja voivat tuoda kävijöitä myös kuvahaun kautta. Väärin tehtynä — tai tekemättä jätettynä — ne jäävät hakukoneelle näkymättömiksi ja pahimmillaan hidastavat koko sivustoa.
Kuvien hakukoneoptimointi on yksi hakukoneoptimoinnin helpoimmista osa-alueista, ja silti yksi useimmin laiminlyödyistä. Suuri osa verkkosivujen kuvista on nimetty kameran automaattinimillä, ladattu pakkaamattomina ja jätetty ilman alt-tekstiä. Jokainen näistä on hukattu mahdollisuus, mutta samalla taas helppo korjata.
Tässä oppaassa käydään läpi, mitä kuvien hakukoneoptimointi käytännössä tarkoittaa ja miten kuvat optimoidaan vaihe vaiheelta: tiedostonimistä ja alt-teksteistä kuvien pakkaukseen ja oikeaan tiedostomuotoon. Mukana on myös ilmaiset työkalut, joilla pääset heti alkuun.
Mitä kuvien hakukoneoptimointi tarkoittaa?
Kuvien hakukoneoptimointi tarkoittaa kuvien valmistelua niin, että hakukone ymmärtää mitä ne esittävät, ja niin, etteivät ne hidasta sivustoa. Google ei näe kuvaa samalla tavalla kuin ihminen — se lukee tekstiä. Siksi kuvan tiedostonimi, alt-teksti ja asiayhteys ympäröivän sisällön kanssa ovat ne signaalit, joiden perusteella hakukone päättelee, mistä kuvassa on kyse ja mihin hakuihin se liittyy.
Käytännössä kuvien optimointi rakentuu kahdesta puolesta, jotka molemmat vaikuttavat näkyvyyteen. Ensimmäinen on ymmärrettävyys: tiedostonimi ja alt-teksti kertovat hakukoneelle kuvan sisällön, ja hyvin nimetty kuva voi nousta esiin Googlen kuvahaussa — ja yhä useammin myös tekoälyn tuottamissa hakuvastauksissa. Toinen on nopeus: kuvat ovat usein sivuston raskain osa, ja liian suuret tiedostot hidastavat sivuston latautumista. Ja koska sivuston nopeus on Googlelle ranking-tekijä, kuvien pakkaus vaikuttaa suoraan sijoituksiin.
Näistä syntyy kuvien optimoinnin arvo. Se ei vaadi teknistä erikoisosaamista eikä vie paljon aikaa, mutta se tekee kuvista löydettäviä, nopeuttaa sivustoa ja parantaa saavutettavuutta — kolme asiaa, jotka kaikki tukevat näkyvyyttä. Harva yksittäinen toimenpide tuo yhtä paljon hyötyä yhtä pienellä vaivalla.
Miksi kuvien optimointi kannattaa?
Kuvien optimointi vaikuttaa näkyvyyteen kolmella tavalla, jotka kaikki tukevat toisiaan. Se ei ole vain tekninen yksityiskohta, vaan yksi konkreettisimmista tavoista parantaa sivuston löydettävyyttä ja käyttökokemusta samalla kertaa.
Näkyvyys Googlen kuvahaussa
Google-haku ei rajoitu tekstituloksiin. Kuvahaku on oma väylänsä, jonka kautta ihmiset etsivät tuotteita, palveluita, ideoita ja tietoa — ja jonka kautta voi löytää sivustollesi kävijöitä, jotka eivät ehkä olisi löytäneet perinteisen haun kautta. Kun kuvasi on nimetty ja kuvailtu oikein, se voi nousta kuvahaun tuloksiin ja ohjata lukijan sivullesi.
Tämä korostuu erityisen paljon aloilla, joilla visuaalisuus on keskeistä: verkkokaupoissa, matkailussa, sisustuksessa, ruoassa, valokuvauksessa. Jos myyt tai esittelet jotain, mitä ihmiset etsivät kuvien kautta, optimoidut kuvat ovat suora reitti näkyvyyteen. Ja yhä useammin sama pätee tekoälyn tuottamiin vastauksiin, jotka nekin nojaavat siihen, että kuvan sisältö on hakukoneen ymmärrettävissä.
Nopeampi sivusto – ja parempi sijoitus
Kuvat ovat useimmiten sivuston raskain osa. Yksi pakkaamaton valokuva voi olla useita megatavuja, ja jos sivulla on niitä monta, latautuminen hidastuu — joskus sekunneilla. Se on ongelma kahdesta syystä.
Ensinnäkin sivuston nopeus on Googlelle ranking-tekijä. Hidas sivu sijoittuu heikommin, koska Google haluaa tarjota käyttäjilleen sivuja, jotka latautuvat sujuvasti. Toiseksi hitaus karkottaa kävijät: tutkimusten mukaan suuri osa käyttäjistä poistuu sivulta, joka ei lataudu muutamassa sekunnissa. Menetät siis sekä sijoituksia että kävijöitä, ja molemmat korjautuvat samalla toimenpiteellä, kuvien pakkauksella.
Saavutettavuus ja käyttökokemus
Kuvien optimoinnilla on myös puoli, joka ei liity suoraan hakukoneisiin mutta jota Google arvostaa: saavutettavuus. Alt-teksti, joka kuvaa kuvan sisällön, luetaan ääneen ruudunlukijoilla — se on se, miten näkörajoitteinen käyttäjä ”näkee” kuvasi. Kun kirjoitat alt-tekstin huolella, teet sivustostasi käytettävän kaikille, ja samalla annat hakukoneelle juuri sen tiedon, jota se tarvitsee.
Tässä on hyvä esimerkki siitä, miten hyvä hakukoneoptimointi ja hyvä käyttökokemus kulkevat käsi kädessä. Sama työ, joka auttaa hakukonetta ymmärtämään kuvan, auttaa myös ihmistä, joka ei sitä näe. Ei tarvitse valita kumpaa palvelet, oikein tehtynä palvelet molempia.
Kuvatiedoston nimi – ensimmäinen ja helpoin askel
Kuvien optimointi kannattaa aloittaa siitä, mikä on helpointa ja jää useimmiten tekemättä: tiedostonimestä. Kun lataat kuvan suoraan kamerasta tai puhelimesta, sen nimi on tyypillisesti jotain tämän kaltaista: IMG_4827.jpg. Se ei kerro hakukoneelle yhtään mitään siitä, mitä kuvassa on.
Google lukee kuvatiedoston nimen ja käyttää sitä yhtenä vihjeenä kuvan sisällöstä. Kuvaava tiedostonimi on siis ilmainen tilaisuus kertoa hakukoneelle, mihin kuva liittyy.
Näin nimeät kuvatiedoston oikein
Hyvä tiedostonimi kuvaa lyhyesti ja selkeästi, mitä kuvassa on. Vertaa näitä:
Huono: IMG_4827.jpg
Hyvä: krista-hakala-meio-oy.jpg
Ero on suuri. Jälkimmäinen kertoo sekä hakukoneelle että sinulle itsellesi, mitä kuva esittää — ja jos joku etsii kuvahausta juuri sitä, mitä kuvassa on, hyvin nimetyllä kuvalla on mahdollisuus löytyä.
Muutama yksinkertainen sääntö tekee nimeämisestä oikeaoppista:
Käytä kuvaavia sanoja, jotka kertovat kuvan sisällön. Sisällytä tarvittaessa luontevasti se hakusana, johon kuva liittyy — mutta älä ahda nimeä avainsanoilla, se ei auta. Erota sanat väliviivalla, ei alaviivalla tai välilyönnillä, koska hakukone lukee väliviivan sanojen erottimena. Käytä pelkkiä pieniä kirjaimia, ja vältä ääkkösiä (ä, ö, å) sekä erikoismerkkejä, ne voivat aiheuttaa ongelmia kuvan verkko-osoitteessa.
Pidä nimi lyhyenä ja ytimekkäänä; muutama kuvaava sana riittää.
Yleiset virheet tiedostonimissä
Yleisin virhe on jättää kameran automaattinimi paikoilleen. IMG_4827.jpg tai DSC00193.jpg ovat hakukoneelle tyhjää — ne eivät kerro mitään, ja niitä on verkko täynnä. Tämä on erityisen yleistä valokuvaajilla ja aloilla, joilla kuvia on paljon: sivusto voi olla täynnä upeita kuvia, jotka Google ei osaa yhdistää mihinkään, koska niiden nimet eivät kerro mitään.
Toinen tavallinen virhe on ääkkösten ja välilyöntien käyttö. ”Punainen kesämekko.jpg” näyttää siistiltä, mutta muuttuu verkko-osoitteessa sekavaksi merkkijonoksi, jossa ä ja välilyönti korvautuvat koodeilla. Pysy pienissä kirjaimissa ja väliviivoissa, niin osoite pysyy siistinä ja luettavana.
Kolmas virhe on ylioptimointi: nimi, johon on tungettu sama hakusana useaan kertaan tai lista avainsanoja peräkkäin. ”kesamekko-mekko-naisten-mekko-halpa-mekko.jpg” ei auta, vaan näyttää hakukoneelle epäluonnolliselta.
Kuvaava ja rehellinen nimi on aina parempi kuin avainsanoilla täytetty.
Alt-teksti – näin autat hakukonetta ymmärtämään kuvan
Alt-teksti on kuvien hakukoneoptimoinnin tärkein yksittäinen elementti. Se on lyhyt tekstikuvaus, joka kertoo mitä kuvassa on, ja se kirjoitetaan kuvan ”taakse” sivun koodiin. Käyttäjä ei näe sitä normaalisti, mutta kaksi tahoa lukee sen tarkasti: hakukone ja ruudunlukija.
Alt-tekstin merkitys perustuu siihen, ettei hakukone näe kuvaa. Se lukee tekstiä, ja alt-teksti on sen tärkein tapa ymmärtää, mitä kuva esittää ja mihin se liittyy. Ilman alt-tekstiä kuva on Googlelle käytännössä tyhjä. Sen kanssa kuva saa merkityksen, voi nousta kuvahaun tuloksiin ja auttaa hakukonetta hahmottamaan koko sivun aihepiirin paremmin.
Mikä alt-teksti on ja mihin se vaikuttaa
Alt-teksti eli vaihtoehtoinen teksti (englanniksi ”alternative text”) palvelee kolmea tarkoitusta samanaikaisesti. Se kertoo hakukoneelle kuvan sisällön, mikä parantaa sekä sivun että kuvan näkyvyyttä. Se toimii varatekstinä, joka näytetään, jos kuva ei jostain syystä lataudu. Ja se luetaan ääneen ruudunlukijalla, jolloin näkörajoitteinen käyttäjä saa tietää, mitä kuvassa on.
Nämä kolme eivät ole ristiriidassa keskenään, vaan sama hyvin kirjoitettu alt-teksti palvelee niitä kaikkia. Kun kuvailet kuvan selkeästi ja totuudenmukaisesti, autat yhtä aikaa hakukonetta, kävijää ja saavutettavuutta.
Näin kirjoitat hyvän alt-tekstin
Hyvä alt-teksti kuvaa kuvan sisällön selkeästi ja luonnollisella kielellä, aivan kuin selittäisit kuvan jollekulle, joka ei sitä näe. Vertaa:
Huono: ”kuva”
Parempi: ”nainen kävelee rannalla auringonlaskun aikaan”
Hyvä, kun kuva liittyy sivun aiheeseen: ”lyhytterapeutti vastaanotollaan Helsingissä”
Muutama periaate ohjaa kirjoittamista. Kuvaile sitä, mitä kuvassa oikeasti on, äläkä keksi mitään ylimääräistä. Sisällytä sivun aiheeseen liittyvä hakusana silloin, kun se sopii luontevasti, mutta älä pakota sitä mukaan. Pidä teksti ytimekkäänä, noin lauseen mittaisena, koska osa ruudunlukijoista katkaisee pidemmän tekstin. Ja vältä aloittamasta ilmaisulla ”kuva, jossa”, koska ruudunlukija kertoo jo valmiiksi kyseessä olevan kuvan.
Yksi asia kannattaa muistaa: kaikki kuvat eivät tarvitse alt-tekstiä. Puhtaasti koristeelliselle kuvalle, jolla ei ole sisällöllistä merkitystä, voi jättää alt-tekstin tyhjäksi, jolloin ruudunlukija ohittaa sen. Alt-teksti kirjoitetaan kuville, joilla on merkitystä sivun sisällön kannalta.
Alt-teksti ja saavutettavuus
Alt-teksti ei ole vain hakukoneita varten. Se on alun perin kehitetty saavutettavuutta varten, ja se on edelleen yksi tärkeimmistä keinoista tehdä sivustosta käytettävä myös näkörajoitteisille. Kun ruudunlukija kohtaa kuvan, se lukee alt-tekstin ääneen. Ilman sitä käyttäjä kuulee vain sanan ”kuva” tai tiedostonimen, mikä ei kerro mitään.
Tässä palataan siihen, mikä on kuvien optimoinnin ydin. Sama huolellisuus, joka auttaa hakukonetta, auttaa myös ihmistä. Kun kirjoitat alt-tekstin ajatuksella, et vain paranna näkyvyyttä, vaan teet sivustostasi paremman kaikille sen käyttäjille. Se on hyvää hakukoneoptimointia ja hyvää palvelua samassa teossa.
Kuvien koko ja pakkaus – nopeus on rankign-tekijä
Kuvatiedoston nimi ja alt-teksti auttavat hakukonetta ymmärtämään kuvan. Kuvien koko ja pakkaus vaikuttavat johonkin muuhun, mutta yhtä tärkeään asiaan: sivuston nopeuteen. Ja koska nopeus on Googlelle hakutekijä, kuvien pakkaus vaikuttaa suoraan siihen, miten sivustosi sijoittuu.
Miksi liian raskaat kuvat hidastavat sivustoa
Kuvat ovat useimmiten sivuston raskain osa. Kun otat valokuvan puhelimella ja lataat sen sellaisenaan sivustolle, tiedosto voi olla viidestä kymmeneen megatavua. Se on valtavasti enemmän kuin verkkosivulla tarvitaan, ja jos sivulla on useita tällaisia kuvia, latautuminen hidastuu tuntuvasti.
Hidas sivusto on ongelma kahdella tavalla. Kävijä turhautuu ja poistuu, usein jo ennen kuin sivu on latautunut loppuun. Ja Google huomaa hitauden, koska se mittaa sivujen latausnopeutta osana sijoituksen arviointia. Nopea sivusto palvelee siis sekä kävijää että hakukonetta, ja kuvien keventäminen on yksi tehokkaimmista tavoista nopeuttaa sivustoa.
Sopiva kuvakoko ja tiedostomuoto
Kuvan keventämisessä on kaksi vaihetta, ja ne kannattaa tehdä tässä järjestyksessä.
Ensimmäinen on kuvan mittojen pienentäminen. Kamerasta tuleva kuva voi olla tuhansia pikseleitä leveä, vaikka sivustolla se näytetään esimerkiksi 800 pikselin levyisenä. Kun skaalaat kuvan lähelle sitä kokoa, jossa se oikeasti näytetään, tiedostokoko putoaa merkittävästi ilman että laatu kärsii.
Toinen vaihe on tiedoston pakkaaminen ja oikean tiedostomuodon valinta. Kolme yleisintä muotoa toimivat eri tilanteissa. JPG sopii valokuville, joissa on paljon värejä ja sävyjä. PNG sopii kuviin, joissa tarvitaan läpinäkyvyyttä tai teräviä reunoja, kuten logoihin ja grafiikkaan. WebP on näistä uusin ja useimmiten paras valinta, ja käsittelen sen erikseen seuraavaksi.
Nyrkkisääntönä verkkosivun kuva kannattaa pyrkiä pitämään alle 200 kilotavun kokoisena, mieluiten sen alle. Se on murto-osa alkuperäisestä valokuvasta, ja ero latausnopeudessa on huomattava.
WebP – kevyempi kuva ilman laadun menetystä
WebP on Googlen kehittämä kuvamuoto, joka on suunniteltu nimenomaan verkkoa varten. Sen etu on yksinkertainen: se tuottaa selvästi pienemmän tiedostokoon kuin JPEG tai PNG, ilman että laatu näkyvästi kärsii. Sama kuva voi WebP-muodossa olla vain murto-osa alkuperäisen JPEG-tiedoston koosta.
Käytännössä tämä tarkoittaa nopeampaa sivustoa ilman että kuvien laadusta tarvitsee tinkiä. Koska WebP on Googlen oma muoto, sitä myös tuetaan laajasti nykyaikaisissa selaimissa. Useimmissa tapauksissa WebP on paras valinta verkkosivun kuville, ja monet työkalut sekä WordPress-lisäosat osaavat muuntaa kuvat WebP-muotoon automaattisesti.
Jos haluat varmistaa, että kuvat näkyvät myös vanhemmissa selaimissa, jotka eivät tue WebP:tä, sivusto voidaan rakentaa tarjoamaan varakuva JPG- tai PNG-muodossa. Useimmat WordPress-lisäosat hoitavat tämän automaattisesti, joten käytännössä sinun ei tarvitse huolehtia siitä itse.
Ilmaiset työkalut kuvien optimointiin
Kuvien keventäminen ei vaadi kalliita ohjelmia eikä teknistä osaamista. Ilmaisilla työkaluilla kuvan saa pakattua ja muunnettua WebP-muotoon muutamassa sekunnissa, suoraan selaimessa. Tässä muutama toimiva ja maksuton vaihtoehto, joilla pääset heti alkuun.
Squoosh
Squoosh on Googlen oma ilmainen työkalu, joka toimii suoraan selaimessa ilman rekisteröitymistä. Raahaat kuvan ikkunaan, valitset tiedostomuodon (esimerkiksi WebP) ja säädät pakkaustason, ja näet heti vierekkäin, miltä kuva näyttää ennen ja jälkeen. Se on erinomainen valinta, kun haluat pakata kuvia yksitellen ja nähdä tarkalleen, paljonko laatua voit säilyttää. Löydät sen osoitteesta squoosh.app.
TinyPNG
TinyPNG on toinen suosittu selainpohjainen työkalu, joka pakkaa JPEG- ja PNG-kuvia nimestään huolimatta. Se on erittäin helppokäyttöinen: raahaat kuvat sivulle, ja työkalu pakkaa ne automaattisesti ja tarjoaa ladattavaksi. Se sopii hyvin, kun haluat pakata useita kuvia kerralla nopeasti. Löydät sen osoitteesta tinypng.com.
Compressor.io
Compressor.io on selaimessa toimiva pakkaustyökalu, joka tukee kaikkia yleisimpiä kuvamuotoja, myös WebP:tä ja SVG:tä. Voit valita häviöttömän pakkauksen, joka säilyttää kuvan laadun täysin, tai häviöllisen, joka pienentää tiedostoa vielä tuntuvammin pienellä laadun kustannuksella. Se on nopea ja selkeä, ja itse käytän sitä säännöllisesti kuvien keventämiseen. Löydät sen osoitteesta compressor.io.
PageSpeed Insights
PageSpeed Insights ei pakkaa kuvia, mutta se auttaa tunnistamaan, mitkä kuvat hidastavat sivustoasi. Syötät sivun osoitteen, ja Googlen oma työkalu kertoo, mitkä kuvat ovat liian raskaita ja kuinka paljon nopeutta voisit voittaa keventämällä niitä. Se on hyvä lähtökohta, kun haluat selvittää, missä ongelmat ovat ennen kuin alat korjata niitä.
Automaattinen optimointi WordPressissä
Jos sivustosi on rakennettu WordPressillä, kuvien optimoinnin voi hoitaa lähes kokonaan automaattisesti lisäosan avulla. Imagify ja ShortPixel ovat kaksi tunnettua vaihtoehtoa, jotka pakkaavat kuvat ja muuntavat ne WebP-muotoon automaattisesti sitä mukaa kun lataat niitä mediakirjastoon. Näin sinun ei tarvitse käsitellä jokaista kuvaa erikseen.
Automaattinen optimointi on kätevä ratkaisu, mutta yksi asia kannattaa pitää mielessä. Osa lisäosista pakkaa kuvat oletuksena melko voimakkaasti, mikä voi heikentää laatua enemmän kuin haluaisit. Kun otat lisäosan käyttöön, kannattaa tarkistaa pakkausasetukset ja varmistaa, että kuvien laatu pysyy riittävän hyvänä. Tasapaino keveyden ja laadun välillä on se, mitä haet.
Kuvien optimointi on osa suurempaa kokonaisuutta
Kuvien hakukoneoptimointi on yksi konkreettisimmista ja helpoimmista tavoista parantaa sivuston näkyvyyttä. Mutta se on myös yksi osa suurempaa kokonaisuutta. Optimoidut kuvat tukevat sivustoa, mutta ne eivät yksin nosta sivua hakutulosten kärkeen, vaan toimivat parhaiten osana laajempaa hakukoneoptimointia.
Sama huolellisuus, joka kannattaa nähdä kuvien kanssa, pätee koko sivustoon. Kuvan tiedostonimi ja alt-teksti kertovat hakukoneelle kuvan sisällön, mutta samalla logiikalla koko sivuston sisältö, rakenne ja tekninen toteutus kertovat hakukoneelle, mistä sivusto kokonaisuudessaan kertoo ja kenelle se on tarkoitettu. Kuvat ovat yksi palanen, joka loksahtaa paikoilleen, kun perusta on kunnossa.
Jos haluat ymmärtää, mistä hakukoneoptimointi kokonaisuutena rakentuu ja miten eri osa-alueet liittyvät toisiinsa, löydät kattavan selityksen tietopankistamme: Mitä hakukoneoptimointi on ja miten se toimii?. Ja jos kuvien lisäksi mietit, miten sisällöstä rakennetaan alusta asti hakukoneita palvelevaa, siihen pureudutaan tarkemmin artikkelissa hakukoneoptimoitu sisällöntuotanto.
Kuvien optimointi on hyvä paikka aloittaa, koska se on helppoa ja tuo nopeasti tulosta. Mutta sen todellinen arvo syntyy silloin, kun se on osa kokonaisuutta, jossa jokainen osa tukee samaa tavoitetta: sitä, että oikeat ihmiset löytävät sivustosi silloin, kun he etsivät sitä, mitä tarjoat.
