kuvahaku

Kuvien hakukoneoptimointi on keskeinen osa nykyaikaista verkkosivuston ja erityisesti verkkokaupan kuvahaku näkyvyyden parantamista. Visuaalinen sisältö ei ainoastaan houkuttele käyttäjiä, vaan sillä on myös merkittävä rooli hakukoneiden arvioidessa sivuston laatua ja merkityksellisyyttä. Oikein optimoidut kuvat voivat lisätä sivun hakutulosten osuvuutta, parantaa käyttökokemusta, nopeuttaa sivujen latausta ja jopa ohjata kävijöitä suoraan hakukoneiden kuvahaun kautta sivustollesi.

Googlen kuvahaku on yksi maailman suurimmista hakukoneista ja se tarjoaa yrityksille mahdollisuuden erottua edukseen visuaalisen löydettävyyden kautta. Esimerkiksi verkkokauppatuotteet, palveluesittelyt ja blogien kuvitukset voivat näkyä hakutulosten yhteydessä esikatselukuvina, mikä kasvattaa klikkausprosentteja huomattavasti. Tässä kontekstissa laadukkaiden, hyvin optimoitujen kuvien merkitys korostuu entisestään.

Yrityksen tai verkkokaupan kannalta kuvien SEO ei tarkoita pelkästään teknisten yksityiskohtien, kuten alt-tekstien tai tiedostomuotojen huomioimista. Kyse on myös strategisesta sisällöntuotannosta, jossa kuvat tukevat tekstisisältöä, tarjoavat lisäarvoa käyttäjille ja täyttävät saavutettavuusvaatimukset. Lisäksi oikea tiedostorakenne, kuva-URL-osoitteet, responsiivisuus ja latausnopeus vaikuttavat suoraan siihen, kuinka hyvin kuvat menestyvät hakukoneissa.

Tämä opas kokoaa yhteen Googlen viralliset ohjeistukset sekä web.dev-sivuston parhaat käytännöt ja esittelee ne käytännönläheisessä muodossa. Oppaan tarkoituksena on tarjota kattava, vaiheittainen kokonaisuus, jonka avulla yritykset voivat optimoida kuvasisältönsä hakukoneita ja loppukäyttäjiä varten, ilman teknistä ylikuormaa mutta silti asiantuntevalla otteella.

1. Kuvien valinta ja optimointi

kuvien hakukoneoptimointi

Kuvien oikea valinta ja tekninen optimointi ovat perusta tehokkaalle kuvien hakukoneoptimoinnille. Hyvin valitut, kompressoidut ja nopeasti latautuvat kuvat parantavat käyttäjäkokemusta, nopeuttavat sivuston suorituskykyä ja parantavat näkyvyyttä hakutuloksissa. Tässä osiossa käydään läpi tärkeimmät käytännöt, joiden avulla yritykset ja verkkokaupat voivat varmistaa kuvien teknisen laadun ja SEO-yhteensopivuuden.

1.1 Valitse oikea kuvatiedostomuoto

Jokaisella kuvatiedostomuodolla on omat vahvuutensa, ja valinta kannattaa tehdä käyttötarkoituksen mukaan:

  • JPEG: Erinomainen valinta valokuville ja monivärisille kuville. Hyvä pakkaussuhde ja laaja yhteensopivuus.
  • PNG: Soveltuu hyvin kuville, joissa tarvitaan läpinäkyvyyttä tai teräviä reunoja (esim. logoille tai kaavioille).
  • WebP: Googlen kehittämä moderni formaatti, joka tarjoaa korkean pakkaustehokkuuden laadun säilyessä. Tukee läpinäkyvyyttä ja animaatioita.
  • AVIF: Vielä tehokkaampi pakkaus kuin WebP. Sopii erityisesti suurten kuvamäärien optimointiin tulevaisuudessa, mutta tuki ei ole vielä täysin universaalia.

Suositus: Käytä WebP- tai AVIF-muotoa, kun haluat kevyitä ja laadukkaita kuvia, mutta varmista varakuvat PNG- tai JPEG-muodossa selaintuen vuoksi.

1.2 Pakkaa kuvat tehokkaasti

Liian suurikokoiset kuvat hidastavat sivuston latautumista ja vaikuttavat negatiivisesti käyttökokemukseen sekä Core Web Vitals -mittareihin (erityisesti LCP). Kuvien tiedostokoko kannattaa optimoida:

  • Käytä työkaluja, kuten Squoosh, TinyPNG tai ImageOptim, automaattiseen pakkaamiseen.
  • Vältä tarpeettoman korkeaa resoluutiota. Verkkokäyttöön riittää usein 150–250 kb:n kokoluokka.
  • Säilytä hyvä visuaalinen laatu – älä pakkaa niin voimakkaasti, että kuva muuttuu sumeaksi.

1.3 Optimoi resoluutio ja mitat

Älä lataa kuvia, jotka ovat suurempia kuin niiden käyttötarkoitus vaatii:

  • Skaalaa kuvat tarkalleen niiden näkyvään kokoon sivulla.
  • Älä käytä suuria kuvia, joita selaimessa vain pienennetään HTML/CSS:llä.
  • Hyödynnä srcset- ja sizes-attribuutteja responsiivisten kuvien näyttämiseen eri laitteilla.

1.4 Käytä kuvien CDN-palveluita

Kuvien CDN (Content Delivery Network) -palvelut optimoivat kuvat dynaamisesti käyttäjän sijainnin, laitteen ja selaimen mukaan. Ne voivat mm.:

  • Palvella automaattisesti oikeassa koossa ja muodossa olevaa kuvaa (esim. WebP tai AVIF).
  • Pakata ja optimoida kuvat reaaliajassa.
  • Nopeuttaa kuvien toimitusta maailmanlaajuisesti.

Tunnettuja palveluita ovat mm. Cloudinary, Imgix, ImageKit ja ImageEngine.

Kuvien valinta ja tekninen optimointi on erittäin tuottava osa kuvien SEO-strategiaa. Oikea tiedostomuoto, tehokas pakkaus, sopiva resoluutio ja CDN-tehostus yhdessä varmistavat, että kuvat latautuvat nopeasti, näyttävät hyvältä ja tukevat sivuston hakukonenäkyvyyttä.

2. Kuvien latauksen optimointi

kuvien optimonti

Sivuston latausnopeus ja suorituskyky ovat merkittävässä roolissa sekä käyttäjäkokemuksen että hakukonenäkyvyyden kannalta. Erityisesti suurilla ja kuvapainotteisilla verkkosivuilla on tärkeää hallita, missä vaiheessa kuvat latautuvat ja miten ne priorisoidaan. Kuvien latauksen optimointi auttaa vähentämään sivun alkuperäistä latauskuormaa, nopeuttamaan Largest Contentful Paint (LCP) -arvoa ja parantamaan saavutettavuutta mobiililaitteilla.

2.1 Käytä selaintason lazy loading -tekniikkaa

Lazy loading tarkoittaa, että kuvat ladataan vasta, kun ne ovat käyttäjän näkökentässä. Tämän ansiosta sivu voi latautua nopeammin ja säästää kaistanleveyttä. Useimmat modernit selaimet tukevat natiivia lazy loading -ominaisuutta.

2.2 Älä käytä lazy-loadingia tärkeimpiin kuviin

Vaikka lazy loading on hyödyllinen työkalu, sen liiallinen käyttö voi haitata käyttökokemusta – erityisesti tärkeimpien sisältöelementtien kohdalla. Esimerkiksi artikkelikuvaan, tuotekuviin ja muihin näkyvissä oleviin kuviin sivun yläosassa ei pitäisi käyttää lazy loadingia.

Suositus: Vältä lazy loadingia kuvissa, jotka vaikuttavat LCP-mittariin tai joiden näkyminen heti on tärkeää käytön kannalta.

2.3 Priorisoi tärkeiden kuvien lataus

Selaimet eivät aina automaattisesti priorisoi tärkeimpiä kuvia oikein. Kuvien latausjärjestystä voi parantaa seuraavilla keinoilla:

  • Käytä <link rel=”preload”>-merkintää tärkeimmille kuville
  • Aseta tärkeimmät kuvat sivun yläosaan HTML-rakenteessa.
  • Vältä suuria JavaScript-pohjaisia galleriaratkaisuja, jotka estävät kuvien aikaisen renderöinnin.

2.4 Mittaa ja testaa vaikutukset

Jokaisella sivustolla käyttäytyminen voi olla hieman erilaista. Siksi on tärkeää mitata kuvien latauksen vaikutuksia suorituskykyyn. Google tarjoaa tähän ilmaisia työkaluja kuten:

  • PageSpeed Insights
  • Lighthouse
  • Chrome DevTools → Performance-välilehti
  • Web Vitals -laajennus

Testaamalla näet mm. latausajankohdat, lazy loadingin toimivuuden ja sen vaikutuksen LCP- ja FCP-arvoihin.

Lazy loading ja oikea latauspriorisointi mahdollistavat nopeamman, sujuvamman ja käyttäjäystävällisemmän sivuston. Yritysten tulisi varmistaa, että tärkeimmät kuvat ladataan ajoissa ja että muut kuvat hyödyntävät tehokkaasti selaintason lazy loading -ominaisuutta. Näin saavutetaan nopeampi käyttökokemus ja paremmat sijoitukset hakukoneissa.

3. Kuvien metatiedot ja lisenssit

googlen kuvahaku

Kuvien metatiedot ja lisenssitietojen oikea käsittely ovat tärkeitä sekä hakukonenäkyvyyden, saavutettavuuden että tekijänoikeuksien kannalta. Google hyödyntää kuvien metatietoja – kuten tekijätietoja ja lisenssimerkintöjä – tunnistaakseen kuvan omistajuuden ja tarjotakseen lisätietoa hakutuloksissa. Tämän vuoksi metatietojen poistaminen tai huomiotta jättäminen voi heikentää kuvan SEO-potentiaalia ja vääristää käyttöoikeuksia.

3.1 Strukturoidut tiedot

Google tukee kuvien lisenssitietojen merkitsemistä jäsennellyllä datalla (Structured Data). Tämä mahdollistaa sen, että kuvan yhteydessä voidaan hakutuloksissa näyttää selkeästi:

  • Kuka omistaa kuvan (tekijä/organisaatio)
  • Onko kuva ladattavissa
  • Mistä lisenssin voi hankkia

Toteutus onnistuu esimerkiksi JSON-LD-muotoisella koodilla.

Strukturoitu data -merkinnät voidaan lisätä joko suoraan HTML:ään tai CMS-järjestelmän kautta (esim. WordPress-lisäosalla tai koodimuokkauksin).

3.2 IPTC-metatiedot

Monet graafiset työkalut ja pakkausohjelmat (kuten Photoshop, TinyPNG, ImageOptim) poistavat oletuksena kuvien metadatan (EXIF/IPTC), mikä voi johtaa tärkeiden tekijänoikeus- ja omistajatietojen katoamiseen.

Googlen suositus on selkeä:Google recommends that, at the very least, you retain critical metadata related to image rights information and identification.

Tärkeimmät säilytettävät kentät:

  • creator (tekijän nimi)
  • credit line (kreditointiteksti)
  • copyright notice (tekijänoikeusilmoitus)

Suositus: Kuvien metadatan poistaminen ei paranna SEO-tuloksia. Päinvastoin, tärkeiden IPTC-tietojen poistaminen voi estää kuvan oikean tunnistamisen ja heikentää sen näkyvyyttä Google Kuvahaussa.

3.3 EXIF vs. SEO – yleinen väärinkäsitys

Joillain verkkosivustojen optimointifoorumeilla esitetään, että EXIF-tietojen poistaminen nopeuttaa sivustoa tai auttaa SEO:ssa. Todellisuudessa:

  • Yleinen EXIF-tieto (esim. kameran asetukset) ei juuri vaikuta hakukonenäkyvyyteen.
  • Tärkeiden IPTC-tietojen säilyttäminen auttaa Googlea näyttämään kuvaasi paremmin hakutuloksissa ja yhdistämään sen oikeaan lähteeseen.

Suositus: Pakkaa kuvat mutta varmista, että tekijänoikeus- ja lisenssitiedot säilyvät.

Kuvien metatiedot ja lisenssit eivät ole vain juridinen tai tekninen yksityiskohta – ne ovat olennainen osa hakukonenäkyvyyttä. Strukturoitu Data -merkinnät ja IPTC-tietojen säilyttäminen auttavat Googlea ymmärtämään kuvan omistajuuden, tarjoavat mahdollisuuden näkyä rikastetuissa hakutuloksissa ja turvaavat kuvien käyttöä oikein. Metadatan poistaminen ilman syytä voi siis heikentää kuvan arvoa niin hakukoneille kuin käyttäjillekin.

4. Kuvien URL-rakenne

kuvahaku kuvalla

Kuvien URL-osoitteet ovat tärkeä, mutta usein unohdettu osa hakukoneoptimointia. Google käyttää URL-polkuja ja tiedostonimiä arvioidessaan kuvan sisältöä ja merkitystä suhteessa sivun kontekstiin. Hyvin suunniteltu URL-rakenne helpottaa kuvien indeksointia, parantaa löydettävyyttä ja tarjoaa selkeää rakennetta myös analytiikkaa ja ylläpitoa varten.

4.1 Käytä kuvaavia ja loogisia URL-osoitteita

Google suosittelee käyttämään kuvaavia tiedostonimiä ja kansiorakenteita, jotka kertovat jotain kuvan sisällöstä.

Hyvä esimerkki:

https://verkkokauppa.fi/kuvat/naisten-musta-talvitakki.jpg

Huono esimerkki:

https://verkkokauppa.fi/kuvat/img12345.jpg

Vinkki: Hyödynnä tiedostonimissä ja kansiopolussa avainsanoja, joita käyttäjät saattaisivat käyttää etsiessään kyseistä kuvaa.

4.2 Organisoi kuvat loogisiin kansioihin

Sen sijaan, että kaikki kuvat tallennetaan yhteen “kuvat” -kansioon, ne kannattaa ryhmitellä esimerkiksi tuotekategorian, vuoden tai tyypin mukaan.

Esimerkkejä:

/kuvat/kengat/miesten/nahkakengat-ruskea.jpg
/kuvat/2025/kampanjat/uutuus-tuotteet.webp

Looginen rakenne parantaa sisäistä hallittavuutta ja auttaa myös hakukoneita ymmärtämään kuvan kontekstin.

4.3 Vältä URL-osoitteiden muuttamista

Hakukoneet indeksoi kuvia hitaammin kuin tavallisia sivuja. Siksi kuvien URL-osoitteiden tulisi olla pysyviä. Kun kuvan URL muuttuu ilman uudelleenohjausta, hakukoneet eivät välttämättä löydä kuvaa uudelleen pitkään aikaan – tai ollenkaan.

  • Vältä: URL:n muuttamista, esim. /kuvat/vanha-polku/kuva.jpg → /kuvat/uusi-polku/kuva.jpg
  • Jos muutat: Käytä 301-uudelleenohjauksia varmistaaksesi, että hakukoneet ja käyttäjät löytävät kuvan uudesta osoitteesta.

4.4 Varmista, että kuvat eivät ole estetty robots.txt-tiedostossa

  • Jos haluat, että hakukoneet indeksoi ja näyttää kuvat hakutuloksissa, varmista, ettei palvelimesi robots.txt-tiedosto estä kuviin johtavia hakupolkuja.
  • Salli kuvien hakeminen, jos ne halutaan näkyviin kuvahaussa. Voit tarkistaa estot Googlen Robots.txt Tester -työkalulla Search Console -tilin kautta.

Kuvien URL-rakenne vaikuttaa suoraan siihen, miten hakukoneet ymmärtävät ja indeksoivat kuvia. Selkeä, kuvaava ja pysyvä URL-rakenne – yhdistettynä järkevään kansiorakenteeseen ja avainsanoihin – tukee sekä hakukonenäkyvyyttä että ylläpidettävyyttä. Muutokset URL-osoitteisiin tulisi tehdä harkiten ja aina 301-uudelleenohjauksin. Lisäksi robots.txt-tiedoston asetukset tulee tarkistaa, jotta kuvat eivät jää vahingossa hakukoneiden ulottumattomiin.

5. Alt-tekstit, tiedostonimet ja kuvatekstit

kuvan hakukoneoptimointi

Alt-tekstit, tiedostonimet ja kuvatekstit ovat olennainen osa kuvien hakukoneoptimointia sekä saavutettavuutta. Ne tarjoavat hakukoneille ja ruudunlukijoille tietoa kuvan sisällöstä ja parantavat käyttäjäkokemusta erityisesti silloin, kun kuva ei lataudu tai käyttäjä ei näe sitä. Hakukoneet käyttää näitä elementtejä ymmärtääkseen paremmin, miten kuva liittyy sivun muuhun sisältöön – ja mihin hakuihin se saattaa vastata.

5.1 Alt-tekstit

Alt-teksti (vaihtoehtoinen teksti) on HTML-attribuutti, joka kuvailee kuvan sisällön lyhyesti. Se auttaa:

  • Hakukoneita ymmärtämään, mitä kuva esittää
  • Ruudunlukijoita kertomaan sokeille ja heikkonäköisille käyttäjille, mitä kuvassa näkyy
  • Täyttämään saavutettavuusvaatimukset
  • Välttämään käyttökokemuksen heikentymistä, jos kuva ei lataudu

Hyvä alt-teksti:

<img src="naisten-punainen-huppari.jpg" alt="naisten punainen huppari hupulla ja vetoketjulla">

Huono alt-teksti:

<img src="img123.jpg" alt="img123">

Vinkki: Sisällytä alt-tekstiin sivun aiheeseen liittyvä avainsana luonnollisesti, mutta vältä avainsanojen liiallista toistoa.

5.2 Kuvien tiedostonimet

Kuvien tiedostonimet ovat tärkeä vihje sekä hakukoneille että verkkosivuston ylläpitäjille.

Parhaat käytännöt:

  • Käytä aiheeseen liittyvää nimeä, joka kertoo, mitä kuva esittää
  • Käytä väliviivoja (-) sanojen välissä, ei alaviivoja (_)
  • Vältä geneerisiä nimiä kuten image1.jpg tai DSC00458.jpg

Esimerkki:

miesten-musta-nahkakenka.jpg

Hyvä tiedostonimi auttaa hakukoneita yhdistämään kuvan paremmin hakukyselyihin ja mahdollistaa myös kuvan nousemisen kuvahakuihin.

5.3 Kuvatekstit

Kuvatekstit (captions) näkyvät yleensä kuvan alla ja tarjoavat lisätietoa sisällöstä. Vaikka hakukoneet ei suoranaisesti käytä niitä ranking-signaalina, ne parantavat käyttäjäkokemusta ja antavat kontekstia kuvien käyttöön.

Kuvatekstit auttavat erityisesti:

  • Selittämään kuvan tarkoituksen
  • Antamaan lisätietoa hakijoille (esim. tuotenimi, tilanne, hinta)
  • Lisäämään visuaalisen sisällön luettavuutta erityisesti mobiilissa

Yhdistämällä kuvatekstit, alt-tekstit ja ympäröivä tekstisisältö voidaan luoda vahva semanttinen kokonaisuus, joka parantaa kuvan hakukoneymmärrystä.

Alt-tekstit, tiedostonimet ja kuvatekstit ovat pieniä yksityiskohtia, joilla on suuri vaikutus. Ne auttavat hakukoneita ja käyttäjiä ymmärtämään, mitä kuvat esittävät, ja parantavat saavutettavuutta. Näiden elementtien huolellinen optimointi kuuluu jokaisen SEO-strategian ytimeen, erityisesti verkkokaupoissa, joissa kuvilla on suora vaikutus konversioon ja löydettävyyteen.

6. Kuvien sijoittelu ja responsiivisuus

kuvan optimointi

Kuvien sijoittelu verkkosivulla ja niiden tekninen responsiivisuus vaikuttavat sekä hakukonenäkyvyyteen että käyttäjäkokemukseen. Hyvin sijoitetut, responsiiviset kuvat auttavat hakukoneita ymmärtämään niiden kontekstin ja varmistavat, että sisältö näyttää hyvältä kaikilla laitteilla.

6.1 Sijoita kuvat lähelle asiaankuuluvaa sisältöä

Hakukoneet käyttää kuvan ympärillä olevaa tekstiä ymmärtääkseen, mitä kuva esittää. Tämän vuoksi kuvat kannattaa sijoittaa mahdollisimman lähelle siihen liittyvää tekstisisältöä.

Hyviä käytäntöjä:

  • Sijoita kuvat lähietäisyydelle avainsanoja sisältävästä sisällöstä
  • Vältä irrallisia kuvakaruselleja, joissa kuvat eivät liity sivun pääsisältöön
  • Lisää kuvatekstejä tarvittaessa antamaan lisäinformaatiota

6.2 Käytä tärkeää kuvaa sivun yläosassa

Sivun tärkein kuva, kuten tuotekuva tai artikkelikuva kannattaa sijoittaa sivun alkuun. Tämä:

  • Parantaa Largest Contentful Paint (LCP) -arvoa
  • Vahvistaa kuvan merkitystä hakukoneille
  • Lisää käyttäjän sitoutumista sivun alkuvaiheessa

Tämä kuva kannattaa myös esiladata, jotta se ilmestyy näkyviin mahdollisimman nopeasti.

6.3 Varmista kuvien responsiivisuus

Käyttäjät selaavat sivustoja eri kokoisilla laitteilla, joten kuvien on mukauduttava saumattomasti eri näyttökokoihin. Väärän kokoinen kuva voi hidastaa latautumista tai näkyä epäselvänä.

Hyödynnä seuraavia tekniikoita:

  • srcset ja sizes HTML-attribuutit
  • CSS:n object-fit kuvasuhteen säilyttämiseen (esim. tuotekortit)
  • Modernit kuvamuodot (WebP, AVIF) tuovat lisäetua kevyempinä versioina

6.4 Vältä sisällön liikkumista

Kuville on tärkeää määritellä kiinteä leveys ja korkeus tai käyttää aspect-ratio -ominaisuutta, jotta sivu ei hypi latauksen aikana. Näin vältetään ulkoasun äkilliset muutokset ja parannetaan visuaalista vakauden metriikkaa (CLS).

Kuvien sijoittelussa ja responsiivisuudessa yhdistyy käyttökokemus, saavutettavuus ja hakukoneystävällisyys. Kun kuvat sijoitetaan loogisesti lähelle siihen liittyvää sisältöä, ladataan tehokkaasti ja mukautuvat eri laitteille, ne tukevat vahvasti sekä SEO-tuloksia että käyttäjän tyytyväisyyttä. Kuvien tekninen ja visuaalinen sopeutuvuus ei ole vain design-kysymys vaan se on kriittinen osa toimivaa optimointia.

7. Yleiset virheet ja niiden välttäminen

Monet sivustot tekevät samoja virheitä kuvien hakukoneoptimoinnissa. Näiden virheiden tunnistaminen ja välttäminen auttaa yrityksiä parantamaan sekä sivuston suorituskykyä että kuvien näkyvyyttä hakutuloksissa. Alla esitellään Googlelta peräisin olevat parhaat käytännöt virheiden välttämiseksi.

7.1 Lisää merkityksellistä sisältöä kuvien tueksi

Yksi suurimmista virheistä on käyttää kuvia ilman kontekstia. Hakukoneet arvioivat kuvaa myös sen perusteella, millainen teksti ympäröi sitä:

  • Varmista, että kuvat liittyvät suoraan sivun aiheeseen
  • Lisää kuvan yhteyteen otsikoita, leipätekstiä ja kuvatekstejä
  • Käytä avainsanoja luonnollisesti ja kuvaavasti
  • Mieti, mitä hakusanoja käyttäjät voisivat käyttää etsiessään kyseistä kuvaa

7.2 Kuvien huono sijoittelu

Kuvien sijoittaminen satunnaisesti ilman yhteyttä ympäröivään sisältöön heikentää niiden arvoa hakukoneille. Siksi:

  • Sijoita kuvat lähelle relevanttia tekstiä
  • Käytä kuvien yhteydessä kuvatekstejä, erityisesti silloin, kun kuva toimii esityksellisenä osana sivua
  • Aseta tärkeimmät kuvat mahdollisuuksien mukaan sivun yläosaan

7.3 Älä upota tärkeää tekstiä kuviin

Toinen yleinen virhe on upottaa oleellista tietoa (esimerkiksi otsikoita tai valikkokohtia) suoraan kuviin. Tämä heikentää saavutettavuutta ja SEO-tehokkuutta:

  • Hakukoneet eivät aina pysty lukemaan tekstiä kuvasta
  • Käännöstyökalut eivät toimi kuviin upotetun tekstin kanssa
  • Kuvasta ei muodostu informatiivista hakutulosten esikatselua

Suositus: Vältä erityisesti tekstipohjaisten elementtien kuten napit, otsikot, hinnat esittämistä vain kuvina.

7.4 Alt-tekstien puuttuminen tai väärinkäyttö

Alt-tekstien puuttuminen tekee kuvista näkymättömiä niille käyttäjille, jotka eivät näe kuvia — mukaan lukien hakukoneet:

  • Lisää aina alt-tekstit, jotka kuvaavat kuvan sisällön tiiviisti
  • Älä toista samoja sanoja tai täytä alt-kenttää avainsanoilla
  • Pidä alt-teksti informatiivisena ja ytimekkäänä

7.5 Heikkolaatuiset tai epäselvät kuvat

Käyttäjät reagoivat huonosti sumeisiin, rakeisiin tai väärin rajattuihin kuviin. Näin toimiminen:

  • Vähentää kuvan klikkausprosenttia (CTR)
  • Antaa negatiivisen vaikutelman tuotteesta tai yrityksestä
  • Heikentää esikatselujen houkuttelevuutta hakukoneiden tuloksissa

Suositus: Käytä teräviä, hyvälaatusia kuvia ja vältä generisia tai ylikäsiteltyjä stock-kuvia.

7.6 Sivun yleisen sisällön laatu

Hakukoneet arvioi kuvia osana koko sivun laatua. Jos muu sisältö on vähäistä tai huonolaatuista, kuvatkaan eivät menesty:

  • Tarjoa laadukasta ja informatiivista tekstiä kuvien ympärillä
  • Kirjoita sisältö ihmisille, ei hakukoneille
  • Muista, että hyvä tekstisisältö tukee kuvan näkyvyyttä ja tulkintaa

7.7 Responsiiviset kuvat

Yhä useampi hakee hakukoneiden kuvien kautta mobiililaitteilla, joten kuvan on toimittava kaikilla ruuduilla:

  • Varmista, että kuvat skaalautuvat oikein eri laitteilla
  • Testaa sivusto Google Mobile-Friendly Test -työkalulla
  • Käytä responsiivisia kuvia (srcset) eri näyttöresoluutioille

7.8 Epäselvät, muuttuvat tai estetyt URL-soitteet

Kuten aiemmin käsiteltiin:

  • Vältä kuvien URL-osoitteiden muuttamista ilman 301-uudelleenohjausta
  • Käytä selkeitä ja kuvaavia tiedostonimiä sekä kansiorakenteita
  • Varmista, ettei robots.txt estä kuvia indeksoitumasta

Kuvien hakukoneoptimoinnissa menestyminen ei vaadi taikuutta. Se vaatii yksinkertaisten virheiden välttämistä ja parhaita käytäntöjä. Kun kuvat liitetään oikeaan kontekstiin, ne ladataan tehokkaasti, niitä kuvataan oikein ja ne toimivat kaikilla laitteilla, hakukoneet voivat tarjota ne käyttäjille parhaalla mahdollisella tavalla. Samalla käyttäjät kokevat sivuston laadukkaaksi ja informatiiviseksi.

8. Kuvakartat ja sivustokartat

Sivustokartat (sitemaps) auttavat hakukoneita ymmärtämään, mitä sisältöä verkkosivustolla on ja missä se sijaitsee. Kuvakarttojen avulla voidaan erikseen ohjata hakukoneet löytämään myös sivujen sisältämät kuvat, erityisesti silloin, kun niitä ladataan JavaScriptin tai lazy loadingin avulla. Oikein rakennettu kuvakartta parantaa kuvien indeksoitavuutta ja mahdollistaa paremman näkyvyyden hakukoneiden kuvahaussa.

8.1 Mikä on kuvakartta?

Kuvakartta on osa XML-muotoista sivustokarttaa, johon lisätään erillinen kuvaelementti jokaista kuvasisältöä varten. Näin hakukoneelle voidaan kertoa:

  • Missä kuva sijaitsee (URL)
  • Mitä kuva esittää (title, caption)
  • Kuka omistaa kuvan (license, copyright)
  • Mihin sisältöön kuva liittyy (page context)

8.2 Milloin kuvakartta on erityisen hyödyllinen?

Kuvakartat ovat suositeltavia erityisesti silloin kun:

  • Sivustolla on paljon tuotekuvia, joita ei ole suoraan näkyvissä sivun latauksessa
  • Kuvia ladataan JavaScriptin kautta
  • Käytetään lazy loadingia, joka saattaa viivyttää indeksointia
  • Halutaan varmistaa, että kuvat liitetään oikeaan sisältösivuun

Hakukoneet voi löytää kuvat myös ilman kuvakarttaa, mutta se ei ole taattua varsinkin jos kuvat ladataan dynaamisesti.

8.3 Automaattiset työkalut ja CMS-integraatiot

Monet sisällönhallintajärjestelmät, kuten WordPress, tukevat kuvakarttoja suoraan tai lisäosien avulla:

  • Rank Math SEO ja Yoast SEO voivat lisätä kuvat sitemap.xml-tiedostoon automaattisesti

Kuvakartat ovat tehokas tapa varmistaa, että sivuston kuvat löydetään ja indeksoidaan oikein – erityisesti silloin, kun kuvia ladataan dynaamisesti tai lazy loadingin avulla. Ne tukevat kuvien näkyvyyttä hakukoneiden tuloksissa, lisäävät löydettävyyttä ja mahdollistavat hakukoneiden paremman sisällön ymmärtämisen. Jokaisen verkkokaupan ja kuvapainotteisen sivuston kannattaa hyödyntää tätä mahdollisuutta.

Suositukset yrityksille ja verkkokaupoille

Kuvien hakukoneoptimointi on yksi tehokkaimmista ja usein alihyödynnetyistä keinoista parantaa verkkosivuston tai verkkokaupan näkyvyyttä hakukoneissa. Oikein optimoidut kuvat eivät ainoastaan tuo lisää liikennettä kuvahaun kautta, vaan parantavat myös sivuston suorituskykyä, saavutettavuutta ja yleistä käyttökokemusta.

Tämä opas kokosi yhteen Googlen viralliset suositukset ja tarjosi käytännönläheisen ja kattavan kokonaisuuden yritysten ja verkkokauppiaiden käyttöön.

Kuvien SEO ei ole pelkkää teknistä optimointia – se on strateginen kilpailuetu. Yritykset, jotka panostavat laadukkaisiin, saavutettaviin ja hyvin indeksoitaviin kuviin, pystyvät tavoittamaan asiakkaitaan tehokkaammin sekä orgaanisesti että visuaalisesti. Jokainen kuva on mahdollisuus kertoa tarina, vahvistaa brändiä ja ohjata liikennettä sivustolle.

Kuvien optimointi ei tapahdu yhdessä yössä, mutta jokainen pieni parannus tuo lähemmäs parempia kuvahaku tuloksia hakukoneissa ja käyttäjien silmissä.