Mikä on kuvien vaihtoehtoinen teksti?
Vaihtoehtoinen teksti (alternative text) on kuvan kirjallinen kuvaus. Se näkyy HTML-koodissasi, mutta ei näkyvällä sivulla. Näytönlukijat käyttävät sitä kuvien kuvaamiseen ihmisille, jotka eivät näe niitä. AI-hakukoneet käyttävät myös vaihtoehtoista tekstiä ymmärtääkseen mitä kuvat esittävät.
Ilman vaihtoehtoista tekstiä kuvat ovat näkymättömiä tekoälylle. Moottorit näkevät vain että kuva on olemassa, eivät mitä se esittää. Hyvä vaihtoehtoinen teksti auttaa sisältöäsi sijoittumaan paremmin AI-haussa ja parantaa GEO-pisteitäsi. Tavoittele 100% kattavuutta kaikissa merkityksellisissä kuvissa.
Miksi vaihtoehtoinen teksti on tärkeää tekoälylle
AI-moottorit käsittelevät tekstiä paljon paremmin kuin kuvia. Vaikka niillä on kuvantunnistusteknologiaa, vaihtoehtoinen teksti tarjoaa selkeämpää ja tarkempaa tietoa. Se kertoo tekoälylle tarkalleen mitä kuva esittää ja miksi se on tärkeä.
Hyvä vaihtoehtoinen teksti auttaa tekoälyä:
- Selittämällä visuaalista sisältöä selkeällä kielellä
- Yhdistämällä kuvat pääaiheeseesi
- Lisäämällä kontekstia, jota kuvat yksinään eivät voi tarjota
- Tekemällä sisällöstä saavutettavampaa kaikille käyttäjille
- Tarjoamalla varasuunnitelman kun kuvien lataaminen epäonnistuu
Tämä on tärkeä osa AI-optimointia. Jokainen kuva ilman vaihtoehtoista tekstiä on menetetty mahdollisuus.
Tavoite: 100% vaihtoehtoisen tekstin kattavuus
Optimaalisen AI-suorituskyvyn saavuttamiseksi jokaisella merkityksellisellä kuvalla tulisi olla vaihtoehtoinen teksti. Tämä tarkoittaa 100% kattavuutta sisältökuvissa.
Mikä tarvitsee vaihtoehtoisen tekstin?
- Valokuvat ja kuvitukset, jotka näyttävät sisältöä
- Kaaviot, graafit ja datavisualisoinnit
- Infografiikat, joissa on tärkeitä tietoja
- Kuvakaappaukset, jotka esittelevät ominaisuuksia
- Logot ja brändikuvat
Koristeelliset kuvat: Käytä tyhjää vaihtoehtoista tekstiä
Jotkut kuvat ovat puhtaasti koristeellisia eivätkä lisää tietoa. Näille käytä alt="" (tyhjä alt-attribuutti). Tämä kertoo näytönlukijoille ja tekoälylle ohittaa kuvan. Älä koskaan poista alt-attribuuttia kokonaan.
Kuinka kirjoittaa hyvää vaihtoehtoista tekstiä
Hyvä vaihtoehtoinen teksti on selkeää, ytimekästä ja kuvaavaa. Sen tulisi auttaa henkilöä, joka ei näe kuvaa, ymmärtämään mitä se esittää.
1. Ole kuvaava ja tarkka
Kuvaile pääaihe ja tärkeät yksityiskohdat. Mitä kertoisit jollekulle puhelimessa tästä kuvasta?
Huono: "Kuva koirasta"
Liian epämääräinen ja yleinen
Hyvä: "Kultainennoutajanpentu leikkimässä punaisen pallon kanssa nurmikolla takapihalla"
Tarkka ja kuvaava
2. Pidä se ytimekkäänä
Tavoittele 125 merkkiä tai vähemmän. Näytönlukijat usein katkaisevat pidemmät kuvaukset. Keskity tärkeimpään tietoon.
Huono: "Tämä on kuva, joka esittää erittäin yksityiskohtaisen kaavion, jossa on useita datapisteitä, jotka edustavat myyntilukuja eri alueilla koko vuoden ajalta erilaisilla väreillä osoittaen eri tuotekategorioita"
Liian pitkä ja hajanainen
Hyvä: "Pylväskaavio, joka näyttää neljännesvuosittaisen myynnin alueittain vuodelle 2025"
Ytimekäs ja selkeä
3. Sisällytä konteksti
Mainitse miksi kuva on olennainen sisällöllesi. Yhdistä se ympäröivään tekstiin.
Huono: "Kuvakaappaus"
Ei kontekstia tarjottu
Hyvä: "Kojelauta, joka näyttää reaaliaikaisen analytiikan verkkosivuston liikenteestä"
Tarjoaa kontekstin ja tarkoituksen
4. Käytä avainsanoja luonnollisesti
Sisällytä oleellisia avainsanoja kun ne sopivat luonnollisesti. Älä koskaan pakota avainsanoja vaihtoehtoiseen tekstiin.
Huono: "AI-optimointi SEO sisältömarkkinointi digitaalinen strategia"
Avainsanojen täyttäminen
Hyvä: "Sisältömarkkinointitiimi tarkastelemassa AI-optimointistrategiaa"
Avainsanat sopivat luonnollisesti kuvaukseen
Hyvä vs. huono vaihtoehtoinen teksti -esimerkkejä
Huono vaihtoehtoinen teksti
✗Ei alt-attribuuttia ollenkaan
✗"Kuva" tai "Valokuva"
✗"Klikkaa tästä" tai "Katso kuvaa"
✗Tiedostonimet kuten "IMG_1234.jpg"
✗Täytetty asiaankuulumattomilla avainsanoilla
Hyvä vaihtoehtoinen teksti
✓Selkeä, kuvaava teksti
✓Tarkat yksityiskohdat sisällöstä
✓Olennainen konteksti mukana
✓Ytimekäs mutta täydellinen
✓Luonnollinen avainsanojen integrointi
Vaihtoehtoinen teksti erilaisille kuvatyypeille
Valokuvat
Kuvaile pääaihe, ympäristö ja olennaiset toiminnot tai yksityiskohdat.
Esimerkki: "Markkinointitiimi yhteistyössä valkoisen taulun ympärillä modernissa toimistossa"
Kaaviot ja graafit
Ilmoita kaavion tyyppi ja keskeinen data tai trendi, jonka se näyttää.
Esimerkki: "Viivakaavio, joka näyttää 40% kasvun mobiilikäytössä vuodesta 2023 vuoteen 2025"
Kuvakaappaukset
Tunnista mikä ohjelmisto tai käyttöliittymä näytetään ja mikä toiminto tai ominaisuus korostetaan.
Esimerkki: "WordPress-editori näyttää sisältörakenteen H2- ja H3-otsikoilla"
Logot ja ikonit
Nimeä yritys tai palvelu, jota logo edustaa.
Esimerkki: "Bloffee-logo" tai "Lataa-ikoni"
Infografiikat
Tiivistä pääviesti tai tarjoa lyhyt yleiskatsaus. Harkitse pidemmän kuvauksen lisäämistä ympäröivään tekstiin.
Esimerkki: "Infografiikka, joka vertailee perinteistä SEO:ta vs. GEO-optimointitekijöitä"
Pikavinkit kuvien vaihtoehtoiselle tekstille
- •Lisää vaihtoehtoinen teksti jokaiseen merkitykselliseen kuvaan
- •Pidä kuvaukset alle 125 merkin kun mahdollista
- •Ole tarkka siitä mitä kuva näyttää
- •Sisällytä konteksti, joka liittyy sisältöösi
- •Käytä tyhjää alt="" puhtaasti koristeellisille kuville
- •Älä koskaan täytä vaihtoehtoista tekstiä avainsanoilla
Yleisiä vaihtoehtoisen tekstin virheitä
Aloittaminen "Kuva" tai "Valokuva"
Näytönlukijat jo ilmoittavat että kyseessä on kuva. Näillä ilmaisuilla aloittaminen on tarpeetonta ja tuhlaa merkkejä. Vain kuvaile mitä kuva näyttää.
Tiedostonimien käyttäminen vaihtoehtoisena tekstinä
"IMG_7834.jpg" tai "screenshot-final-v2.png" eivät tarkoita mitään käyttäjille tai tekoälylle. Kirjoita aina oikeat kuvaukset.
Liian yleinen oleminen
"Henkilö työskentelemässä" voisi kuvata miljoonia kuvia. Ole tarkka: "Ohjelmistokehittäjä koodaamassa JavaScriptillä kannettavalla tietokoneella."
Vaihtoehtoisen tekstin unohtaminen kokonaan
Puuttuvat alt-attribuutit tekevät sisällöstä saavuttamattoman ja heikentävät GEO-pisteitäsi. Lisää aina alt-attribuutti, vaikka tyhjänä koristeellisille kuville.
Kuinka tarkistaa vaihtoehtoisen tekstin kattavuutesi
Voit helposti tarkistaa onko kuvissasi vaihtoehtoinen teksti:
- 1.Napsauta kuvia hiiren oikealla painikkeella ja tarkastele HTML-koodia
- 2.Käytä selaimen saavutettavuustyökaluja vaihtoehtoisen tekstin katseluun
- 3.Suorita automaattisia saavutettavuustarkistuksia
- 4.Käytä Bloffeeta vaihtoehtoisen tekstin kattavuuden tarkistamiseen sivustollasi
Yhteys muihin GEO-tekijöihin
Kuvien vaihtoehtoinen teksti liittyy muihin osiin GEO-pisteistäsi:
- Sisältörakenne
Vaihtoehtoinen teksti on osa yleistä sisältörakennettasi
- AI-botit käyttöoikeus
AI-botit lukevat vaihtoehtoisen tekstin indeksoidessaan sivujasi
- AI-optimointi
Vaihtoehtoinen teksti on keskeinen tekninen optimointitekijä
- GEO-pisteet
100% vaihtoehtoisen tekstin kattavuus parantaa kokonaissijoitustasi