Kuvien hakukoneoptimointi: 9 tärkeintä vaihetta
Päivitetty: 10.01.2026
Optimoidut kuvat syventävät sisältöjä, auttavat visualisoimaan dataa ja tukevat myyntiä. Ne ovat myös osa verkkosivuston visuaalista ilmettä ja brändimielikuvaa. Kuvien optimoinnilla voidaan nopeuttaa sivuston latausnopeutta, verkkosivuston ja sen sisältöjen saavutettavuutta sekä parantaa sivuston hakukonenäkyvyyttä Googlessa ja kuvahaun tuloksissa. Näin sivuston kuvat voivat nousta näkyviin potentiaaliselle asiakkaalle.
Tässä artikkelissa kerron sinulle 9 tärkeintä asiaa, jotka sinun kannattaa huomioda kuvien optimoinnissa.
Kuvan tiedostomuoto eli kuvaformaatti vaikuttaa kuvan laatuun ja tiedostokokoon. Huomioi, että sivustolla on erilaisia kuvapaikkoja, joihin kannattaa valita eri kuvaformaatti.
WebP ja AVIF ovat molemmat uuden sukupolven kuvatiedostomuotoja, jotka on kehitetty korvaamaan vanhat JPEG-, PNG- ja GIF-muodot. Suurin ero niiden välillä on pakkaustehokkuus vs. yhteensopivuus.
- SVG on vektorimuotoista grafiikkaa ja siksi paras valinta logolle, ikoneille ja infografiikalle. Tiedostomuodon etu on, että sen koko skaalautuu aina oikein.
- WebP on edelleen erittäin tehokas (noin 25–35 % pienempi kuin JPEG), mutta se häviää AVIF-muodolle erityisesti monimutkaisissa valokuvissa. Kaikki nykyiset selaimet (Chrome, Firefox, Safari, Edge) ja useimmat vanhemmatkin versiot tukevat sitä täysin.
- AVIF (AV1 Image File Format) käyttää modernia pakkaustekniikkaa (AV1) ja voi pakata kuvat jopa 20–30 % pienemmiksi kuin WebP säilyttäen saman kuvanlaadun. Verrattuna perinteiseen JPEG-kuvaan tiedostokoko voi tippua jopa 50 %. Tuki on nykyään erittäin laaja (n. 94–95 %), mutta aivan vanhimmat laitteet tai erikoisemmat sovellukset eivät välttämättä vielä näytä sitä.
- JPEG on kuvamuodoista perinteisin, mutta se ei pärjää uuden sukupolven nopeammin latautuville kuvaformaateille.
- PNG on valintasi silloin, kun julkaiset kuvan, grafiikan tai muun visualisoinnin, jossa tarvitaan läpinäkyvää taustaa.
Kuvatiedoston nimeäminen selkeästi auttaa parantamaan hakunäkyvyyttäsi Googlen kuvahaun tuloksissa. Google käyttää kuvatiedostojen nimiä, esimerkiksi graafi-sivuston-nakyvyyden-kasvusta.webp, ymmärtääkseen paremmin, mitä kuvassa on. Siksi kuvan sisällön puolesta on suositeltavaa antaa kuvalle siitä kertova mutta tiivis tiedostonimi.
Esimerkiksi:
- Hyvä tiedostonimi: tatran-vedenpitavat-vaelluskengat.webp
- Liian pitkä tiedostonimi: mustat-vaelluskengat-siniset-nauhat-kuva-edesta-ilman-taustaa-29495.jpg
- Huono tiedostonimi: IMG493282.jpg.
Kuvan alt-teksti (tai nimi) eli vaihtoehtoinen teksti kertoo, mitä kuvassa näkyy ja mitä aihetta se käsittelee. Kuvien ALT-tekstien käyttäminen on osa sivuston saavutettavuuden optimointia, sillä ruudunlukijat lukevat nämä nimet näkörajoitteisille. Lisäksi hakukoneet lukevat ALT-nimen ymmärtääkseen, mitä kuvassa on. Hyvä alt-teksti on kuvaava ja sisältää tarvittaessa olennaisen avainsanan.
Alla esimerkit hyvistä ja huonoista ALT-teksteistä:
- Hyvä ALT-teksti: Graafissa on esitetty B2C-verkkokaupan orgaanisen näkyvyyden kasvu 78% puolen vuoden aikana.
- Huono ALT-teksti: graafi.
Tässä parhaita käytäntöjä vaihtoehtoisen tekstin kirjoittamiseen:
- Alt-teksti kirjoitetaan oikeille kuville, eli niitä ei lisätä kuvituskuville.
- Kuvaile kuvan aiheen kannalta tärkeitä asioita.
- Jos käytät samaa kaaviota eri asioiden havainnollistamiseen, käytä eri vaihtoehtoisia tekstejä kussakin tapauksessa, jotta selität asian selkeästi.
- Pitäydy 125 merkin pituudessa, sillä jotkin kuvanlukuohjelmat lopettavat alt-tekstin lukemisen tässä kohtaa.
Sisällön HTML-koodissa näkyvä ImageObject-skeema (osa Schema.org-merkintöjä) on tärkeä ensisijaisesti hakukoneoptimoinnin (SEO) ja sisällön saavutettavuuden kannalta. Se auttaa hakukoneita, kuten Googlea, ymmärtämään tarkasti, mitä kuva esittää, kuka sen on luonut ja miten se liittyy ympäröivään tekstiin.
Tässä ovat keskeisimmät syyt, miksi sitä kannattaa käyttää:
Parempi näkyvyys Googlen kuvahaussa
Pelkkä kuvatiedosto ja alt-teksti eivät aina riitä. ImageObject-skeeman avulla voit kertoa Googlelle kuvan tekniset tiedot.
- Kuvateksti (caption): Mikä on kuvan konteksti.
- Lisenssitiedot: Voit merkitä kuvan “Lisensoitavissa”-tunnisteella, joka näkyy hakutuloksissa ja suojaa tekijänoikeuksiasi.
- Tekijä ja julkaisija: Auttaa vahvistamaan sisällön asiantuntemusta ja luotettavuutta (E-E-A-T).
"Rich Results" eli rikkaat hakutulokset
Jos käytät kuvia osana reseptejä, tuotesivuja tai uutisartikkeleita, ImageObject on usein pakollinen osa laajempaa skeemarakennetta.
- Ilman skeemalla määriteltyä kuvaa reseptin kuva (tai annoskuva) ei näy Googlen hakutuloksessa.
- Tuotekuvat, joissa on hintatiedot ja saatavuus, vaativat selkeän jäsennellyn tiedon toimiakseen optimaalisesti ja näkyäkseen Googlen hakutuloksissa.
Sosiaalisen median ja muiden alustojen tuki
Vaikka Open Graph (Facebook) ja Twitter Cards hoitavat suuren osan somenäkyvyydestä, jäsennelty schema-tieto auttaa muita sovelluksia ja indeksoijia poimimaan oikean kuvan, kun sivuasi jaetaan tai se tallennetaan lukulistoille.
Kuvien hakukoneoptimoinnissa keskitytään myös kuvien varsinaiseen kokoon, sillä liian suuret kuvat hidastavat sivuston latausnopeutta. Verkkosivuston latausnopeus on suora sijoitustekijä hakukoneissa, minkä vuoksi kuvakokojen optimointi on tärkeää.
Tässä on konkreettiset suositukset eri käyttötarkoituksiin.
Tavoittele aina mahdollisimman pientä kokoa laadun kärsimättä:
- Suuret pääkuvat (Hero-kuvat): 100 – 200 kilotavua.
- Normaalit artikkelikuvat: 50 – 150 kilotavua.
- Pienet kuvakkeet ja pikkukuvat: alle 20 kilotavua.
Leveys (px eli pikseli) on yleensä kriittisempi tekijä kuin korkeus:
- Koko näytön leveydeltä (Full width): 1920 px tai 2560 px (jos haluat tukea 4K-näyttöjä).
Blogin sisältöalue: 1200 px (tämä on “turvallinen” standardi, joka näyttää hyvältä useimmissa laitteissa). - Tuotekuvat (verkkokauppa): 800 px – 1200 px (jotta zoom-toiminto toimii).
- Profiilikuvat/logot: 200 px – 400 px.
Resoluutio ja laatuasetukset
- Resoluutio: Käytä aina 72 ppi (pixels per inch). Suurempi arvo (kuten 300 ppi) on tarkoitettu vain tulostukseen ja se kasvattaa tiedostokokoa turhaan netissä.
- Pakkaustaso: Kun tallennat kuvia (esim. WebP tai JPEG), aseta laatu 60–80 % välille. Silmä ei huomaa eroa 100 % laatuun, mutta tiedostokoko putoaa murto-osaan.
Monille julkaisualustoille on olemassa erilaisia kuvan optimointityökaluja, joiden avulla voit luoda eri kokoisia tiedostoja automaattisesti. Yksi tällainen on Resize Image After Upload.
Responsiivinen kuvan skaalaus tarkoittaa, että verkkosivuston kuvat mukautuvat automaattisesti käyttäjän päätelaitteen (puhelin, tabletti, pöytäkone) koon mukaan. Responsiivinen skaalaus auttaa sivuston latausajan minimoimisessa, sillä automatisoitu kuvakoko varmistaa, etteivät ne ole koskaan liian suuria. Kuvat tehdään responsiivisiksi CSS:n avulla.
Lazy loading (laiska lataus) on tekniikka, joka viivästyttää kuvan tai muun elementin lataamista. Tämä tarkoittaa, että kuva tai elementti tulee näkyviin vasta, kun on tarvis. Tämä nopeuttaa sivun ensilatausta merkittävästi ja säästää käyttäjän dataa.
Milloin sitten hyödyntää lazy loadingia? Nyrkkisääntönä voi sanoa, että käytä lazy loadingia kaikkeen, mikä ei ole heti näkyvissä (below the fold).
- Pitkät artikkelit: Jos sivulla on kymmeniä kuvia, lataa vain ne, jotka näkyvät ensimmäisenä.
- Kuvagalleriat ja tuotelistaukset: Verkkokaupoissa on satoja tuotekuvia; lazy loading on siksi välttämätön.
- Upotukset (iFrames): YouTube-videot ja Google Maps -kartat ovat kooltaan raksita. Lataa ne vasta, kun käyttäjä rullaa niiden kohdalle.
- Kommenttiosiot: Jos sivun alalaidassa on satoja avatar-kuvia, nekin kannattaa “laiskistaa”.
Älä koskaan käytä lazy loadingia sivun ensimmäiseen kuvaan, sillä on on Core Web Vitals -arvoihin lukeutuva LCP-elementti. Sivun pääkuva (Hero image) tai logo pitää latautua mahdollisimman nopeasti. Jos se on laiskistettu, hakukoneiden mittaama Largest Contentful Paint heikkenee, mikä vahingoittaa hakukoneluokitustasi.
Kuvasivukartta on erityisesti kuville tarkoitettu XML-sivukartta. Tämä sitemap sisältää luettelon kuvista, jotka haluat hakukoneiden indeksoivan eli tallentavan Googlen hakutuloksiin.
Kuvasivukartan luominen auttaa varmistamaan, että hakubotit huomioivat tärkeimmät kuvat, kun ne tutkivat sisältöjäsi.
Selaimen välimuisti eli cache tarkoittaa sitä, että kävijän selain tallentaa tietyt tiedostot (kuten kuvat) tietyksi ajaksi.
Kun esimerkiksi logon välimuisti on asetettu esimerkiksi 365 päivän pituiseksi, se latautuu nopeammin, kun käyttäjä siirtyy sisällöstä toiseen tai kun hän vierailee sivustollasi uudestaan saman vuoden aikana.
Jos logo ei ole välimuistissa, selaimen on ladattava logo joka kerta, kun hän saapuu sivustolle tai navigoi sen sisällä. Tämä tietenkin hidastaa sivustoa, koska jokainen lataus vaatii kaistaa ja lisää siten käsiteltävien pyyntöjen määrää palvelimella. Esimerkiksi selaimeen asennettava Google Lighthouse auttaa tunnistamaan kuvien välimuistin ajan.
Missä kuvat voivat näkyä hakutuloksissa?
Yksi kuvien hakukoneoptimoinnin tärkeimmistä eduista on, että se auttaa kuvien näkymistä erilaisissa SERP-tuloksissa. SERPit eli hakutulokset puolestaan tuovat, arvatenkin, kävijöitä sivustollesi. Monet käyttäjät hyödyntävät suoraan Googlen kuvahakua. Jos kuvallesi ei esimerkiksi ole määritetty avainsanan sisältävää alt-nimeä, kuva ei voi nousta kuvahaun tuloksiiin.
Etsi tai luo hyödyllisiä kuvia
SEO-kuvien optimoinnin ensimmäinen vaihe on valita tai luoda kuva, joka tukee sisältöä, johon sen upotat.
Kuvatyyppejä on erilaisia:
- valokuvat voivat esitellä tuotteita mutta myös jakaa tekstiä osiin
- kaaviot ja graafit voivat selventää monimutkaisempaa dataa
- kuvakaappaukset tarjoavat selkeitä ohjeita ja esimerkkejä.
Yritä luoda omia kuvia sen sijaan, että käyttäisit kuvapankkien kuvia. Näin tarjoat käyttäjille ainutlaatuista arvoa ja annat Googlelle enemmän syitä sijoittaa sivustosi korkealle (koska moni muukin voi yrittää optimoida samoja kuvapankkikuvia).
Jos käytät muiden ottamia tai tekemiä kuvia, varmista, että sinulla on niihin tarvittavat käyttöoikeudet. Muuten saatat rikkoa tekijänoikeuslakia.
Näillä vinkeillä pääset hienosti eteenpäin kuvien hakukoneoptimoinnissa. Ei muuta kuin aloittamaan!
Marinella on SEOhubin perustaja ja lähes 20 vuoden ajan hakukoneoptimoinnin parissa työskennellyt senioritason SEO-konsultti. Työnäyttöjensä ja kokokemuksensa ansiosta Marinella toimii Semrushin Ambassadorina. Hän julkaisee suosittua kontroverSEO-uutiskirjettä LinkedInissä.
