Kuvat eivät ole koristeita. Ne ovat sijoitustekijöitä. Optimoidut kuvat nopeuttavat sivua, auttavat hakukoneita ymmärtämään sisältöäsi ja parantavat saavutettavuutta kaikille käyttäjille. Useimmat verkkosivustot jättävät kuvien optimoinnin kokonaan väliin. Ne lataavat valtavia pakkaamattomia tiedostoja, joilla on merkityksettömät nimet eikä alt-tekstiä. Tämä on helpoin SEO-voitto, jonka useimmat sivustot jättävät käyttämättä. Opi optimoimaan kuvat niin, että ne auttavat sijoituksiasi eivätkä haittaa niitä.
Kuvilla on verkkosivulla monta tehtävää. Ne rikkovat tekstiä. Ne havainnollistavat asioita. Ne sitouttavat lukijoita. Silti moni verkkosivusto ohittaa kuvien optimoinnin. Ne lataavat suuria pakkaamattomia tiedostoja. Ne käyttävät epäselviä tiedostonimiä. Ne jättävät alt-tekstin pois. Tuloksena on hitaita sivuja, joita hakukoneiden on vaikea ymmärtää.
Kuvien optimointi on yksinkertaista. Siihen kuuluu kolme asiaa. Tiedostonimet. Alt-teksti. Tiedostojen pakkaus. Jokaisella on merkitystä SEO:lle. Yhdessä ne muuttavat kuvat sijoitusten rasitteista sijoitusten eduiksi.
Kuvien tiedostonimien pitäisi olla kuvaavia
Hakukoneet lukevat kuviesi tiedostonimet. Tiedostonimi kertoo niille, mitä kuva sisältää, ennen kuin ne käsittelevät itse kuvaa.
Huono tiedostonimi: "DSC_4829.jpg" tai "image-2026-03-19.jpg"
Hyvä tiedostonimi: "website-builder-dashboard-screenshot.jpg"
Hyvä tiedostonimi kertoo hakukoneille, mitä kuva esittää. Huono tiedostonimi ei kerro mitään. Käytä kuvaavia tiedostonimiä, jotka vastaavat kuvan sisältöä. Erota sanat tavuviivalla, älä alaviivalla. Pidä tiedostonimet ytimekkäinä mutta tarkkoina.
Jos sivullasi on 10 kuvakaappausta, anna niille kullekin oma nimi. "website-builder-step-1.jpg", "website-builder-step-2.jpg", "website-builder-step-3.jpg". Yksilölliset nimet auttavat hakukoneita ymmärtämään, että nämä ovat eri kuvia, joiden sisältö on erilainen.
Alt-teksti auttaa hakukoneita ymmärtämään kuvia
Alt-teksti on teksti, joka näkyy, jos kuva ei lataudu. Sen lukevat myös ruudunlukijat näkövammaisille käyttäjille. Hakukoneet käyttävät alt-tekstiä ymmärtääkseen, mistä kuvat kertovat.
Huono alt-teksti: "kuva" tai "valokuva" tai tyhjä
Hyvä alt-teksti: "Sivustonrakentajan hallintapaneeli, jossa näkyy mallin valintanäkymä sinisellä yläpalkilla ja ruudukko malleista"
Hyvä alt-teksti on kuvaava. Se kertoo lukijoille ja hakukoneille, mitä kuva esittää. Se on täsmällinen. Sanan "verkkosivusto" sijaan kirjoita "Sivustonrakentajan hallintapaneeli". Sanan "kuvakaappaus" sijaan kirjoita "kuvakaappaus, jossa näkyy mallin valintanäkymä".
Pidä alt-teksti alle 125 merkin pituisena. Ruudunlukijat katkaisevat pidemmän alt-tekstin. Ole kuvaava mutta ytimekäs. Sinun ei tarvitse kirjoittaa "kuva aiheesta" tai "valokuva aiheesta". Se oletetaan.
Lisää avainsanoja alt-tekstiin, kun ne sopivat luontevasti
Jos sivusi kohteena on "Sivustonrakentajan hallintapaneeli" ja sinulla on kuvakaappaus sivustonrakentajan hallintapaneelista, alt-tekstin pitäisi kertoa se. "Sivustonrakentajan hallintapaneeli, jossa näkyy mallin valinta" sisältää avainsanan luontevasti.
Älä kuitenkaan pakota avainsanoja. Älä koskaan kirjoita "Sivustonrakentajan hallintapaneeli sivustonrakentajan malli sivustonrakentajan valinta sivustonrakentajan näkymä". Se on avainsanojen toistamista, ja se vahingoittaa SEO:ta. Kirjoita alt-teksti, joka kuvaa kuvan ihmislukijalle. Avainsanat tulevat toisena.
Jos kohdeavainsanasi ei sovi luontevasti alt-tekstiin, jätä se pois. Käytä sen sijaan lähisanoja. "Hallintapaneelin näkymä, jossa näkyvät saatavilla olevat mallit" on hyödyllinen ilman täsmällistä avainsanaakin.
Pakkaa kuvat sivun nopeuttamiseksi
Suuret kuvatiedostot hidastavat sivujasi. Hakukoneet sijoittavat nopeammat sivut korkeammalle. Sivun nopeus on vahvistettu sijoitustekijä. Kuvien pakkaaminen parantaa nopeutta ja sijoituksia.
Nykyaikaiset kuvamuodot, kuten WebP ja AVIF, pakkautuvat 25-50 % paremmin kuin JPEG laadun säilyessä. Jos käytät JPEG- tai PNG-kuvia, pakkaa ne kuvanpakkaustyökalulla ennen lataamista.
Pakattu kuva voi olla 80 kt eikä 500 kt. Pienempi tiedosto latautuu nopeammin. Sivusi latautuu nopeammin. Hakukoneet sijoittavat sinut korkeammalle. Käyttäjillä on parempi kokemus. Kuvien pakkaus voittaa joka suhteessa.
Käytä mukautuvia kuvia, jotka skaalautuvat eri näyttökokoihin
Mobiilikäyttäjät katsovat sivustoasi pienemmällä näytöllä. 2 000 pikselin levyisen kuvan lähettäminen puhelimeen, joka näyttää sen 400 pikselin levyisenä, on tuhlausta. Puhelin lataa valtavan tiedoston ja pienentää sen sitten. Mukautuvat kuvat lähettävät eri laitteille eri kokoja.
Tietokoneen käyttäjä saa suuren, laadukkaan kuvan. Mobiilikäyttäjä saa pienemmän kuvan, joka on optimoitu mobiilinäytöille. Tämä parantaa sivun nopeutta mobiilissa, mikä on ratkaisevaa, koska suurin osa hauista tehdään puhelimilla.
Lisää kuvatekstejä, kun ne ovat tarpeen
Kuvatekstit ovat tekstiä, joka näkyy kuvan alla tai vieressä. Ne antavat asiayhteyden. Hakukoneet lukevat kuvatekstit alt-tekstin ohella ymmärtääkseen kuvia syvemmin. Kuvatekstit auttavat myös lukijoita ymmärtämään, mitä he katsovat.
Kaikki kuvat eivät tarvitse kuvatekstiä. Mutta tärkeät kuvat, jotka havainnollistavat keskeisiä asioita, hyötyvät kuvateksteistä. Ohjelmiston kuvakaappaus tarvitsee kuvatekstin, joka kertoo, mitä kuvakaappaus näyttää. Kaavio tarvitsee kuvatekstin, joka selittää asian.
Käytä kuvasivukarttoja tärkeille kuville
Kuvasivukartta kertoo hakukoneille sivustosi kuvista. Se auttaa hakukoneita löytämään ja indeksoimaan kuvia, jotka muuten voisivat jäädä huomaamatta. Jos sinulla on paljon kuvia, kuvasivukartta varmistaa, että hakukoneet löytävät ne kaikki.
Useimmille verkkosivustoille tämä on valinnaista. Mutta jos kuvat ovat sisältösi keskiössä, kuten ruokareseptisivustoilla, tuotesivuilla tai valokuvaussivustoilla, kuvasivukartta parantaa kuvien SEO:ta merkittävästi.
Usein kysytyt kysymykset
Voinko käyttää samaa alt-tekstiä kaikille kuville?
Ei. Jokaisella kuvalla pitäisi olla oma alt-teksti, joka kuvaa juuri sitä kuvaa. Jos käytät samaa alt-tekstiä 10 eri kuvalle, hakukoneet eivät voi erottaa niitä toisistaan. Yksilöllinen alt-teksti auttaa hakukoneita ymmärtämään, että jokaisella kuvalla on eri sisältö ja merkitys. WEMASYn Sivustonrakentajalla voit tehdä tämän suoraan verkkosivustollasi.
Pitäisikö jokaisen kuvan alt-tekstiin lisätä avainsana?
Ei. Lisää avainsana alt-tekstiin, kun se sopii luontevasti ja kuvaa kuvaa tarkasti. Jos avainsana ei liity kuvaan, on parempi jättää se pois kuin pakottaa se mukaan. Kirjoita ensin alt-teksti, joka kuvaa kuvan. Avainsanat ovat toissijainen hyöty, joka tulee luontevasti, kun kuvaat kuvia hyvin.
Mikä kuvamuoto on paras SEO:lle?
WebP ja AVIF ovat parhaat nykyaikaiset muodot. AVIF pakkaa eniten ja pienentää tiedostokokoa 50 % verrattuna JPEG-muotoon. WebP pakkaa 25-35 % ja toimii laajemmin eri selaimissa. Jos sivustosi pitää toimia vanhoilla selaimilla, käytä WebP:tä. Käytä JPEG- tai PNG-muotoa vain, jos muuta vaihtoehtoa ei ole, koska ne ovat suurempia tiedostoja.
Vaikuttaako kuvan alt-teksti sivun sijoitukseen suoraan?
Alt-teksti ei ole suora sijoitustekijä sivullesi. Mutta se auttaa hakukoneita ymmärtämään sivusi paremmin, mikä auttaa sijoituksia välillisesti. Vielä tärkeämpää on, että alt-teksti auttaa kuviasi sijoittumaan Google-kuvahaussa, mikä tuo liikennettä. Se parantaa myös saavutettavuutta näkövammaisille käyttäjille ja parantaa siten käyttökokemusta ja sitoutumista.
Kuinka paljon kuvia voi pakata, ennen kuin laatu kärsii?
Nykyaikaiset pakkaustyökalut säilyttävät laadun ja pienentävät tiedostokokoa merkittävästi. Yleensä voit pakata 50-70 % ilman huomattavaa laadun heikkenemistä. Kokeile eri pakkaustasoja työkaluillasi ja vertaa silmämääräisesti. Useimmissa käyttötarkoituksissa laadun heikkenemistä ei näy ennen kuin ylität 80-90 %:n pakkauksen. Käytä työkaluja ja testaa arvaamisen sijaan.
Onko alt-teksti tärkeä, jos kuva on pelkästään koriste?
Pelkästään koristeellisille kuville, joilla ei ole tietoarvoa, alt-tekstin voi jättää tyhjäksi tai käyttää tyhjää alt-tekstiä (alt=""). Se kertoo ruudunlukijoille, että kuva ohitetaan, mikä parantaa näkövammaisten käyttäjien kokemusta. Mutta jos kuva välittää tietoa, myös tekstin kanssa käytetyt koristekuvat, lisää kuvaava alt-teksti.