ALT tag

Az ALT tag (vagy alt attribútum, alt text) egy HTML elem, amelyet a weboldalakon elhelyezett képekhez rendelünk hozzá, hogy szövegesen leírjuk, mi látható az adott képen. Az „alt” az „alternative text” (alternatív szöveg) rövidítése, és elsődleges célja, hogy a kép tartalmát azok számára is értelmezhetővé tegye, akik valamilyen okból nem látják magát a képet.

Mire szolgál?

• Akadálymentesítés: A látássérült vagy vak felhasználók képernyőolvasó szoftvereket használnak, amelyek felolvassák a képekhez tartozó alt szöveget. Így ők is megismerhetik a vizuális tartalom lényegét.
• Keresőoptimalizálás (SEO): A keresőmotorok – például a Google – nem „látják” a képeket, ezért az alt tag segít nekik megérteni, mi található a képen. A jól megírt alt szövegek javítják a weboldal helyezését a kereső találati listákon, különösen a képkeresési eredmények között.
• Felhasználói élmény javítása: Ha a kép valamilyen okból nem töltődik be (például lassú internetkapcsolat miatt), az alt szöveg jelenik meg helyette, így a látogató nem marad információ nélkül.

Hogyan érdemes megadni?

• Legyen leíró és pontos: Az alt szövegnek egyértelműen és tömören kell leírnia, mi látható a képen. Például: „frissítő limonádé citromkarikákkal egy üvegpohárban”.
• Tartalmazzon releváns kulcsszavakat, de ne legyen kulcsszóhalmozás: Az alt tag optimalizálása része lehet a SEO stratégiának, de a természetes, informatív leírás mindig előnyt élvez a kulcsszavak túlzott ismétlése helyett.
• Legyen rövid és lényegre törő: Általában 125 karakteren belül érdemes maradni, hogy a képernyőolvasók könnyen felolvassák a szöveget.
• Kerüljük a „kép”, „fotó” szavakat: Ezek feleslegesek, hiszen az alt attribútum eleve képet ír le.
• A tartalomhoz kapcsolódjon: Az alt szövegnek illeszkednie kell az oldal témájához, és segítenie kell a keresőmotornak a teljes tartalom megértésében.

Hol jelenik meg?

Az ALT tag szövege a HTML-kódban található, és alapvetően nem látható a weboldal látogatói számára. Akkor válik láthatóvá, ha a kép nem töltődik be, vagy ha valaki képernyőolvasót használ.

Gyakorlati példák:

• Helyes: alt=”kék kerékpár a tavaszi parkban”
• Kevésbé jó: alt=”bicikli”
• Hibás: alt=”kép123″

Gyakori kérdések

Mi az az ALT tag, és mire szolgál?

Egy HTML attribútum, amely a képekhez rendelhető, hogy szövegesen leírja a kép tartalmát. Ez segíti a keresőmotorokat a képek értelmezésében, valamint akadálymentessé teszi a tartalmat a látássérült felhasználók számára is.

Miért fontos az ALT tag a SEO szempontjából?

Javítja a keresőmotorok képértését, így a képek a megfelelő kulcsszavakra előkelőbb helyezést érhetnek el a keresési találatok között. Emellett a jól megírt ALT szöveg hozzájárul az oldal általános SEO teljesítményéhez is.

Hogyan írjak jó ALT szöveget?

Fontos, hogy pontosan és tömören leírja a kép tartalmát, tartalmazzon releváns kulcsszavakat, de kerülni kell a kulcsszóhalmozást. A leírás legyen rövid (lehetőleg 125 karakteren belül), informatív, és ne tartalmazzon felesleges szavakat, mint például „kép” vagy „fotó”.

Mi történik, ha egy képnek nincs ALT leírása?

A keresőmotorok és a képernyőolvasók nem tudják értelmezni a kép tartalmát. Ez hátrányt jelenthet SEO szempontból, és csökkenti a weboldal akadálymentességét is.

Miben különbözik az ALT tag a TITLE tagtől?

Az ALT tag a kép tartalmának leírására szolgál, főként a keresőmotorok és a képernyőolvasók számára. A TITLE tag (vagy title attribútum) egy tooltip szöveg, amely akkor jelenik meg, amikor az egér a kép fölé mozog – ez nem helyettesíti az ALT tag-et, és nem jelenik meg minden eszközön.

Milyen gyakori hibákat érdemes elkerülni az ALT tag-ek használatakor?

• Kulcsszóhalmozás (túl sok kulcsszó egymás után)
• Túl általános vagy irreleváns leírások (pl. „kép”, „logó”)
• Az ALT tag teljes elhagyása
• Minden képnél ugyanaz az ALT szöveg használata

Minden képhez szükséges ALT tag-et adni?

Illusztráló, kizárólag dizájn célú képek esetén az ALT attribútum üresen is hagyható (alt=””).

Megjelenik-e az ALT szöveg a látogatók számára?

Alapvetően nem látható a látogatók számára, kivéve, ha a kép nem töltődik be, vagy ha valaki képernyőolvasót használ.