Kuvien optimointi hakukoneita varten on yksi tehokkaimmista tavoista parantaa sivustosi näkyvyyttä – ja samalla yksi laiminlyödyimmistä. Jos sivustollasi on kuvia ilman alt-tekstejä, liian suurilla tiedostoko’oilla tai nimillä kuten ”IMG_4839.jpg”, jätät pöydälle ilmaista liikennettä hakukoneista.
Miksi kuvien optimointi kannattaa tehdä kunnolla?
Hakukoneet eivät näe kuvia samalla tavalla kuin ihmiset. Google lukee tiedostonimiä, alt-tekstejä, kuvatekstejä ja ympäröivää sisältöä päättäessään, mistä kuvassa on kyse ja miten se liittyy sivun aiheeseen. Hyvin optimoidut kuvat auttavat hakukoneita ymmärtämään sivuston sisällön tarkemmin, ja se näkyy parempina sijoituksina.
Kuvahaku on myös oma liikennekanavansa. Monella sivustolla kuvahaku tuo 10–20 % kaikesta orgaanisesta liikenteestä – täysin ilmaiseksi. Samalla huonosti optimoidut kuvat hidastavat sivuston latausnopeutta, mikä karkottaa kävijöitä ja heikentää hakukonesijoituksia.
Oikea tiedostomuoto ja koko
Tiedostomuodon valinta on ensimmäinen päätös. JPEG sopii valokuviin ja yksityiskohtaisiin kuviin, PNG grafiikkaan ja läpinäkyvyyttä vaativiin kuviin. WebP on nykyään käytännössä standardi – se tarjoaa pienemmän tiedostokoon ilman näkyvää laatutappiota, ja kaikki nykyaikaiset selaimet tukevat sitä jo hyvin.
Tiedostokoko on kriittinen tekijä. Itse opin tämän kantapään kautta, kun asiakkaan sivusto latautui tuskallisen hitaasti. Syynä olivat suoraan kamerasta ladatut, useiden megatavujen kokoiset kuvat. Kun pakkasimme ne järkevään kokoon, latausnopeus parani merkittävästi ja sivuston pomppuprosentti laski viikossa.
Nyrkkisääntö: yksittäisen kuvan ei pitäisi olla yli 100–200 kilotavua, ellei kyseessä ole erityisen tärkeä hero-kuva. Verkossa on ilmaisia työkaluja kuten TinyPNG, ImageOptim tai Squoosh, joilla pakkaaminen onnistuu sekunneissa.
Alt-tekstit – hakukoneiden silmät
Alt-teksti on kuvaan liitettävä kuvaus, joka näkyy kun kuva ei lataudu tai kun käyttäjä käyttää ruudunlukijaa. Hakukoneet käyttävät alt-tekstiä ymmärtääkseen kuvan sisällön.
Hyvä alt-teksti on kuvaava mutta tiivis. Ei kokonaisia lauseita, mutta oleellinen sisältö. Sen sijaan että kirjoittaisit ”kuva”, kirjoita ”punainen sohva modernissa olohuoneessa” tai ”leipuri koristamassa hääkakkua”.
Yksi yleinen virhe on täyttää alt-tekstit avainsanoilla. ”Kotisivut halpa kotisivut yritykselle parhaat kotisivut” ei auta ketään – Google tunnistaa keyword stuffingin ja se voi jopa heikentää sijoituksia. Kirjoita alt-teksti ihmisille, niin hakukoneetkin ovat tyytyväisiä.
Tiedostonimen merkitys
Tiedostonimi on yllättävän tärkeä signaali hakukoneille. Sen sijaan että tallentaisit kuvan nimellä ”IMG_1234.jpg” tai ”screenshot_2024.png”, anna sille kuvaava nimi kuten ”moderni-keittio-valkoinen.jpg”. Käytä väliviivoja sanojen erotteluun – ei alaviivoja, ei välilyöntejä, ei skandeja.
Tämä on pieni asia, joka monesti unohtuu, kun kuvia ladataan kiireessä. Mutta se on myös asia, jonka voi korjata jälkikäteen – ja vaikutus näkyy hakutuloksissa yleensä viikkojen sisällä.
Yleinen myytti: ”Pienet kuvat riittävät SEO:hon”
Monella on käsitys, että kuvien optimointi tarkoittaa pelkästään tiedostokoon pienentämistä. Todellisuudessa tiedostokoko on vain yksi osa kokonaisuutta. Ilman kunnollisia alt-tekstejä, kuvaavia tiedostonimiä ja oikeaa kontekstia ympäröivässä tekstissä hakukone ei osaa yhdistää kuvaa mihinkään hakuun – oli tiedostokoko kuinka pieni tahansa.
Optimointi tarkoittaa kokonaisuutta: teknistä kevennystä, kuvaavaa metatietoa ja kuvan sijoittelua oikeaan kontekstiin sivulla.
Responsiivisuus ja lazy loading
Sivustoja katsotaan kymmenillä eri laitteilla ja näyttöko’oilla. Varmista, että kuvat skaalautuvat – WordPress hoitaa tämän automaattisesti srcset-attribuutilla, mutta räätälöidyillä sivustoilla asia pitää huomioida erikseen.
Lazy loading on toinen helppo voitto. Kun kuvat ladataan vasta kun ne tulevat näkyviin ruudulla, sivun ensimmäinen lataus nopeutuu selvästi. Tämä parantaa erityisesti mobiilikäyttäjien kokemusta ja Core Web Vitals -arvoja, joita Google seuraa aktiivisesti.
Käytännön tarkistuslista kuvien optimointiin
Kun lisäät kuvia sivustolle, käy läpi nämä asiat joka kerta:
Valitse oikea tiedostomuoto – WebP ensisijaisesti, JPEG valokuville, PNG läpinäkyville grafiikoille. Pakkaa kuva alle 200 kilotavun. Anna kuvaava tiedostonimi väliviivoin erotettuna. Kirjoita alt-teksti, joka kertoo mitä kuvassa oikeasti näkyy. Varmista, että kuva skaalautuu eri laitteilla. Ota lazy loading käyttöön, jos sivulla on useita kuvia.
Tämä ei vaadi erikoisosaamista eikä kalliita työkaluja – pelkkä järjestelmällisyys riittää.
UKK
Kuinka pitkä alt-tekstin pitäisi olla?
Hyvä alt-teksti on yleensä 5–15 sanaa. Sen pitää kuvata kuvan sisältö ytimekkäästi ilman turhaa toistoa tai avainsanojen täyttöä. Ruudunlukijat lukevat alt-tekstin ääneen, joten se kannattaa kirjoittaa luonnollisesti.
Vaikuttaako kuvien optimointi oikeasti hakukonenäkyvyyteen?
Kyllä, ja monella tapaa. Optimoidut kuvat parantavat sivuston latausnopeutta, näkyvyyttä kuvahaussa ja auttavat hakukoneita ymmärtämään sivun sisältöä kokonaisuutena. Vaikutus ei ole dramaattinen yksittäin, mutta kumulatiivisesti se tekee selvän eron.
Pitääkö vanhat kuvat käydä korjaamassa?
Se on vahva suositus, varsinkin jos sivustollasi on paljon kuvia ilman alt-tekstejä tai valtavan suurilla tiedostoko’oilla. Aloita tärkeimmistä sivuista – etusivu, palvelut, suosituimmat blogiartikkelit – ja etene siitä.
Kuvien optimointi ei ole kertaluonteinen projekti vaan tapa toimia. Kun otat nämä käytännöt osaksi rutiinia, jokainen uusi kuva vahvistaa sivustosi hakukonenäkyvyyttä automaattisesti.