Mi az Alt szöveg?
Az alt szöveg (alternatív szöveg) - más néven "alt description" vagy "alt attribútum" - a HTML oldalakon található képek írásos leírása. Elsődleges célja a képek hozzáférhetőségének javítása azok számára, akik nem látják a képeket.
Gyakran hallani, hogy az emberek "alt tag"-ként hivatkoznak rá, de ez technikailag helytelen. Az Alt szöveg a HTML-címkén belül található attribútum.
Az Alt szöveg megvalósításának módja
Az alt attribútum alt=-vel
kezdődik, amelyet az alt szöveg követ idézőjelben. Általában így néz ki:
<img src="image.jpg" alt="Image alt text" title="Image Title"/>
Miért fontos az Alt szöveg?
Hozzáférhetőség
Az alt szöveg hozzáadása a képekhez elsősorban a webes hozzáférhetőség javítását szolgálja. Látássérült felhasználók milliói támaszkodnak képernyőolvasókra az online tartalmak fogyasztásához. Számukra kulcsfontosságú, hogy a vizuálisan megjelenített információnak megfelelő szöveggel rendelkezzenek. Alt szöveg nélkül a képernyőolvasók nem tudják közvetíteni a kép tartalmát, ami károsítja a felhasználói élményt.
SEO előnyök
Az Alt szöveg szintén szerepet játszik a SEO-ban. Míg az alt attribútumok a felhasználók számára nem láthatók, a keresőmotorok és a képernyőolvasók el tudják olvasni őket. A szöveg segít a keresőmotoroknak megérteni a kép tartalmát. Ez szemantikus jelentést ad a képnek, ami javítja az oldal topik relevanciáját a Google szemében, és potenciálisan segíthet a magasabb helyezésben.
Továbbá az alt szöveg javíthatja a Google Képek rangsorolásának esélyeit, ami további forgalmi forrást jelent a webhely számára. Amikor a képeket linkként használják, az alt szöveg horgonyszövegként szolgál, segítve a Google-t a linkelt oldal tartalmának megértésében.
Legjobb gyakorlatok az Alt szöveghez
Az alt szöveg hozzáadása a képekhez egyszerű módja annak, hogy oldalai könnyebben hozzáférhetővé váljanak, és támogassa SEO-erőfeszítéseit. Íme néhány legjobb gyakorlat, amelyet érdemes szem előtt tartani:
1. Ellenőrizze webhelyét a hiányzó Alt szövegek tekintetében
Kezdje a hiányzó alt szövegek ellenőrzésével. Használjon egy olyan online eszközt, amely képes feltérképezni a webhelyét, hogy megtalálja a hiányzó vagy üres alt szöveggel rendelkező képeket. Az olyan eszközök, mint a Google Search Console és a különböző SEO audit eszközök segíthetnek ebben a feladatban.
Nem minden képnek van szüksége alt szövegre. A dekoratív képek elhagyhatók anélkül, mivel nem nyújtanak értelmes tartalmat, és a képernyőolvasók figyelmen kívül hagyhatják őket. Koncentráljon a leglátogatottabb oldalakra, amelyek sok szerves forgalmat bonyolítanak.
2. Kerülje a kulcsszótömést
Bár az alt szöveg tartalmazhat releváns kulcsszavakat a SEO javítása érdekében, alapvető fontosságú, hogy az oldal tartalmához igazodó, informatív és értékes szöveget használjon. Kerülje a kulcsszótömést, mivel ezt a gyakorlatot a Google nem támogatja, és etikátlannak és hatástalannak tekinthető.
Használjon kulcsszavakat takarékosan, és csak ott, ahol természetesen illeszkednek a leírásba.
3. Tartsa 100 karakter alatt
Az Alt szöveg általában egyetlen szóból vagy rövid mondatból áll. A Functionality Accessibility Evaluator azt javasolja, hogy az alt szövegek hossza ne haladja meg a 100 karaktert. Ez elegendő teret biztosít az alt szöveg optimalizálásához, de biztosítja, hogy ne írjon hosszú leírásokat, amelyeket a képernyőolvasó eszközök levághatnak.
Példa
Íme egy példa egy jól megírt alt szövegre egy képhez, amelyen egy golden retriever játszik a parkban:
<img src="golden-retriever.jpg" alt="Golden retriever játszik a napsütötte parkban" title="Golden retriever"/>
Ha ezeket a legjobb gyakorlatokat követi, weboldalát minden felhasználó számára elérhetőbbé teheti, és támogathatja általános SEO-stratégiáját.
A webes akadálymentesítéssel és a SEO legjobb gyakorlataival kapcsolatos további információkért tekintse meg az olyan hiteles forrásokat, mint a Web Content Accessibility Guidelines (WCAG ) és a Google SEO Starter Guide.