Alt szöveg
Az alt szöveg (alternatív szöveg) egy kép HTML-kódjához adott írott leírás, amely a kép tartalmát és funkcióját írja le a képernyőolvasók és a keresőmotorok számára.
Az alt szöveg két kulcsfontosságú célt szolgál: a webes akadálymentesítést és a SEO-t. A képernyőolvasókat használó látássérült felhasználók számára az alt szöveg szóbeli leírást ad azokról a képekről, amelyeket nem látnak. A keresőmotorok számára, amelyek szintén nem „látják” a képeket, az alt szöveg elmagyarázza, mit ábrázol a kép, segítve ezzel, hogy megjelenjen a képes keresési találatok között.
A dekoratív képek, amelyek nem közölnek információt, üres alt attribútummal láthatók el (alt=""), így a képernyőolvasók kihagyják őket. Az alt szöveg az is, ami megjelenik, ha egy kép nem töltődik be, kontextust adva a felhasználóknak arról, mi hiányzik. Ez a tartalék funkció a felhasználói élmény szempontjából is fontossá teszi az alt szöveget, az akadálymentesítésen és a SEO-n túl.
A gyakorlatban
- Egy élelmiszerblog 500 receptfotóhoz adott leíró alt szöveget, és két hónapon belül 40%-kal nőtt a Google Képek forgalma
- Egy webáruház 2 000 termékképhez írt egyedi alt szöveget a fájlnevek használata helyett, ami 15%-os növekedést eredményezett a termékoldalak szerves látogatásaiban
- Egy ingatlaniroda minden ingatlanfotót a helyszínnel, jellemzőkkel és szobatípussal írt le, ezzel olyan kereséseket fogott meg, mint a „modern konyha Austin TX-ben”
- Egy nonprofit szervezet a weboldala WCAG-megfelelőségi pontszámát 62%-ról 94%-ra javította pusztán azzal, hogy minden képhez megfelelő alt szöveget adott
Nem biztos benne, hogy ez hogyan vonatkozik Önre?
Egy vezető mérnök bejárja az Ön webhelyét, keresési jelenlétét és azt, ahogyan a megkeresések eljutnak Önhöz, majd leírja az elsőként javítandó három dolgot. A dokumentumot mindenképpen megtartja.