Mitä ALT-teksti tarkoittaa – ja miksi se on tärkeämpi kuin luulet

 

Kirjoittaja: Jarno Saarimies, AEOvara – suomalainen AI-SEO- ja AEO-asiantuntija (Lappeenranta).
Julkaistu: 16.9.2026 · Tämä on tukiartikkeli AEOvara-blogissa julkaistusta artikkelista.

Jos olet joskus ihmetellyt, miksi kuvasi eivät näy Google-haussa tai miten kuvia pitäisi kuvailla hakukoneille – olet jo törmännyt ALT-tekstiin, vaikka et olisi kuullut koko sanaa koskaan.

Nopea vastaus: ALT-teksti (alternative text) on kuvan HTML-koodiin kirjoitettu lyhyt tekstikuvaus, joka kertoo näkövammaisille käyttäjille, hakukoneille ja tekoälyjärjestelmille, mitä kuvassa näkyy ja miksi se on juuri tällä sivulla. Se ei näy tavalliselle kävijälle ollenkaan – se piileskelee koodissa <img alt="..."> -muodossa ja tulee esiin vasta, kun joku (ihminen tai kone) ei voi nähdä itse kuvaa.

Ja juuri se piileskely on ongelma. ALT-teksti on yksi harvoista sivuston elementeistä, joka vaikuttaa yhtä aikaa kolmeen täysin eri yleisöön – ruudunlukijaa käyttävään ihmiseen, Google Kuvahakuun ja ChatGPT:n tai Perplexityn kaltaiseen tekoälyhakuun – mutta koska se ei näy kenellekään suoraan sivulla, se jää useimmilla sivustoilla puolitiehen tai kokonaan tyhjäksi.

Alkuperäinen artikkeli AEOvara-blogissa

Tämä on Blogger-tukiblogiin julkaistu tukiartikkeli. Alkuperäinen, laajempi artikkeli "Mitä ALT-teksti tarkoittaa – ja miksi se on tärkeämpi kuin luulet" on julkaistu AEOvara-blogissa: https://aeovara.fi/mita-on-alt-teksti/

Mikä ALT-teksti oikeasti on?

Tekninen puoli on yksinkertainen: jokainen verkkosivun kuva voidaan koodata <img>-elementillä, jolla on alt-attribuutti:

<img src="perhekuvaus-saimaan-rannalla.jpg" alt="Perhe neljä henkeä poseeraa Saimaan rannalla auringonlaskussa, muotokuvaus">

Ruudunlukija lukee tuon tekstin ääneen näkövammaiselle käyttäjälle sen sijaan, että se yrittäisi kuvailla pikseleitä. Jos kuva ei lataudu, selain näyttää ALT-tekstin kuvan paikalla. Ja kun Google tai ChatGPT käy sivun läpi, ne lukevat saman tekstin – kuvaa itseään ne joko eivät näe ollenkaan, tai näkevät vain todennäköisyyksinä.

ALT-teksti ei siis ole kuvateksti (caption), joka näkyy kuvan alla kaikille. Se ei myöskään ole title-attribuutti, joka tuo hiiren viereen pienen työkaluvihjeen. ALT-teksti on ainoa näistä kolmesta, jolla on oikeasti merkitystä sekä saavutettavuudelle että hakukoneille.

Miksi ALT-tekstit ovat tärkeitä – kolme eri syytä

1. Saavutettavuus tulee ensin

Suomessa arviolta kymmenet tuhannet ihmiset käyttävät ruudunlukijaa päivittäin. Ilman ALT-tekstiä heille kuva on pelkkä ilmoitus "kuva" ilman sisältöä. W3C:n WCAG-ohjeistuksen kohta 1.1.1 vaatii tekstivastineen kaikelle ei-tekstuaaliselle sisällölle, eikä se ole vain hyvä käytäntö vaan monissa maissa myös lakisääteinen saavutettavuusvaatimus.

2. Google Kuvahaku ei näe – se lukee

Googlen oma ohjeistus on tässä suora: hakukone käyttää ALT-tekstiä yhdessä konenäköalgoritmien ja sivun muun sisällön kanssa ymmärtääkseen, mistä kuvassa on kyse. Konenäkö osaa tunnistaa, että kuvassa on "ihminen, ulkona, auringonlasku" – mutta se ei tiedä, että kyseessä on nimenomaan perhekuvaus Saimaan rannalla, ei satunnainen lomakuva. Se konteksti tulee vain sinulta.

3. Tekoälyhaut lukevat ALT-tekstin – eivät kuvaa

Tämä on se osa, joka useimmilta jää huomaamatta – ja suurin syy, miksi ALT-teksti kannattaa ottaa tosissaan juuri nyt. Kun ChatGPT selaa sivua, se ei "katso" kuvia samalla tavalla kuin ihminen: dokumentoiduissa istuntolokeissa on nähty, että agentti lukee kuvan ALT-tekstin osana sivun tekstisisältöä ja saattaa jopa poimia siitä suoraan faktoja vastaukseensa. Kuva ilman ALT-tekstiä ohitetaan usein kokonaan.

Tyhjä alt="" tarkoittaa tekoälyhaulle käytännössä samaa kuin tyhjä sivu: kuvaa ei ole olemassa sen näkökulmasta, vaikka se olisi visuaalisesti upea. Tämä on sama logiikka kuin muussakin hakukoneoptimoinnissa – tieto pitää olla eksplisiittisesti kirjoitettuna, ei vain pääteltävissä. Katso tarkemmin, mitä eroa on GEO:lla ja perinteisellä SEO:lla, tai lue laajempi katsaus AEO:sta eli vastausmoottorioptimoinnista.

Miten kirjoitat hyvän ALT-tekstin

Hyvä nyrkkisääntö: kuvittele, että joku soittaa sinulle puhelimessa ja pyytää kuvailemaan kuvan niin, että hän näkee sen mielessään. Se, mitä sanoisit ensimmäisenä, on yleensä hyvä ALT-teksti.

1. Kuvaile sisältöä, älä pelkkää muotoa. "Nainen liikepukeutumisessa hymyilee studiovalossa, muotokuvaus Kuvaajankulman studiolla Lappeenrannassa" kertoo enemmän kuin "nainen kuvassa".
2. Älä aloita sanoilla "kuva" tai "valokuva". Ruudunlukija ilmoittaa jo itse, että kyseessä on kuva – "kuva: nainen hymyilee" tuhlaa merkkejä ja kuulostaa kömpelöltä ääneen luettuna.
3. Kerro konteksti, ei vain kohde. Miksi tämä kuva on juuri tällä sivulla? "Kahvikuppi pöydällä" on totta, mutta "AEOvaran etätyöpäivän aloitus ennen asiakastapaamista" kertoo, miksi kuva on artikkelissa.
4. Älä täytä avainsanoilla. "Paras valokuvaaja Lappeenranta muotokuvaus potretti yritys liikekuva" ei ole ALT-teksti, se on avainsanaroska. Google ja tekoälyjärjestelmät tunnistavat epäsuhdan kuvan ja tekstin välillä yhtä helposti kuin ihminenkin – ja se heikentää koko sivun uskottavuutta.
5. Koristeelliset kuvat: alt="". Jos kuva on puhtaasti visuaalinen koriste (esim. taustakuvio), tarkoituksella tyhjä ALT-attribuutti on oikea valinta. Puuttuva alt-attribuutti kokonaan on eri asia – ja huonompi: se jättää ruudunlukijan arvailemaan ja lukemaan tiedostonimen.

Kaksi esimerkkiä: sama periaate, eri kuvatyyppi

Esimerkki 1: kuva, jossa on tekstiä (hintalappu)

Kuvitteellinen tilanne: myytävä neulepusero ripustimessa, kuvassa näkyy selvästi hintalappu, jossa lukee "M, 15 €".

• ❌ alt="kuva" – ei kerro mitään, ei kuvan sisältöä eikä hintalapun tietoa.
• ❌ alt="myytävänä halpa neulepusero edullinen muoti ale osta" – avainsanaroskaa, ei kuvaile kuvaa.
• ✅ alt="Harmaa neulepusero ripustimessa, hintalapussa koko M ja hinta 15 €"

Kun kuvassa on tekstiä (hintalappu, kyltti, sitaattikuva, kuvakaappaus), ALT-tekstin pitää sisältää se sama tieto sanallisena – ei vain kuvailla kuvaa yleisellä tasolla. Jos kuvassa on paljon tekstiä (esim. koko infograafi), lyhyt ALT-teksti ei riitä – olennainen sisältö kannattaa toistaa myös tavallisena leipätekstinä kuvan yhteydessä.

Esimerkki 2: kuva ilman tekstiä

Sama tuote, mutta kuva ilman mitään tekstielementtiä – esimerkiksi pusero taiteltuna pöydällä.

• ❌ alt="pusero" – liian ylimalkainen ollakseen hyödyllinen kenellekään.
• ✅ alt="Harmaa neulottu villapusero taiteltuna puupöydällä, pehmeä luonnonvalo"

Kun kuvassa ei ole tekstiä, ALT-teksti keskittyy pelkkään visuaaliseen sisältöön: mitä, minkä värinen, missä, millaisessa valaistuksessa – juuri sen verran, että kuulija näkee kuvan mielessään.

Kuvakaappaukset, kyltit ja infograafit – kuvat, joissa on paljon tekstiä

Konenäkö osaa nykyisin lukea kuvan sisällä olevaa tekstiä (OCR) jonkin verran, mutta siihen ei kannata luottaa – ja ruudunlukija ei käytä sitä ollenkaan. Nyrkkisääntö:

• Lyhyt teksti kuvassa (logo ja iskulause, hintalappu, yksinkertainen kyltti): kirjoita sama teksti sellaisenaan ALT-attribuuttiin.
• Paljon tekstiä kuvassa (infograafi, taulukko, kuvakaappaus asetuksista): pelkkä ALT-teksti ei riitä. Avaa olennainen sisältö myös tavallisena leipätekstinä kuvan vieressä – ALT-teksti voi silloin olla lyhyt yleiskuvaus ("Kaavio, joka näyttää hakunäkyvyyden nousun kesä–elokuu 2026, tiedot selitetty tekstissä alla").
• Logot ovat poikkeus: logoa ei tarvitse muuttaa tekstiksi sivulle, mutta sille pitää olla ALT-teksti, esim. alt="AEOvara-logo".

Tässä moni sivusto menettää eniten näkyvyyttä: jos hinnasto, aikataulu tai vertailutaulukko on julkaistu pelkkänä kuvana ilman tekstivastinetta, se on sekä ruudunlukijalle että hakukoneelle täysin näkymätön – riippumatta siitä, kuinka hyvä ALT-teksti sille on kirjoitettu.

Kenelle tästä on käytännössä eniten hyötyä?

Valokuvaajille ALT-teksti on usein suorin reitti uusiin asiakkaisiin: portfoliogalleria on lähes pelkkiä kuvia, ja ilman ALT-tekstiä koko galleria on hakukoneelle tyhjä sivu. Hyvin kirjoitettu ALT-teksti ("Hääkuvaus Saimaan rannalla, morsian ja sulhanen auringonlaskussa, Etelä-Karjala") voi tuoda kävijän suoraan Google Kuvahausta ennen kuin hän on lukenut sanaakaan leipätekstiä.

Verkkokaupoille tuotekuva on usein ainoa asia, joka vakuuttaa ostajan – ja yhä useammin myös se, minkä perusteella tekoälyostosassistentti päättää suositella juuri sinun tuotettasi, kun joku kysyy "etsi minulle harmaa villapusero alle 20 eurolla". Nämä järjestelmät eivät useimmiten näe kuvaa – ne lukevat ALT-tekstin. Ilman sitä tuote on niille olematon, vaikka kuva olisi kuinka hyvä. Jos haluat testata, miten oma sivustosi näkyy tekoälyn vastauksissa laajemminkin, tee ilmainen AI-auditointi.

Vinted- ja kirpputorimyyjille periaate on sama, vaikka useimmat myyntialustat eivät anna muokata alt-attribuuttia suoraan – silloin sama ajattelutapa siirretään ilmoituksen otsikkoon ja kuvaukseen: kerro tarkasti materiaali, koko, kunto ja väri. Se helpottaa ostajaa löytämään tuotteen haulla ja vähentää turhia "mikä koko tämä on?" -viestejä.

Kuinka pitkä ALT-tekstin pitäisi olla?

Nopea vastaus: virallista merkkirajaa ei ole, mutta noin 80–125 merkkiä on käytännössä toimiva tavoite useimmille kuville.

Tässä kannattaa oikaista yleinen väärinkäsitys: väite, että ruudunlukijat "katkaisisivät" ALT-tekstin 125 merkin kohdalla, on osittain myytti – testeissä yleisimmät ruudunlukijat (JAWS, NVDA) eivät jätä tekstiä kesken. 125 merkkiä on hyvä nyrkkisääntö kuunneltavuuden vuoksi, ei tekninen pakko.

Käytännön ohje: pidä ALT-teksti niin lyhyenä kuin mahdollista ilman, että jätät pois jotain oleellista. Yksinkertainen tuotekuva pärjää muutamalla sanalla; monimutkainen kaavio tai kuvakaappaus voi tarvita pidemmänkin kuvauksen – eikä siitä rangaista.

Yleisimmät virheet

• alt-attribuutti puuttuu kokonaan. Tämä on eri asia kuin tarkoituksella tyhjä alt="" – puuttuva attribuutti jättää ruudunlukijan lukemaan tiedostonimen ("IMG-4521-jpg"), mikä on huonoin mahdollinen lopputulos.
• Sama ALT-teksti kopioidaan joka kuvaan. Jos sivulla on kymmenen kuvaa ja kaikissa lukee sama lause, et ole kuvaillut yhtäkään kuvaa – olet vain toistanut yrityksen nimeä.
• ALT-teksti toistaa sanasta sanaan viereisen leipätekstin tai kuvatekstin. Ruudunlukijan käyttäjä kuulee saman asian kahdesti peräkkäin. Jos kuvateksti jo kertoo olennaisen, ALT-teksti voi olla lyhyempi ja täydentävä.
• Avainsanoilla täyttäminen. Yleisin yksittäinen virhe: ALT-tekstistä tulee hakusanalista sen sijaan, että se kuvailisi kuvaa.
• ALT-teksti puuttuu juuri niistä kuvista, joissa se olisi tärkein. Tekstiä sisältävä kuva (esim. hinnasto kuvana) ilman ALT-tekstiä on sekä saavutettavuus- että näkyvyysongelma.

ALT-teksti vs. tiedostonimi vs. kuvateksti vs. title

• Tiedostonimi (liikekuvaus-nainen-studiovalo.jpg eikä IMG_4521.jpg) auttaa hakukonetta, kun se lukee URL-osoitteen – pieni mutta ilmainen SEO-etu.
• ALT-teksti on saavutettavuuden ja hakukone-/AI-ymmärryksen pääasiallinen kanava. Tärkein näistä neljästä.
• Kuvateksti (caption) näkyy kaikille kuvan alla ja kertoo tarinaa tai kontekstia lukijalle – ei korvaa ALT-tekstiä.
• Title-attribuutti tuo hiiren viereen pienen vihjeen työpöytäselaimissa. Ei vaikuta juuri lainkaan saavutettavuuteen eikä hakukonenäkyvyyteen – tähän ei kannata käyttää aikaa ALT-tekstin kustannuksella.

Usein kysyttyjä kysymyksiä ALT-teksteistä

Mitä ALT-teksti tarkoittaa?

ALT-teksti (alternative text) on kuvan HTML-koodiin kirjoitettu lyhyt tekstikuvaus, joka kertoo ruudunlukijoille, hakukoneille ja tekoälyjärjestelmille, mitä kuvassa näkyy. Se ei näy sivulla normaalisti, vaan tulee esiin vain silloin, kun kuvaa itseään ei voida nähdä tai näyttää.

Vaikuttaako ALT-teksti Google-sijoituksiin?

Ei suoraan koko sivun sijoitukseen, mutta kyllä siihen, löytyykö sivun kuva Google Kuvahausta ja ymmärtääkö Google, mistä sivu ylipäätään kertoo. Google käyttää ALT-tekstiä yhdessä konenäön ja sivun muun sisällön kanssa aihepiirin tunnistamiseen.

Kuinka monta merkkiä ALT-tekstissä saa olla?

Virallista rajaa ei ole, mutta 80–125 merkkiä on toimiva tavoite useimmille kuville. Väite ruudunlukijoiden tekstin "katkaisemisesta" 125 merkin kohdalla on osittain myytti.

Tarvitseeko jokainen kuva ALT-tekstin?

Jokainen <img>-elementti tarvitsee alt-attribuutin, mutta ei jokainen tarvitse pitkää kuvausta. Sisältöä kantava kuva tarvitsee kuvailevan ALT-tekstin. Puhtaasti koristeellinen kuva tarvitsee tarkoituksella tyhjän alt="" – ei puuttuvaa attribuuttia kokonaan.

Mitä eroa on ALT-tekstillä ja kuvatekstillä (captionilla)?

ALT-teksti on tekninen, ruudunlukijoille ja hakukoneille tarkoitettu kuvaus kuvan sisällöstä. Kuvateksti näkyy kaikille kävijöille kuvan alla ja kertoo yleensä tarinaa tai lisäkontekstia. Kuvateksti ei koskaan korvaa ALT-tekstiä teknisesti.

Yhteenveto

ALT-teksti on pieni yksityiskohta, jolla on ison kuvan vaikutus: se ratkaisee, ymmärtääkö ruudunlukijan käyttäjä mitä sivulla tapahtuu, löytyykö kuvasi Google Kuvahausta – ja yhä useammin sen, näkeekö ChatGPT tai Perplexity sivusi ylipäätään olemassa olevaksi silloin, kun ne vastaavat kuviin liittyvään kysymykseen. Kirjoita se kerran kunnolla jokaiseen kuvaan sen sijaan, että jättäisit sen tyhjäksi tai täyttäisit sen avainsanoilla.

Jos et ole varma, missä kunnossa oman sivustosi kuvat ovat juuri nyt, ilmainen AI-auditointi käy läpi tämän kaltaiset tekniset katvealueet konkreettisen korjauslistan kanssa.

ChatGPT & Google Kuvahaku lukevat ALT-tekstisi – Teetkö nämä virheet?

Katso video

Lähteet

• Google Search Central – Image SEO best practices
• W3C WCAG 2.1, Success Criterion 1.1.1 (Non-text Content)
• Peec.ai – dokumentoidut lokitiedot ChatGPT:n agentin ALT-tekstin lukemisesta
• AltText.ai – ChatGPT:n kuvasisällön lukutapa ja optimointiohjeet
• Screen reader -katkaisumyytin testaus (Yatil.net)

---

Kirjoittaja: Jarno Saarimies
AEOvara – asiantuntija AI-SEO:hon ja Answer Engine Optimizationiin
aeovara.fi