AEO ja tekoälynäkyvyys

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

Jarno S. – SEO- ja AEO-strategi, AEOvara perustaja

Jarno S.

SEO- & AEO-strategi | AEOvara perustaja

Olen tekoälyajan hakukoneoptimoinnin (AEO) asiantuntija, joka auttaa yrityksiä löytymään sieltä, mistä vastauksia nykyään etsitään.

Kuvitus, jossa maisemavalokuva muuttuu tekstiksi: keskellä lukee ”Miten kirjoitan ALT-tekstin oikein”, oikealla puhekuplia

Jos olet joskus googlaillut “miksi kuvani ei näy Google-haussa” tai kysynyt ChatGPT:ltä, “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. Käydään läpi, miksi se kannattaa korjata, ja miten se tehdään oikein.

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ä (“70 % varmuudella tämä on ihminen ulkona”).

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 työpöytäselaimissa. ALT-teksti on ainoa näistä kolmesta, jolla on oikeasti merkitystä sekä saavutettavuudelle että hakukoneille – title-attribuutti ei vaikuta kumpaankaan mainittavasti.

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

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öä – kuin joku sanoisi puhelimessa “täällä on jotain, mutta en kerro mitä”. W3C:n WCAG-ohjeistuksen kohta 1.1.1 vaatii tekstivastineen kaikelle ei-tekstuaaliselle sisällölle juuri tästä syystä, eikä se ole vain hyvä käytäntö vaan monissa maissa myös lakisääteinen saavutettavuusvaatimus julkisille ja isommille yksityisillekin toimijoille.

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 jo nykyisin tunnistaa aika hyvin, 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.

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

Tämä on se osa, joka useimmilta jää huomaamatta, ja samalla suurin syy, miksi ALT-teksti kannattaa ottaa tosissaan juuri nyt. Kun ChatGPT selaa sivua Deep Research- tai selaustoiminnolla, 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 koristeellisena.

Sama pätee laajemmin: kun ChatGPT tai Perplexity vastaa kuviin liittyvään kysymykseen ja päättää, minkä sivun se mainitsee tai linkittää, se nojaa vahvasti juuri ALT-tekstiin, kuvan ympärillä olevaan leipätekstiin ja mahdolliseen kuvatekstiin – ei siihen, miltä kuva oikeasti näyttää. 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 käytännössä sama logiikka kuin muussakin hakukoneoptimoinnissa ja AI-näkyvyydessä – tieto pitää olla eksplisiittisesti kirjoitettuna, ei vain pääteltävissä. Google ja ChatGPT arvaavat mielellään, mutta arvaus häviää aina täsmälliselle väitteelle. Katso tarkemmin, mitä eroa tässä 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.

Käytännön ohjeet:

  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 eikä kanna mitään sisältöä (esim. taustakuvio), tyhjä ALT-attribuutti on oikea valinta – se kertoo ruudunlukijalle nimenomaisesti, että kuvan voi ohittaa. Puuttuva alt-attribuutti kokonaan on eri asia kuin tyhjä, ja huonompi: se jättää ruudunlukijan arvailemaan.

Kaksi esimerkkiä: sama periaate, eri kuvatyyppi

Alla kaksi konkreettista esimerkkiä, joissa ALT-teksti kirjoitetaan eri tavalla riippuen siitä, onko kuvassa itsessään tekstiä vai ei. Molemmat sopivat hyvin myös kirpputorimyyjän tai verkkokaupan tuotekuvaksi – periaate on täsmälleen sama myyjästä riippumatta.

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

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

❌ Väärin:

<img src="IMG_7712.jpg" alt="kuva">

Ei kerro mitään – ei kuvan sisältöä eikä hintalapun tietoa.

❌ Myös väärin (avainsanaroska):

<img src="IMG_7712.jpg" alt="myytävänä halpa neulepusero edullinen muoti ale osta">

Ei kuvaile oikeasti kuvaa eikä toista hintalapun tietoa – yrittää vain osua hakusanoihin.

✅ Oikein:

<img src="harmaa-neulepusero-koko-m-hintalappu.jpg" alt="Harmaa neulepusero ripustimessa, hintalapussa koko M ja hinta 15 €">

Tässä on olennaista: kun kuvassa on tekstiä (hintalappu, kylttiskyltti, sitaattikuva, kuvakaappaus), ALT-tekstin pitää sisältää se sama tieto sanallisesti – ei vain kuvailla kuvaa yleisellä tasolla. Ruudunlukijan käyttäjä ei muuten saa koskaan tietää, mitä hintalapussa luki, ja hakukone/tekoäly ei pysty siihen luottamaan, vaikka konenäkö joskus osaisikin lukea kuvan tekstin (OCR). Jos kuvassa on paljon tekstiä (esim. koko infograafi), lyhyt ALT-teksti ei riitä – silloin olennainen sisältö kannattaa toistaa myös tavallisena leipätekstinä kuvan yhteydessä, ei pelkästään ALT-attribuutissa.

Harmaa neulepusero puisessa ripustimessa vaaleaa seinää vasten, hintalapussa lukee M 15€

Esimerkki 2: kuva ilman tekstiä

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

❌ Väärin:

<img src="IMG_7713.jpg" alt="pusero">

Teknisesti on jotain, mutta liian ylimalkainen ollakseen hyödyllinen kenellekään.

✅ Oikein:

<img src="harmaa-neulepusero-taiteltuna-puupoydalla.jpg" 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 tai lukija näkee kuvan mielessään.

Harmaa neulottu villapusero taiteltuna vaalealla puupöydällä

Entä kuvakaappaukset, kyltit ja infograafit – kuvat, joissa on paljon tekstiä?

Hintalappu-esimerkki yllä on yksinkertaisin tapaus. Mutta sama ongelma toistuu isommassa mittakaavassa aina, kun kuva sisältää tekstiä: kuvakaappaus verkkosivusta, hintataulukko kuvana, mainoskyltti, sitaattikuva somejulkaisuun tai vaikka Excel-kaavio, joka on tallennettu PNG-tiedostona.

Konenäkö osaa nykyisin lukea kuvan sisällä olevaa tekstiä (OCR) jonkin verran, mutta siihen ei kannata luottaa – se on epäluotettavampaa kuin suoraan kirjoitettu teksti, eikä ruudunlukija käytä sitä ollenkaan. WCAG-ohjeistuksen mukainen nyrkkisääntö on tässä selkeä:

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

Tämä on myös kohta, jossa 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 (kuten Kuvaajankulmalle) 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 (ChatGPT, Perplexity) päättää suositella juuri sinun tuotettasi jollekulle, joka kysyy “etsi minulle harmaa villapusero alle 20 eurolla”. Kuten yllä käytiin läpi, 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 tällä tavoin tehdyissä AI-vastauksissa laajemminkin, katso Golden Prompt Set -menetelmää.

Vinted- ja kirpputorimyyjille periaate on sama, vaikka useimmat myyntialustat eivät anna muokata HTML:n alt-attribuuttia suoraan – silloin sama ajattelutapa kannattaa siirtää ilmoituksen otsikkoon ja kuvaukseen: kerro tarkasti materiaali, koko, kunto ja väri, älä pelkää “hyväkuntoinen, myydään”. Se helpottaa ostajaa löytämään tuotteen haulla ja vähentää turhia “mikä koko tämä on?” -viestejä. Jos myyjällä on myös oma verkkokauppa tai blogi samojen tuotteiden ympärillä, ALT-teksti toimii siellä suoraan samalla logiikalla kuin yllä.

Kuinka pitkä ALT-tekstin pitäisi olla?

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

Tässä kohtaa kannattaa oikaista yleinen väärinkäsitys, joka toistuu lähes jokaisessa ALT-teksti-oppaassa: väite, että ruudunlukijat “katkaisevat” ALT-tekstin 125 merkin kohdalla. Tätä on testattu, eivätkä yleisimmät ruudunlukijat (JAWS, NVDA) oikeasti katkaise tekstiä kesken lauseen – osa niistä pilkkoo pitkän ALT-tekstin useampaan osaan, mutta mitään ei jää lukematta. 125 merkkiä on siis 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 tai ikoni pärjää muutamalla sanalla. Monimutkainen kuva – esimerkiksi kaavio, kuvakaappaus tai tilanne, jossa moni asia tapahtuu yhtä aikaa – voi tarvita pidemmänkin kuvauksen, eikä siitä rangaista.

Yleisimmät virheet, joita kannattaa välttää

  • Tyhjä alt-attribuutti kokonaan puuttuu. 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 “Kuvaajankulma valokuvaus Lappeenranta”, 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, mikä on turhauttavaa. Jos kuvateksti jo kertoo olennaisen, ALT-teksti voi olla lyhyempi ja täydentävä.
  • Avainsanoilla täyttäminen. Katettu jo yllä, mutta tämä on yleisin yksittäinen virhe: ALT-tekstistä tulee hakusanalista sen sijaan, että se kuvailisi kuvaa.
  • ALT-teksti puuttuu tuotekuvista tai logoista, joissa se olisi juuri tärkein. Tekstiä sisältävä kuva (esim. hinnasto kuvana) ilman ALT-tekstiä on sekä saavutettavuus- että näkyvyysongelma – teksti kuvan sisällä ei ole kenellekään luettavissa muuten.

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

Näitä sekoitetaan jatkuvasti keskenään, joten lyhyt erottelu:

  • 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ä, koska ruudunlukija ei automaattisesti yhdistä niitä samaksi asiaksi.
  • 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 – hyvä ALT-teksti tukee koko sivun hakuintentin täsmäävyyttä, huono heikentää sitä.

Kuinka monta merkkiä ALT-tekstissä saa olla?

Virallista merkkirajaa ei ole, mutta 80–125 merkkiä on toimiva tavoite useimmille kuville. Väite ruudunlukijoiden tekstin “katkaisemisesta” 125 merkin kohdalla on osittain myytti – testeissä yleisimmät ruudunlukijat eivät jätä tekstiä kesken, mutta lyhyt ja täsmällinen kuvaus kuulostaa silti paremmalta ääneen luettuna.

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=""-attribuutin – 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 (caption) näkyy kaikille kävijöille kuvan alla ja kertoo yleensä tarinaa tai lisäkontekstia. Ne voivat kertoa saman asian eri tavoin, mutta 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 – näkeekö ChatGPT tai Perplexity sivusi ylipäätään olemassa olevaksi silloin kun ne vastaavat kuviin liittyvään kysymykseen. Se kannattaa kirjoittaa kerran kunnolla jokaiseen kuvaan sen sijaan, että jättää sen tyhjäksi tai täyttää sen avainsanoilla.

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

Lähteet

Jarno S, AEOvaran perustaja ja AI-SEO-asiantuntija

Kirjoittajasta

Jarno S – AEOvaran perustaja ja AI-SEO-asiantuntija

Autan yrityksiä parantamaan näkyvyyttään Googlessa ja tekoälypohjaisissa hakujärjestelmissä. Yhdistän työssäni hakukoneoptimoinnin, AEO:n, GEO:n, LLMO:n, teknisen SEO:n ja sisältöstrategian käytännönläheiseksi kokonaisuudeksi.

Tavoitteeni AEOvaralla on tehdä yritysten digitaalisesta näkyvyydestä selkeämpää, mitattavampaa ja paremmin löydettävää sekä ihmisille että tekoälylle.

Lue lisää asiantuntijasta Seuraa LinkedInissä

Tilaa 15 minuutin maksuton AI-auditointi ja selvitä nykytilanteesi.

Jaa artikkeli
arrow_back Takaisin blogiin