Mi az az alt text?
Az alt text, az alternative text (jelentése: helyettesítő szöveg) rövidítése. Weboldalunk képeihez rendelhetünk ilyen szöveget. Hármas feladata van:
- ha a kép nem töltődik be, ez a szöveg jelenik meg
- segít a látássérülteknek a weboldal értelmezésében
- a keresőrobotok számára nyújt információt a kép tartalmáról
Miért fontos az alt text kitöltése?
Ahogy fent írtam három feladata is van az alt text-nek. Nézzük ezeket részletesebben!
Az alt címke segít a gyengénlátóknak
Egyre több dolog tevődik át az online térbe és éppen ezért a gyengénlátók és vakok is egyre többet használják a weboldalakat. Számukra képernyőolvasók olvassák fel a weboldalak tartalmát.
A képeket nem tudják felolvasni, ezért e helyett a képek „helyettesítő szövegét„, alt címkéjének tartalmát olvassák fel.
A Semmelweis Egyetem felmérése szerint Magyarországon 33 ezer vak ember és 218 ezer láttássérült él. Nem kis számról van tehát szó, a lakosság közel 3%-a. Ha kitöltöd az alt text-et, nekik segítesz.
Rangsorolási előny ad az alt text
A keresőrobotok a képi információt még nehezebben dolgozzák fel, mint a szöveges tartalmat. Éppen ezért a Google és más keresőmotorok feldolgozzák az alt text-ben talált információt.
Az alt text két helyen is segít:
- a webes találati listán egy minimális plusz segítséget jelent a weboldal tartalmának értelmezésében, ezáltal jobb helyezést biztosíthat egy jók kitöltött alt címke.
- a képkereséseknél az alt címke tartalma fontosabb szerepet kap a rangsorolásban. Ha fontos számodra a képkeresőben a jó megjelenés, mindenképpen töltsd ki az alt címkét.
Nézzük részletesen mit mond a Google az alt text-ről!
A Google kezdőknek szól SEO útmutatója szerint:
“…a képek fájlnevének és alt text-jének optimalizálása segíthet a képkeresőknek, mint a google Images, hogy jobban megértse a képeidet.”
A Google haladó SEO dokumentációjában az alábbi módon írnak a képek alt text-jéről:
„A Google az alt szöveget a számítógépes látás algoritmusaival és az oldal tartalmával együtt használja a kép témájának megértéséhez. A képek alt szövege horgonyszövegként is hasznos, ha úgy dönt, hogy egy képet linkként használ.”
A dokumentáció arra is felhívja a figyelmet, hogy a alt címkében a kulcsszóhalmozás spamnek minősül:
Kerülje az alt attribútumok kulcsszavakkal való feltöltését (kulcsszó-halmozás), mivel ez negatív felhasználói élményt eredményez, és az oldalát spamnek tekinthetik.
A Google példát is hoz arra milyen a jó és milyen a rossz alt címke:
John Mueller a Google szóvivője 2020-ban, egy Webmester Hangout-on kérdésre válaszolva az alábbi módon beszélt az alt címkéről:
A keresésnél az alt attribútumot arra használjuk, hogy jobban megértsük magukat a képeket, különösen a képkeresésnél. Tehát ha nem érdekli a képkeresés, akkor a keresés szempontjából nem kell aggódnia az alt szöveg miatt. De ha azt szeretné, hogy ezek a képek megjelenjenek a Képkeresőben, …. akkor az alt attribútum használata egy jó módja annak, hogy elmondja nekünk, hogy ez van azon a képen, és extra információkat kapunk az oldalad körüli oldalról azzal kapcsolatban, hogy hogyan tudjuk rangsorolni azt a landing oldalt.”
Végül Martin Splitt a Google másik szóvivője 2021-ben a Twitteren így nyilatkozott:
Igen, az alt szöveg a SEO szempontjából is fontos!
Talán ennyi példa elég is annak bizonyítására, hogy a Google rangsorolási tényezőként kezeli a képek alt címkéjét. Jelentősége a korábbi évekhez képest csökkent és ma már inkább a képkeresőben van jelentősége, de kitöltése egy apró segítséget jelenthet a webes rangsorolásban is.
Hogyan írjuk jó alt szöveget SEO szempontból?
Nézzük meg tehát hogyan kell jó minőségű alt címkét írni!
- Adjunk a képről rövid összefoglaló leírást. Tehát ne csak a kulcsszó szerepeljen az alt címkében, hanem röviden írjuk le mi látható a képen (ebben szerepelhet a kulcsszó is)
- ne feledjük, hogy a gyengénlátók számára is hasznos legyen a képek alt text-je
- a leírás ne legyen hosszabb 100-150 karakternél
- ne halmozzuk benne a kulcsszavakat, bőven elég ha egy alkalommal szerepel benne
- ne legyen általános szöveg benne (pl: „a képen”, ” a fényképen”).
- ne ismételd ugyan azt a helyettesítő szöveget más képeken
További tippeket itt találsz az alt címke helyes megfogalmazásáról.
Mi a helyzet a dekorációs képekkel?
A Google javaslata az, hogy azokat a képeket, amelyek csak dekorációs, vagy design célokat szolgálnak ne lássuk el alt címkével (például egy függőleges design vonal és hasonlóak).
Ugyanakkor az olyan elemeket, mint a gombok, a nyomtató ikon, a gomb funkciójával írjuk le, tehát, ne az legyen, hogy „nyomtató„, hanem a „tartalom kinyomtatása„, a keresőmező alt címkéje se az legyen, hogy „nagyító„, hanem az, hogy „keresés az oldalon„.
Ez ugyanis segít a gyengénlátók számár a kép értelmezésében és használatában.
Az alt címke a forráskódban
Végül bár a hétköznapi gyakorlatban kevés embert érint hasznos lehet tudni, hogy az alt címke egy HTML tulajdonság a <img> elemnek, ami a forráskódban így fog kinézni
<img src="kiskutya.jpg" alt="három kiskutya a fűben hempergőzik" />
Alt címke beállítása WordPress alatt
WordPress alatt két helyen is lehetőségünk van az alt címke megadására.
Az első a kép feltöltésekor ( vagy a médiatárban):
Illetve egy cikk írásakor ha egy képet illesztettünk be, akkor a képre kattintva az oldalsávban a blokk-nál adhatjuk meg a hiányzó alt címkét:
Gyakorlati tippek az alt címke használatához
Én a hétköznapi SEO gyakorlatban nem minden esetben töltöm ki az alt címkét. Ha hosszú cikk készül sok kép van benne és nem akarom (nem lényeges), hogy a képek rangsoroljanak, akkor nem minden esetben foglalkozom az alt címke kitöltésével.
Ha erős verseny van, nehéz kulcsszóra akkor viszont minden esetben kitöltöm ezt is.
Ahol viszont mindenképpen ajánlom a képek alt címkéjének kitöltését azok a webáruházak és azok termékoldalai.
A Webáruház SEO-ban általában mindig probléma a rövid termékleírás és a termékoldalak gyenge minősége. Ilyen esetben egy jó minőségű alt címke sokat segíthet, ráadásul a webáruházaknál a képkeresés is hozhat vásárlót.
Zárszó
Kimaradt valami, véleményed van az alt címkék használatáról, írd meg a hozzászólásokban!