Az “alt text” vagy “alternative text” (magyarul: alternatív szöveg) egy HTML attribútum, amelyet képekkel kapcsolatosan használnak. Az alt text egy rövid leírást vagy szöveget tartalmaz, amely leírja a képet azoknak a felhasználóknak, akik nem tudják megtekinteni vagy megjeleníteni a képet a böngészőjükben.
Az alt text-nek 2 fontos szerepe van a keresőoptimalizálásban (SEO-ban):
- Képek SEO-optimalizálása: Az alt text lehetővé teszi a keresőmotorok számára, hogy megértsék és értelmezzék a weboldalakon található képeket. Mivel a keresőmotorok nem tudják “látni” a képeket, az alt text segítségével azonosítják és kategorizálják azokat. Ez lehetővé teszi a képek relevánsabbá tételét a keresési eredményekben, ami növelheti a weboldal látogatottságát és javíthatja a rangsorolását a keresőmotorok találati listájában. De nem csak a weboldalad, hanem akár az Instagram vagy Facebook posztod, Pinterest pined esetén is be tudod állítani az alt text-et , ezzel segítve az eléréseid és a jobb rangsorolást.
- Felhasználói élmény és hozzáférhetőség javítása: Az alt text fontos szerepet játszik azáltal, hogy lehetővé teszi a látássérült felhasználók számára, hogy megértsék és átéljék a weboldal tartalmát, még akkor is, ha nem látják a képeket. Emellett az alt text hasznos lehet az olyan esetekben is, amikor a képek nem töltődnek be megfelelően, hibásan jelennek meg vagy hiányoznak.
Milyen a jó alt text?
- Kép tartalmának leírása: Az alt text-nek pontosan és részletesen kell leírnia, hogy mi látható a képen. Ideális esetben meg kell adnia a képen szereplő fő elemeket, színeket, formákat, embereket vagy tárgyakat, valamint az esetleges cselekvéseket vagy helyzeteket. Például, ha a képen egy nő fut egy parkban, az alt text lehet: “Nő fut egy zöld parkban”.
- Releváns kulcsszavak használata: Fontos, hogy releváns kulcsszavakat vagy kifejezéseket használj, amelyek összhangban vannak a kép tartalmával és a weboldal témájával. Ez segíthet a keresőmotoroknak abban, hogy összekapcsolják a képet és a weboldal tartalmát, és javítsák a relevanciát a keresési eredményekben.
- Pontosság és rövidség: Az alt text-nek lényegre kell tapintani és rövidnek kell lennie. Általában legfeljebb 125 karakter hosszú lehet. Ez biztosítja, hogy a képernyőolvasó programok hatékonyan felolvassák vagy jelenítsék meg az alt text-et a felhasználóknak. A tömör és pontos leírás megkönnyíti a látássérült vagy vak felhasználóknak, hogy megértsék a kép tartalmát.
Fontos megjegyezni, hogy minden képhez külön alt text-et kell hozzáadni, és az alt text-nek mindig az adott képre kell vonatkoznia. Ne használj generikus alt text-et, például “kép” vagy “grafika”, mert ez nem ad információt a képről.
Alt text Canvában
A terveid hozzáférhetőségének növelése érdekében már elérhető az Alt text funkció Canvában is.
Hogyan tudod beállítani:
- A Canva szerkesztőfelületén válaszd ki azt a képet, elemet vagy oldalt, amelyhez alternatív szöveget szeretnél hozzáadni!
- Kattints jobb egérrel az elemre vagy oldalra, és válaszd az Alt text lehetőséget!
- Írd be a leírást a szövegmezőbe, majd kattints a Mentés gombra!
Maximum 250 karaktert használhatsz az alternatív szövegben. Bizonyos kép- és videóformátumok (például PNG) azonban nem támogatják az alternatív szöveget. Valamint egyenlőre még nem fog megjelenni a Canva tartalomtervezőjén keresztül megosztott posztok esetén sem.
Ez az eszköz a Canva megosztási linkeken keresztül megosztott tervek képeihez és elemeihez érhető el valamint prezentációs módokhoz adható.
Jelenleg a következő típusú exportált fájlokhoz rendelhető hozzá.
- PPTX
- HTML
- Megosztási link
- Prezentációs mód
- Bizonyos kép- és videóformátumok (például PNG, MP4 és AVI) letöltései nem tartalmazzák a helyettesítő szöveget.
Ha adott formátum esetén az alt text nem támogatott , de szeretnéd, hogy a Canvában szerkeszett tartalmaid rangsorolása a lehető legjobb legyen, mindenképpen add hozzá az alt text-et manuálisan az adott felületen, mint például, Instagram, Facebook, Pineterest vagy a weboldalad.