Untitled-3

Mitä ovat kuvien alt-tekstit ja kuinka ne lisätään?

Kuvien alt-tekstit ja niiden lisääminen

Mikä on kuvien alt-teksti?

Kuvien alt-teksti on lyhyt kuvaus kuvasta, joka näkyy sivuston kävijöille, jos kuva ei lataudu tai jos kävijä käyttää lukusovellusta kuvan sijaan.

Miksi alt-tekstit ovat tärkeitä?

Alt-tekstit ovat tärkeitä saavutettavuuden kannalta, sillä ne auttavat näkövammaisia ja muita kävijöitä ymmärtämään kuvan sisällön. Lisäksi hakukoneet käyttävät alt-tekstejä ymmärtääkseen sivuston sisältöä ja parantaakseen hakutulosten tarkkuutta.

Kuinka lisätä alt-tekstit?

Alt-tekstit lisätään kuvatageihin HTML:ssä seuraavalla tavalla:

<img src="kuva.jpg" alt="Kuvan kuvaus">

Muut vinkit alt-tekstien käyttöön:

  • Kuvan alt-tekstin tulisi olla selkeä ja kuvaava, mutta myös lyhyt ja ytimekäs.
  • Vältä turhia avainsanoja alt-tekstissä. Sen tulisi kuvata kuvan sisältöä mahdollisimman tarkasti.
  • Muista lisätä alt-tekstit myös taustakuvien ja muiden sisällön kannalta olennaisten kuvien kohdalle.

Yllä olevilla ohjeilla voit varmistaa, että sivustosi kuvat ovat saavutettavia kaikille kävijöille ja että ne tukevat sivuston hakukonenäkyvyyttä.

Tapio Kauranen

Hei! Minä olen Tapio Kauranen. Kansleri digimarkkinointitoimiston toinen perustaja, sekä & hakukoneoptimointiammattilainen.