Mikä on Alt-teksti?
Alt-teksti (vaihtoehtoinen teksti) - joka tunnetaan myös nimellä "alt description" tai "alt attribute" - on kuvien kirjallinen kuvaus HTML-sivuilla. Sen ensisijainen tarkoitus on parantaa kuvien saavutettavuutta ihmisille, jotka eivät näe kuvia.
Usein kuulee ihmisten puhuvan siitä nimellä "alt tag", mutta se on teknisesti väärin. Alt-teksti on HTML-tunnisteen sisältämä attribuutti.
Miten Alt-tekstiä käytetään
Alt-attribuutti alkaa sanalla alt=, jota seuraa alt-teksti lainausmerkeissä. Tyypillisesti se näyttää tältä:
<img src="image.jpg" alt="Image alt text" title="Image Title"/>Miksi Alt-teksti on tärkeää?
Saavutettavuus
Alt-tekstin lisäämisellä kuviin pyritään ensisijaisesti parantamaan verkkosivujen saavutettavuutta. Miljoonat näkövammaiset käyttäjät käyttävät ruudunlukuohjelmia verkkosisällön käyttämiseen. Heille on ratkaisevan tärkeää, että visuaalisesti näytettävää tietoa vastaa teksti. Ilman alt-tekstiä ruudunlukijat eivät pysty välittämään kuvan sisältöä, mikä haittaa käyttäjäkokemusta.
SEO-edut
Alt-tekstillä on myös merkitystä SEO:ssa. Vaikka alt-attribuutit eivät näy käyttäjille, hakukoneet ja ruudunlukijat voivat lukea ne. Teksti auttaa hakukoneita ymmärtämään kuvan sisällön. Tämä lisää kuvaan semanttista merkitystä, mikä parantaa sivun ajankohtaisuutta Googlen silmissä ja auttaa sitä mahdollisesti sijoittumaan korkeammalle.
Lisäksi alt-teksti voi parantaa mahdollisuuksiasi sijoittua Google Images -hakemistossa, mikä tuo lisää liikennettä verkkosivustollesi. Kun kuvia käytetään linkkeinä, alt-teksti toimii ankkuritekstinä ja auttaa Googlea ymmärtämään linkitetyn sivun sisällön.
Alt-tekstin parhaat käytännöt
Alt-tekstin lisääminen kuviin on helppo tapa tehdä sivuista helppokäyttöisempiä ja tukea hakukoneoptimointia. Seuraavassa on muutamia parhaita käytäntöjä, jotka kannattaa pitää mielessä:
1. Tarkasta verkkosivustosi puuttuvien Alt-tekstien varalta
Aloita tarkistamalla, ettei alt-tekstejä puutu. Käytä online-työkalua, joka pystyy indeksoimaan sivustosi löytääkseen kuvat, joista puuttuu alt-teksti tai joiden alt-teksti on tyhjä. Google Search Consolen ja erilaisten SEO-tarkastustyökalujen kaltaiset työkalut voivat auttaa tässä tehtävässä.
Kaikki kuvat eivät tarvitse alt-tekstiä. Koristeelliset kuvat voidaan jättää ilman sitä, koska ne eivät tarjoa merkityksellistä sisältöä ja ruudunlukijat voivat jättää ne huomiotta. Keskity eniten vierailtuihin sivuihin, jotka tuottavat paljon orgaanista liikennettä.
2. Vältä avainsanojen täyttämistä
Vaikka alt-teksti voi sisältää asiaankuuluvia avainsanoja SEO:n parantamiseksi, on tärkeää käyttää informatiivista ja arvokasta tekstiä, joka on linjassa sivun sisällön kanssa. Vältä avainsanojen täyttämistä, sillä Google ei suosittele tätä käytäntöä, ja sitä voidaan pitää epäeettisenä ja tehottomana.
Käytä avainsanoja säästeliäästi ja vain silloin, kun ne sopivat luonnollisesti kuvaukseen.
3. Pidä se alle 100 merkin
Alt-teksti koostuu yleensä yhdestä sanasta tai lyhyestä lauseesta. Functionality Accessibility Evaluator ehdottaa, että alt-tekstien pituus olisi enintään 100 merkkiä. Tämä antaa riittävästi tilaa optimoida alt-tekstiä, mutta varmistaa, ettet kirjoita pitkäveteisiä kuvauksia, jotka ruudunlukutyökalut voisivat katkaista.
Esimerkki
Tässä on esimerkki hyvin kirjoitetusta alt-tekstistä kuvalle, jossa kultainen noutaja leikkii noutoa puistossa:
<img src="golden-retriever.jpg" alt="Kultainen noutaja leikkii noutoa aurinkoisessa puistossa" title="Kultainen noutaja"/>Noudattamalla näitä parhaita käytäntöjä voit tehdä verkkosivustostasi helpommin lähestyttävän kaikille käyttäjille ja tukea yleistä hakukoneoptimointistrategiaasi.
Lisätietoja verkkosivujen esteettömyydestä ja SEO:n parhaista käytännöistä saat arvovaltaisista lähteistä, kuten Web Content Accessibility Guidelines (WCAG ) ja Googlen SEO Starter Guide.
