Ellenőrizd a weboldalon található képek alt-szövegeit, és keresd meg azokat a képeket, amelyeknél hiányzik vagy nem megfelelő a képek szöveges alternatívája
Mi az az alt-szöveg?
Az alt-szöveg (alternative text) egy rövid szöveges leírás, amely a kép HTML-kódjában található.
Feladata, hogy akkor is információt adjon a kép tartalmáról vagy funkciójáról, amikor maga a kép valamilyen okból nem hozzáférhető.
Az alt-szöveg különösen fontos az akadálymentes használat szempontjából: a képernyőolvasót használó látogatók számára a kép tartalmát vagy szerepét a megfelelő alt szöveg segítségével lehet szövegesen közvetíteni.
Mire való a kép alt-szöveg ellenőrző?
Egy weboldalon könnyen előfordulhat, hogy egyes képekhez egyáltalán nem került alt-szöveg, más képekhez pedig olyan szöveg került, amely nem írja le érdemben a képet.
Az ellenőrző segítségével gyorsan áttekintheted, hogy a vizsgált oldal képei rendelkeznek-e alt-szöveggel, és hol lehet szükség javításra.
Ez különösen hasznos lehet weboldal-audit, tartalomfrissítés vagy nagyobb webhely átalakítása során.
Milyen a jó alt-szöveg?
A jó alt-szöveg tömören és természetesen írja le a kép lényegét.
Például egy pénzügyi tervezést bemutató grafikon esetében:
Kevésbé hasznos:
pénzügyi tervezés SEO pénzügy vállalkozás
Hasznosabb:
Egy vállalkozás havi bevételeinek és kiadásainak alakulását bemutató grafikon
A második változat valóban információt ad a képről, és akkor is értelmezhető, ha a látogató nem látja magát a képet.
Nem minden képhez kell hosszú leírás
Az alt-szövegnek nem az a célja, hogy minden részletet felsoroljon.
Egy egyszerű ikon vagy dekoráció esetében például nincs szükség hosszú magyarázatra. Ha a kép kizárólag dekorációs célú, az üres alt attribútum (alt="") lehet a megfelelő megoldás.
Ez fontos különbség:
informatív kép → írjuk le a kép lényegét
dekorációs kép → ne adjunk hozzá felesleges szöveget
Az alt-szöveg minőségét tehát nem önmagában a hossza határozza meg.
Alt-szöveg és SEO
Az alt-szövegnek SEO szempontból is van jelentősége, de nem úgy, hogy minden képbe kulcsszavakat kellene zsúfolni.
A keresőmotorok a képek tartalmának megértéséhez többféle jelet használhatnak, az alt szöveg pedig ezek egyike.
Ezért érdemes a képhez és az oldal témájához illeszkedő, természetes szöveget használni.
Kerüld a kulcsszóhalmozást
Nem jó gyakorlat ugyanazt a kulcsszót több képnél ismételni csak azért, hogy az adott kifejezés minél többször szerepeljen az oldalon.
Ha a kép valójában egy irodaépületet ábrázol, nem lesz jobb alt-szöveg attól, hogy hozzáadjuk a weboldal összes fontos kulcsszavát.
Az alt szövegnek elsősorban a képet kell leírnia, nem a SEO-stratégiát.
Milyen problémákat érdemes keresni?
Az ellenőrzés során többféle problémára érdemes figyelni.
Hiányzó alt-szöveg
Ha egy informatív képhez nem tartozik alt-szöveg, érdemes megvizsgálni, hogy szükség van-e pótlására.
Értelmetlen alt-szöveg
Ilyen lehet például egy fájlnév vagy automatikusan generált karaktersor:
IMG_5832.jpg
Ez nem segít megérteni, mit ábrázol a kép.
Túl általános leírás
Az olyan szöveg, mint „kép”, „fotó” vagy „grafikon” önmagában általában nem mond eleget.
Kulcsszóhalmozás
Ha az alt szöveg természetellenesen sok kulcsszót tartalmaz, érdemes újrafogalmazni.
Dekoratív képek felesleges leírása
Nem minden képet kell szövegesen bemutatni. Egy pusztán dekorációs elemnél a felesleges alt szöveg inkább zavaró lehet az akadálymentes használat során.
Hogyan használd az ellenőrzőt?
Add meg a vizsgálandó weboldalt, majd tekintsd át a képekhez tartozó alt-szövegeket.
Elsőként azokat a képeket érdemes javítani, amelyek valódi információt hordoznak, de egyáltalán nincs hozzájuk szöveges alternatíva.
Ezután érdemes átnézni azokat az alt-szövegeket is, amelyek ugyan léteznek, de nem írják le megfelelően a kép tartalmát vagy funkcióját.
Az alt-szöveg nem képaláírás
A kettőt érdemes megkülönböztetni.
A képaláírás a weboldalon látható szöveg, amely a képhez kapcsolódó magyarázatot adhat.
Az alt-szöveg elsősorban akkor szolgál alternatívaként, amikor a kép tartalma nem hozzáférhető, illetve a kép jelentését szövegesen kell közvetíteni.
Ezért a két szövegnek nem feltétlenül kell azonosnak lennie.
Mire figyelj egy audit során?
Egy nagyobb weboldalnál nem szükséges minden egyes képet automatikusan hibásnak tekinteni csak azért, mert nincs benne hosszú alt-szöveg.
A kérdés mindig az:
A kép hordoz olyan információt vagy funkciót, amelyet a látogatónak akkor is meg kell értenie, ha a képet nem látja?
Ha igen, érdemes megfelelő alt-szöveget készíteni.
Ha nem, akkor lehet, hogy nincs szükség leírásra.
Ellenőrizd a weboldalad képeit, keresd meg a hiányzó vagy nem megfelelő alt-szövegeket, és javítsd őket úgy, hogy valóban segítsék a kép tartalmának megértését.
A jó alt-szöveg nem kulcsszólista: rövid, természetes és a kép valódi tartalmához vagy funkciójához kapcsolódik.