Mikä on kuvan alt-teksti?
Kuvan alt-teksti on lyhyt kirjallinen kuvaus kuvasta, asetettuna HTML:n alt-attribuutilla (esimerkiksi alt="Musta nahkainen Chelsea-saapas, sivuprofiili"). Se on näkymätön sivulla, mutta näytönlukijat lukevat sen ääneen, näytetään, kun kuvan lataus epäonnistuu, ja tekoälyhakukoneet ja hakurobotit jäsentävät sen. WCAG 2.1 Success Criterion 1.1.1 vaatii tekstivastineen kaikelle ei-tekstuaaliselle sisällölle — mikä tarkoittaa, että jokainen merkityksellinen kuva tarvitsee alt-tekstin.
Tekoälyhakukoneet kuten ChatGPT, Perplexity ja Googlen AI Overviews siteeraavat yhä enemmän monimuotoista sisältöä. Useimmat eivät suorita konenäköä jokaiseen kuvaan — ne lukevat alt-tekstin, kuvatekstit ja ympäröivän HTML:n päättääkseen, mitä kuva näyttää, ja siteerataanko sivua. Sivut, joilla teksti, kuvat ja strukturoitu data kaikki vahvistavat samaa aihetta, siteerataan paljon useammin. Tämä mittari on osa Technical Foundation -pilaria GEO-Scoressasi.
Miksi alt-teksti on tärkeä tekoälyhaussa
Alt-teksti on yksi harvoista signaaleista, joka tekee kolminkertaista työtä: se on lakisääteinen saavutettavuusvaatimus, vahvistettu kuvahaun sijoitustekijä ja ensisijainen tekstisyöte, jota tekoälyhakukoneet käyttävät visuaaliesi tulkitsemiseen. Sen ohittaminen maksaa sinulle kaikilla kolmella rintamalla samanaikaisesti.
Saavutettavuus on perustaso (ja laki)
WCAG 2.1 Level A vaatii tekstivastineen kaikelle ei-tekstuaaliselle sisällölle. WebAIM Million 2025 -tutkimus havaitsi, että 18,5 % kaikista kotisivun kuvista puuttuu edelleen alt-teksti — ja puuttuva alt-teksti on yleisin WCAG-rikkomus, joka mainitaan 3 117 ADA Title III -verkkosivuston saavutettavuusoikeudenkäynnissä, jotka jätettiin vuonna 2025.
Tekoälyhakukoneet siteeraavat monimuotoisia sivuja useammin
Wellows analysoi 15 847 AI Overview -tulosta 63 toimialalla ja havaitsi, että sivut, jotka yhdistävät tekstiä, kuvia, videota ja strukturoitua dataa, näkevät 156 % korkeammat valintaprosentit — täydellä monimuotoisuudella plus skeemalla tuottaen jopa 317 % enemmän sitaatteja. Alt-teksti on se, joka muuttaa kuvan siteerattavaksi signaaliksi.
Kuvahaku ja visuaaliset sitaatit tarvitsevat tekstiä
Google Lens käsittelee yli 12 miljardia visuaalista kyselyä kuukaudessa ja kasvaa 30 % vuodessa. Kuvaileva alt-teksti on yksittäinen suurivaikutuksisin kuvan SEO-toimi — mutta Backlinkon tutkimus 65 388 visuaalisesta hausta havaitsi, että vain 11,4 % sijoitetuista kuvista oli alt-teksti, joka vastasi kyselyä.
Mitä tutkimus sanoo
Pages that combine text, images, video, and structured data see 156% higher selection rates in AI Overviews, with full multi-modal plus schema integration delivering up to 317% more citations. Multi-modal integration showed a 0.92 correlation coefficient — the biggest ranking shift of 2025.
— Wellows, Google AI Overviews Ranking Factors Study (15,847 results, 63 industries), 2026
18.5% of all home page images had missing alternative text — about 11 missing alt attributes per page on average. A further 11% of images with alt text used questionable values like "image", "graphic", a file name, or duplicates of adjacent text.
— WebAIM Million 2025, Accessibility Audit of 1,000,000 Home Pages
Only 11.4% of all Google Lens result images contain alt text terms that match the keyword someone just searched for. Contextually rich alt text can improve visual search discovery by up to 35%, particularly for e-commerce and product-focused sites.
— Backlinko, Google Lens Study of 65,388 Visual Searches, 2025
Todellisia esimerkkejä: huono vs. hyvä
Alt-tekstin laatu on käytännössä binääristä — se on joko hyödyllinen näytönlukijalle ja tekoälyjäsentimelle, tai se on melua. Nämä kolme todellista skenaariota osoittavat, kuinka pienet sanavalinnat muuttavat kuvan näkymättömästä siteerattavissa olevaksi.
Esimerkki 1: Verkkokaupan tuotekuva (Chelsea-saapas)
<img src="image1.jpg" alt="image1.jpg">
Miksi tämä epäonnistuu: Tiedostonimi alt-tekstinä ei anna tietoa tuotteesta. Näytönlukijat lukevat "image one dot jay peg". Google Image Searchilla ei ole signaalia kyselyn "musta Chelsea-saapas" täsmäämiseen. Tekoälyhakukoneet näkevät kuvan, mutta eivät voi kuvailla tai siteerata sitä.
<img src="chelsea-boot-black.jpg" alt="Musta nahkainen Chelsea-saapas, sivuprofiili, miesten koko 10, joustavalla tukilevyllä ja vetolenkillä">
Miksi tämä toimii: Sokea ostaja kuulee tarkan tuotteen. Google voi täsmätä alt-tekstin värin, tyylin ja koon kyselyihin. ChatGPT ja Perplexity voivat siteerata tätä sivua, kun kysytään "parhaat mustat Chelsea-saappaat miehille". Sama kuva — täysin eri lopputulos.
Esimerkki 2: Blogin pääkuva (artikkeli etätyöstä)
<img src="hero-banner.png">
Miksi tämä epäonnistuu: Ilman alt-attribuuttia ollenkaan monet näytönlukijat palaavat lukemaan tiedostonimen ("hero banner dot p n g"). Se rikkoo WCAG 1.1.1 Level A:n. Tekoälykrawlerit eivät voi sijoittaa kuvaa kontekstiin, ja sivu menettää monimuotoisen sitaattinousun, jonka Wellows mittasi.
<img src="remote-team-video-call.png" alt="Hajautettu insinööritiimi videopuhelussa, jaettu näyttö näyttäen Kanban-taulun">
Miksi tämä toimii: Alt-teksti kuvailee sekä aihetta että kontekstia, vahvistaen artikkelin aihetta. Tekoälyhakukoneilla on nyt linjassa olevat signaalit (otsikko, runko, kuvan alt) — täsmälleen monimuotoinen kuvio, joka ansaitsee 156 % enemmän AI Overview -sitaatteja.
Esimerkki 3: Datan visualisointi (neljännesvuosittainen tulokaavio)
<img src="q4.png" alt="chart">
Miksi tämä epäonnistuu: WebAIM lippu "chart" klassisena kyseenalaisena alt-arvona (11 % kaikesta alt-tekstistä verkossa on tällaista täytettä). Näytönlukijan käyttäjä ei opi mitään. Tekoälyhakukoneet eivät voi poimia lukuja ja ohittavat sivun, kun he tiivistävät tulokehitystä.
<img src="q4-revenue-bar-chart.png" alt="Pylväskaavio neljännesvuosittaisista tuloista 2025: Q1 4,2 M $, Q2 4,8 M $, Q3 5,1 M $, Q4 6,7 M $ — 60 %:n vuositason kasvu">
Miksi tämä toimii: Kaaviotyyppi on nimetty, neljä datapistettä on listattu, ja pääuutinen on sisällytetty. WCAG-monimutkaisten kuvien ohjaus täyttyy, ja tekoälyhakukoneet voivat siteerata todellisia lukuja vastauksissa tulokehityksestä.
Kuinka parannat kuvan alt-tekstiäsi
ÄLÄ tee näin
- ✗Jätä alt-attribuutti pois kokonaan — monet näytönlukijat lukevat tiedostonimen ääneen, mikä on huonompaa kuin ei mitään
- ✗Käytä raakoja tiedostonimiä kuten IMG_1234.jpg, screenshot-final-v2.png tai hero.webp alt-arvona
- ✗Aloita jokainen alt sanoilla "Kuva" tai "Valokuva" — näytönlukijat ilmoittavat elementin jo kuvana, joten se vain hukkaa merkkejä
- ✗Pakkaa alt-teksti epärelevanteilla avainsanoilla — Google nimenomaan kutsuu tätä spämmiksi kuvan SEO-dokumentaatiossaan ja saattaa rankaista sivua
- ✗Jätä koristekuvat (jakajat, taustakoristeet) ilman alt="" — ilman tyhjää alt:ia näytönlukijat saattavat yrittää kuvailla merkityksettömiä visuaaleja
Tee näin sen sijaan
- ✓Kuvaile, mitä kuva näyttää JA miksi se on sivulla — sisältö + konteksti, ei vain leimat
- ✓Kaaviolle, infografiikalle ja kuvakaappauksille aloita tyypillä ("Pylväskaavio...", "Kuvakaappaus...", "Diagrammi, joka näyttää...")
- ✓Pidä alt-teksti 80–125 merkin alueella — tarpeeksi pitkä ollakseen tarkka, tarpeeksi lyhyt, jotta näytönlukijat eivät katkaise
- ✓Käytä alt="" (ilman välilyöntiä lainausmerkkien välissä) koristekuville, jotta näytönlukijat ja tekoäly ohittavat ne siististi
- ✓Varmista, että tiedostonimi, alt-teksti, kuvateksti ja ympäröivä kappale kaikki kuvailevat samaa asiaa — linjassa olevat signaalit voittavat tekoälyhaussa
Nopeat vinkit parempaan alt-tekstiin
- •Lisää alt-attribuutti jokaiseen img-tagiin — kuvaileva sisältökuville, alt="" koristeille. Kolmatta vaihtoehtoa ei ole.
- •Tähtää 80–125 merkkiin. Tarpeeksi pitkä ollakseen tarkka, tarpeeksi lyhyt, jotta JAWS ja NVDA eivät katkaise kuvausta.
- •Ohita "Kuva", "Valokuva", "Kuvassa näkyy". Näytönlukijat ilmoittavat roolin itse — nämä sanat ovat puhdasta melua.
- •Kaavioille, infografiikalle ja diagrammeille kirjoita lyhyt alt PLUS pidempi kuvaus ympäröivässä tekstissä tai linkitetyllä yksityiskohtasivulla.
- •Jos kuva on myös linkki, alt-tekstin tulisi kuvata linkin määränpäätä, ei vain kuvaa. WebAIM havaitsi, että 44 % puuttuvista alt-kuvista on linkkejä.
- •Suorita ilmainen GEO-Score-tarkistus havaitaksesi puuttuvat tai matalalaatuiset alt-tekstit sivullasi sekunneissa — näiden korjaaminen on yksi nopeimmista voitoista.
Usein kysytyt kysymykset
Kuinka pitkä alt-tekstin pitäisi olla?
Mikä on ero alt="":n ja puuttuvan alt-attribuutin välillä?
Lukevatko tekoälyhakukoneet kuten ChatGPT todella alt-tekstiä?
Auttaako alt-teksti Googlen sijoituksessani?
Kuinka kirjoitan alt-tekstiä kaavioille, graafeille ja infografiikalle?
Voinko vain käyttää tekoälyä auto-tuottamaan alt-tekstiä koko sivustolleni?
Liittyvät mittarit tutkittavaksi
- Tekoälyoptimointi
Alt-teksti on yksi tekninen tekoälysignaali — katso täysi joukko optimointeja, jotka tekevät sivustasi luettavan ChatGPT:lle, Perplexitylle ja AI Overviewsille.
- Sisällön rakenne
Linjassa olevat signaalit voittavat tekoälyhaussa. Opi, kuinka otsikkohierarkia ja kuvan sijoittaminen toimivat yhdessä tehdäkseen kappaleista poimittavissa olevia.
- Skeeman tarkistaja
Yhdistä alt-teksti ImageObject-skeemaan antaaksesi tekoälyhakukoneille strukturoitua metadataa. Skeema plus monimuotoinen sisältö on 317 %:n sitaattinousu, jonka Wellows mittasi.
- Kattavuus
Monimuotoiset sivut tekstin, kuvien ja datan kanssa kattavat aiheet kattavammin. Opi, kuinka kattavuus yhdistyy alt-tekstin kanssa tekoälynäkyvyyttä varten.