Alt-teksti

Määritelmä

Alt-teksti (lyhennys sanoista "alternative text") on HTML-koodissa käytettävä attribuutti, joka tarjoaa tekstivaihtoehdon kuva- ja multimediaelementeille verkkosivuilla. Tämä teksti kuvaa kuvan tai muun elementin sisältöä ja tarkoitusta, ja se näytetään, mikäli itse mediaelementti ei jostain syystä lataudu. Alt-teksti on tärkeä myös näkövammaisten käyttäjien verkkoselainohjelmien (kuten ruudunlukijoiden) käytettävyyden kannalta.

Miksi se on tärkeä

Alt-teksti on merkittävä saavutettavuuden ja hakukoneoptimoinnin (SEO) kannalta. Saavutettavuuden näkökulmasta se mahdollistaa näkörajoitteisten käyttäjien pääsyn sivuston visuaaliseen sisältöön. SEO:n näkökulmasta alt-tekstit auttavat hakukoneita ymmärtämään kuvan sisältöä ja kontekstia, mikä voi parantaa kuvahaun tuloksia ja auttaa sivun sijoittumista hakukonetuloksissa.

Sovellusesimerkki

Jos verkkokauppa lisää tuotekuvan sivulleen, alt-teksti voi olla "naisten punainen villapaita koko M". Tämä kertoo sekä käyttäjille että hakukoneille, mitä kuva esittää, ja auttaa kuvan löytymisessä, kun hakusanoilla "naisten punainen villapaita" haetaan kuvia.

Hyödyllisiä huomioita

  • Alt-tekstin tulisi olla ytimekäs ja kuvaava, sisältäen tärkeitä avainsanoja, kun mahdollista.

  • Vältä alt-tekstissä "kuvan" tai "kuvassa on" kaltaisia ilmauksia, koska ruudunlukijat ilmoittavat yleensä itse, että kyseessä on kuva.

  • Alt-teksti ei ole oikea paikka avainsanojen liikakäyttöön (keyword stuffing); sen tulisi ensisijaisesti parantaa käyttäjäkokemusta ja olla kontekstiin sopiva.

  • Jos kuva on pelkästään koristeellinen ja ei lisää informaatioarvoa, alt-tekstiä ei välttämättä tarvita tai se voi olla tyhjä (alt="").

Alt-teksti on tärkeä osa verkkosivun saavutettavuutta, auttaen varmistamaan, että kaikki käyttäjät, riippumatta mahdollisista rajoitteistaan, voivat nauttia sivuston sisällöstä.