Alt-teksti (alt text, alt-attribuutti) on HTML:n <img>-elementin attribuutti, joka tarjoaa kuvalle vaihtoehtoisen tekstikuvauksen. Se näytetään, kun kuva ei lataudu, luetaan ruudunlukijalla näkövammaisille käyttäjille ja auttaa hakukoneita ymmärtämään kuvan sisällön.
Alt-tekstin merkitys hakukoneoptimoinnissa
Hakukoneet eivät pysty “näkemään” kuvia samalla tavalla kuin ihmiset. Alt-teksti on tärkein tapa kertoa hakukoneelle, mitä kuva esittää. Google käyttää alt-tekstiä kuvien indeksointiin Google-kuvahaun tuloksiin sekä sivun aihepiirin ymmärtämiseen.
Kuvat, joilla on kuvaavat alt-tekstit, voivat tuoda merkittävästi lisäliikennettä Google-kuvahaun kautta. Tämä on erityisen arvokasta visuaalisille aloille kuten sisustussuunnittelulle, ravintoloille ja muotoilupalveluille.
Alt-teksti on myös tärkeä osa sisäistä linkitystä: kun kuva toimii linkkinä, alt-teksti toimii linkin ankkuritekstinä hakukoneille.
Hyvän alt-tekstin kirjoittaminen
Hyvä alt-teksti kuvaa kuvan sisällön tiiviisti ja luonnollisesti. Se on yleensä 5–15 sanaa pitkä ja sisältää relevantin avainsanan luonnollisessa muodossa. Alt-tekstissä ei tarvita “kuva”-sanaa, koska ruudunlukijat ilmoittavat automaattisesti, että kyseessä on kuva.
Esimerkki: sen sijaan että kirjoitat “kuva modernista verkkosivustosta”, kirjoita “Moderni yrityksen verkkosivusto mobiililaitteella”. Tämä on kuvaavampi ja sisältää luonnollisesti relevantteja avainsanoja.
Koristeellisille kuville, jotka eivät sisällä informatiivista sisältöä, voi käyttää tyhjää alt-attribuuttia (alt=""). Tämä kertoo ruudunlukijalle, että kuva on koristeellinen eikä vaadi kuvausta.
Alt-tekstin rooli saavutettavuudessa
Alt-teksti on olennainen osa verkkosivuston saavutettavuutta. WCAG-ohjeistuksen (Web Content Accessibility Guidelines) mukaan kaikilla informatiivisilla kuvilla tulee olla kuvaava alt-teksti. Tämä varmistaa, että näkövammaiset käyttäjät saavat saman informaation kuin muut.
EU:n saavutettavuusdirektiivi edellyttää julkisten verkkopalveluiden saavutettavuutta, ja monet yksityisen sektorin yritykset noudattavat samoja periaatteita. Alt-tekstien lisääminen on yksinkertaisin ja vaikuttavin tapa parantaa sivuston saavutettavuutta.
Yhteenveto
Alt-teksti palvelee kolmea tarkoitusta: hakukoneoptimointia, saavutettavuutta ja käyttökokemusta. Pk-yrityksen kannattaa varmistaa, että kaikilla sivuston kuvilla on kuvaavat alt-tekstit, jotka sisältävät relevantteja avainsanoja luonnollisessa muodossa. Se on pieni toimenpide, jolla on suuri vaikutus.