Hyödynnä kuvien hakukoneoptimointia sivujesi näkyvyydessä
Miksi kuvien hakukoneoptimointi on tärkeää?
Kuvat ovat iso osa sivustosi ilmettä ja sisältöä. Kun kuvat on optimoitu oikein, sivut latautuvat nopeammin ja näkyvät paremmin hakutuloksissa. Samalla sivustosta tulee miellyttävämpi käyttää etenkin puhelimella.
Kuvien hakukoneoptimointi on asia, joka jää helposti tekemättä. Kuvat voivat olla liian isoja, nimet puuttuvat tai alt-tekstit unohtuvat. Usein ei vain tule ajatelleeksi, miten paljon nämä pienet asiat vaikuttavat sivujen toimivuuteen ja näkyvyyteen.
Optimointi on kuitenkin asia johon kannattaa panostaa. Moni hakee tietoa, ideoita ja tuotteita juuri Googlen kuvahaun kautta. Oli kyse sitten sisustusinspiraatiosta, verkkokaupan tuotteista tai jonkin ongelman ratkaisemisesta. Hyvin nimetyt ja optimoidut kuvat voivat tuoda sivuillesi uusia kävijöitä juuri sitä kautta.
Tässä artikkelissa käyn läpi tärkeimmät ja helpoimmat tavat parantaa kuviesi hakukonenäkyvyyttä.
2. Sovella avainsanatutkimusta myös kuviin
Kuvien hakukoneoptimointi alkaa oikeista sanoista. Koska Google ei näe kuvia kuten me ihmiset, sen täytyy saada vihje siitä, mitä kuvassa on. Siksi on tärkeää käyttää samoja avainsanoja myös kuvissa kuin tekstissä.
Käytä kuvan nimessä ja alt-tekstissä sivun tärkeintä avainsanaa. Näin autat hakukonetta ymmärtämään, mistä sivulla on kyse. Jokaisella sivulla olisi hyvä olla vähintään yksi kuva, joka liittyy selvästi sivun aiheeseen.
Tämä on erityisen tärkeää verkkokaupoissa, joissa tuotekuvat ovat usein merkittävä osa hakunäkyvyyttä. Kun kuvat on nimetty selkeästi ja kuvaavasti, ne voivat tuoda kauppaan kävijöitä suoraan Googlen kuvahaun kautta.
Hakukoneoptimointi ei tuo tuloksia heti, mutta sen vaikutus kasvaa ajan myötä. Se on pitkäjänteistä tekemistä, joka tuo sivuillesi kävijöitä tasaisesti ilman mainosbudjettia.
Lue lisää avainsanatutkimuksesta
2. Kuvatiedostojen nimeäminen
Kuvien nimeäminen on tärkeä osa hakukoneoptimointia. Google käyttää tiedostonimiä apuna, kun se päättää, mitä kuvia näyttää hakutuloksissa. Siksi jokainen kuva kannattaa nimetä selkeästi jo ennen sen lataamista sivustolle.
Anna kuvalle nimi, joka kertoo lyhyesti, mitä siinä näkyy, ja sisällytä mukaan tärkeä avainsana. Jos yrityksesi toimii tietyllä paikkakunnalla, voit lisätä myös paikkakunnan nimen.
Käytä sanojen välissä väliviivoja, ei alaviivoja. Hakukone tunnistaa väliviivan sananrajana, mutta alaviivaa ei.
Esimerkkinä jos sinulla on koiratrimmaamo Tampereella ja lisäät trimmauspalvelusta kertovalle sivuillesi kuvan trimmauksessa olevasta koirasta.
Huono kuvatiedoston nimi olisi: koira123.jpg
Hyvä kuvatiedoston nimi olisi: koiran-trimmaus-tampere.jpg
Tai jos sinulla on verkkokauppa, jossa myydään luonnonkosmetiikkaa ja lisäät shampoon tuotesivulle kuvan.
Huono kuvatiedoston nimi olisi: shampoo8437634_3.jpg
Hyvä kuvatiedoston nimi olisi: luonnonkosmetiikka-shampoo.jpg
Näin sekä hakukone että ihminen ymmärtävät heti, mitä kuva esittää ja mihin se liittyy.
3. Alt-teksti parantaa saavutettavuutta
Kuvan näkeminen on ihmiselle helppoa, mutta hakukone tarvitsee vihjeitä ymmärtääkseen, mitä kuvassa on. Siksi alt-teksti eli vaihtoehtoinen teksti on tärkeä osa kuvien hakukoneoptimointia. Ilman sitä hakukoneet eivät osaa yhdistää kuvaa oikeaan aiheeseen.
Alt-teksti auttaa myös saavutettavuudessa: ruudunlukuohjelmat lukevat sen ääneen näkövammaisille käyttäjille. Hyvä alt-teksti siis palvelee sekä hakukoneita että ihmisiä.
Alt-tekstissä voit kuvailla kuvan sisällön hieman tarkemmin kuin tiedoston nimessä. Kerro, mitä kuvassa näkyy ja lisää tarvittaessa mukaan myös avainsana. WordPressissä alt-teksti lisätään kohtaan ”Vaihtoehtoinen teksti”.
Esimerkiksi:
Huono alt-teksti:
”Kuva tuotteesta.” (Liian yleinen, ei kerro mitään kuvan sisällöstä.)
Parempi alt-teksti:
”Tummia paahdettuja kahvipapuja puisella alustalla, vieressä höyryävä cappuccino.” (Kuvailee selkeästi, mitä kuvassa on.)
Hakukoneoptimointu alt-teksti:
”Tummia paahdettuja luomukahvipapuja puisella alustalla, vieressä höyryävä cappuccino kahvilassa.” (Sisältää avainsanan luomukahvipapuja ja antaa tarkemman kontekstin.)
4. Optimoi kuvan otsikko
Kuvan otsikko (title) kannattaa kirjoittaa samalla tavalla kuin alt-teksti: selkeästi ja kuvaavasti. Se kertoo käyttäjälle, mitä kuvassa on, ja se näkyy, kun hiiren vie kuvan päälle.
Hakukoneiden kannalta otsikko ei ole yhtä tärkeä kuin alt-teksti, mutta se parantaa käyttökokemusta. Hyvin kirjoitettu otsikko voi auttaa kävijää ymmärtämään sivun sisältöä nopeammin, erityisesti silloin, kun sivulla on useita kuvia tai tuotteita.
Jos haluat, voit käyttää otsikkoa myös pienenä lisävihjeenä tai tunnelman tuojana. Esimerkiksi verkkokaupassa kuvan otsikko voi sisältää tuotteen nimen ja mallin, kun taas blogissa se voi tiivistää kuvan aiheen muutamalla sanalla.
5. Lisää kuvatekstit
Kuvateksti on kuvaa täydentävä teksti, joka näkyy yleensä suoraan kuvan alla. Se ei ole hakukoneiden kannalta yhtä tärkeä kuin kuvan nimi tai alt-teksti, mutta sillä on silti merkitystä. Hyvä kuvateksti tekee sivusta helpommin luettavan ja auttaa kävijää ymmärtämään, miksi kuva on sivulla.
Kuvatekstin voi kirjoittaa ihan tavallisella, luonnollisella kielellä. Mukaan voi lisätä yhden sopivan avainsanan, jos se sopii tekstiin luontevasti. Tärkeintä on, että kuvateksti tuntuu aidolta ja tukee muuta sisältöä.
Kertauksena
Käytä avainsanaa:
- kuvatiedoston nimessä
- kuvan alt-tekstissä
- kuvan kuvatekstissä
Tarkista vielä nämä
- Kuvien nimet ovat selkeät ja kuvaavat
- Avainsanat löytyvät luonnollisesti muutamasta kuvasta
- Alt-tekstit kertovat selkeästi, mitä kuvissa näkyy
- Kuvatekstit tukevat sivun sisältöä
- Kuvat vahvistavat sivun pääviestiä ja näkyvyyttä
6. Kuvien koon hakukoneoptimointi
Kuvan koko ja tiedostokoko eivät tarkoita samaa asiaa. Kuvan koko kertoo sen mitat, esimerkiksi 800×600 pikseliä. Tiedostokoko taas kertoo, kuinka paljon tilaa kuva vie palvelimella, esimerkiksi 500 kilotavua.
Liian suuret kuvat hidastavat sivujen latautumista, mikä voi heikentää käyttökokemusta ja hakukonenäkyvyyttä. Suuret ja tarkat kuvat sopivat painotuotteisiin, mutta verkossa kuvan kokoa kannattaa pienentää. Kuitenkin niin, että laatu säilyy riittävän hyvänä.
Valitse oikea tiedostomuoto
Yleisimmät kuvamuodot ovat JPG, PNG ja uudempi WebP.
- JPG sopii valokuville ja kuville, joissa on paljon värejä.
- PNG on hyvä valinta yksinkertaisemmille kuville ja silloin, kun taustan pitää olla läpinäkyvä.
- WebP yhdistää molempien hyvät puolet: pienempi tiedostokoko ja hyvä kuvanlaatu, myös läpinäkyvyys säilyy.
Jos mahdollista, käytä WebP-muotoa. Se nopeuttaa sivuja ilman, että kuvien laatu kärsii.
Kuvan pakkaaminen
Kuvan pakkaaminen tarkoittaa tiedostokoon pienentämistä. Liiallinen pakkaus tekee kuvasta sumean, liian vähäinen taas pitää laadun hyvänä mutta kasvattaa tiedostokokoa. Mitä monimutkaisempi ja värikkäämpi kuva on, sitä suurempi sen tiedostokoko yleensä on etenkin JPG-muodossa. Kokeile tallennusvaiheessa eri pakkausasteita ja valitse tasapaino laadun ja tiedostokoon välillä.
Verkkosivuille sopiva tiedostokoko on yleensä alle 300 kilotavua (kt). Suuremmat kuvat hidastavat helposti sivujen latautumista, varsinkin mobiilissa.
Myös kuvan mittojen pienentäminen pienentää sen tiedostokokoa. Esimerkiksi jos kuvan alkuperäinen koko on 6000×4000 pikseliä (kameran ottama täysikokoinen kuva), sitä ei kannata sellaisenaan ladata sivustolle. Kun pienennät sen vaikkapa kokoon 1500×1000 pikseliä, tiedostokoko pienentyy useilla sadoilla kilotavuilla ilman, että laatueroa huomaa näytöllä lainkaan.
Kuvien vaikutus sivujen nopeuteen
Kun olet pakannut kuvat ja pienentänyt niiden mittoja, on hyvä tarkistaa, miten muutokset vaikuttavat sivun nopeuteen.
Voit testata sivusi latausnopeuden esimerkiksi Google PageSpeed Insights -työkalulla. Se näyttää, mitkä kuvat ovat vielä liian raskaita ja mitä voit parantaa.
Kuvien optimointiin voit käyttää helppoa ilmaista työkalua, kuten TinyPNG:tä, joka pienentää tiedostokokoa säilyttäen hyvän laadun.
Lue lisää
7. Käytä yksilöllisiä kuvia
Kuvapankkikuvia saa käyttää, mutta ne eivät yleensä auta sivujesi hakunäkyvyyttä, koska samoja kuvia voi olla käytössä monilla muillakin sivustoilla. Samoin kuin teksti, myös kuvat kannattaa pitää mahdollisimman omaperäisinä. Google arvostaa uniikkia sisältöä, ja tämä koskee myös kuvia.
Kun käytät omia, itse otettuja tai brändiisi sopiviksi muokattuja kuvia, sivusi erottuvat paremmin muista. Ne näyttävät aidommilta, tukevat yrityksesi ilmettä ja tekevät sivuista kiinnostavammat myös kävijöiden silmissä.
8. Kuvien sopivuus muuhun sisältöön
Kuvien vaikutus hakukonenäkyvyyteen riippuu myös siitä, kuinka hyvin ne liittyvät sivun sisältöön. Jos kuvat ovat täysin eri aiheesta kuin teksti, hakukone ei välttämättä ymmärrä niiden merkitystä, ja se voi heikentää sivun näkyvyyttä. Samalla irralliset kuvat voivat häiritä lukijaa ja tehdä sivusta sekavan tai epäammattimaisen.
Valitse siis kuvia, jotka tukevat tekstin aihetta ja auttavat hahmottamaan sitä paremmin. Esimerkiksi verkkokaupan ohjeartikkeleissa tai tuotetiedoissa kuvat voivat havainnollistaa vaiheita tai näyttää, miltä tuote näyttää käytössä. Tällaiset kuvat tekevät sisällöstä helpommin ymmärrettävää ja kiinnostavampaa.
Huolella valitut kuvat vahvistavat myös brändiä ja luovat sivulle yhtenäisen ilmeen, joka tuntuu kävijästä luotettavalta ja ammattimaiselta.
9. Kuvien jäsennellyt tiedot
Jäsennellyt tiedot (engl. structured data) auttavat hakukoneita ymmärtämään, mitä kuvasi esittävät. Kun kuviin on lisätty oikeat tiedot, ne voivat näkyä Googlen hakutuloksissa niin sanottuina rikkaampina tuloksina (rich results), joissa kuvaan liitetään lisätietoa suoraan hakunäkymässä.
Googlen kuvahaku tukee jäsenneltyjä tietoja esimerkiksi tuotekuville, videoille ja resepteille. Jos esimerkiksi sivullasi on resepti ja lisäät siihen jäsennellyt tiedot, Google voi näyttää reseptikuvan yhteydessä erityisen merkin, joka kertoo, että kuva kuuluu reseptiin.
Jäsenneltyjen tietojen lisääminen onnistuu erilaisten lisäosien avulla, jos käytät WordPressiä tai muuta julkaisualustaa. Usein ne voi lisätä myös käsin koodiin, jos hallitset HTML:ää.
Lue lisää Googlen ohjeista
10. Sisällytä kuvat sivustokarttaan
Sivustokartta on tiedosto, joka kertoo Googlelle ja muille hakukoneille, mitä sivuja ja sisältöä sivustollasi on. Se toimii eräänlaisena ”sisältöluettelona”, jonka avulla hakukone löytää kaikki sivusi helpommin.
Sivustokartta auttaa hakukoneita ymmärtämään sivustosi rakennetta ja varmistaa, että kaikki tärkeät sivut ja kuvat tulevat indeksoiduiksi. Kun lisäät kuvat sivustokarttaan, hakukoneet löytävät ne helpommin. Olipa kyse valokuvista, infografiikoista, meemeistä tai videoiden pikkukuvista.
Jos käytät WordPressiä, asia hoituu helposti lisäosien avulla. Yoast SEO ja Rank Math lisäävät kuvat automaattisesti sivustokarttaan, joten sinun ei tarvitse tehdä sitä käsin.