Mi az a kép alt tag, és miért fontos a SEO-ban?

A kép alt tag – más néven alternatív szöveg vagy alt attribútum – egy olyan HTML elem, amely leírja a képek tartalmát a weboldalon.

Az alt tag jelentősége nem csupán az, hogy a vizuális elemeket „elmondja” a keresőmotoroknak, hanem segíti a felhasználói élményt és az akadálymentesítést is.

Ebből a cikkből megtudhatod, hogy miért kulcsfontosságú az alt leírás a SEO-ban, milyen alapelvek szerint érdemes megadni, és hol jelenik meg a weboldalon belül.

Mit jelent az alt tag, alt attribútum kifejezés?

Az alt attribútum az egyes képekhez tartozó leíró szöveg, amelynek több szerepe is van:

• SEO előnyök: A keresőmotorok nem „látják” a képeket, így az alt tag segíti őket a kép tartalmának megértésében. A megfelelően optimalizált alt címke hozzájárulhat ahhoz, hogy a weboldal előkelőbb helyezést érjen el a képkeresési találatok között, és támogatja a relevancia növelését a Google organikus találati oldalán is.

  
  

• Akadálymentesség: A látássérült felhasználók képernyőolvasót használnak, amely az alt leírást olvassa fel számukra, így a weboldal vizuális tartalma számukra is hozzáférhetővé válik.

  
  

• Weboldal betöltési problémák esetén: Ha a kép nem töltődik be, az alt címke szövege jelenik meg helyette, ami információt nyújt a felhasználónak a kép tartalmáról.

  
  

Hogyan érdemes megadni az alt tag-et?

Az alt tag szövegét érdemes az alábbi szempontok szerint megadni:

1. Legyen leíró és pontos:

   
   

   Olyan szavakat válasszunk, amelyek a kép tartalmát a lehető legjobban visszaadják. Például egy kávéscsészét ábrázoló kép esetén az „alt=’kávéscsésze tejeskávéval és fahéjjal’” sokkal leíróbb, mint az egyszerű „alt=’kávés csésze’”.

   
   

2. Tartalmazzon releváns kulcsszavakat, de kerüljük a kulcsszóhalmozást:

   
   

   Az alt attribútum optimalizálása része lehet a SEO stratégiának. Fontos, hogy az alt leírás tartalmazza a kulcsszavakat, de kerüljük a kulcsszóhalmozást. Ha például egy cikk arról szól, hogyan készítsünk otthon tejeskávét, akkor az alt szöveg így hangozhat: „otthoni tejeskávé fahéjjal és habos tejjel.”

   
   

3. Legyen rövid és lényegre törő:

   
   

   Az alt leírás terjedelme ne legyen túl hosszú. Általában 125 karakteren belül érdemes maradni, hogy a képernyőolvasók könnyebben olvassák fel a szöveget.

   
   

4. Kerüljük a „kép” vagy „fotó” szavakat:

   
   

   A keresőmotorok és az olvasók számára is egyértelmű, hogy az alt címke képet ír le, így nem szükséges „kép” vagy „fotó” szavakat használni.

Hol jelenik meg az alt attribútum a weboldalon?

Az alt tag maga nem látható a látogatók számára, kivéve, ha a kép nem tölt be. Az alt leírás a HTML-kódban található meg és kizárólag az akadálymentesítési eszközök, valamint a keresőmotorok számára látható. Az alt tag tehát a weboldal háttérben működő eleme, amelyet ugyan a látogatók közvetlenül nem látnak, mégis kulcsfontosságú SEO szempontból.

Az alt tag használatának előnyei a SEO-ban

Az alt címke alkalmazása tehát több szempontból is hozzájárul a weboldal teljesítményéhez. Azáltal, hogy a képeket releváns és pontos szöveggel látjuk el, javítjuk a weboldal találati helyezését és esélyeit a képkeresési találatok között, illetve elérhetővé tesszük az oldal tartalmát a látássérült felhasználók számára is.

Az alt attribútum szintén hozzájárulhat ahhoz, hogy a Google relevánsabbnak tekintse az adott oldalt, és előrébb sorolja a találati listában.

Gyakori hibák az alt tag-ek megadásakor

• Kulcsszóhalmozás: Túlzott kulcsszóhasználat nem csak természetellenes hatást kelt, de akár büntetést is vonhat maga után a keresőmotorok részéről.

  
  

• Az alt tag elhagyása: Gyakran előfordul, hogy a képeket nem látják el alt leírással, ami rontja a felhasználói élményt és a SEO eredményekre is hatással lehet.

  
  

• Túl általános szöveg használata: Az „alt=’kép’” vagy „alt=’logó’” típusú alt címkék nem adnak értékes információt a keresőmotorok számára.

  
  

• Alt tagok duplikálása: Mivel az alt tagokkal a kép tartalmát próbáljuk szavakkal leírni, rossz megoldás az, ha minden hivatkozott képhez ugyanazt a pár szavas mondatot adjuk meg. Ezeket az elemeket is úgy kell kezelnünk, mint például egy meta title vagy meta description párost. Minden képnek egyedi alt tagot szükséges megadni, lehetőség szerint belefogalmazva az aloldalra legjellemzőbb kulcsszavakat és azok szinonimáit.

  
  

Az alt tag tehát nem csupán egy technikai részlet, hanem a SEO alapvető eleme. Segít a keresőmotoroknak és a felhasználóknak is megérteni a weboldalon található képek tartalmát, amely kiemelten fontos, különösen azoknál a webhelyeknél, amelyek nagyszámú képi tartalommal rendelkeznek.

Hogyan működik az alt tag megadása a webáruház, weboldal motorokban?

Sok helyen automatizáltan adja meg a rendszer a feltöltött képeknek az alt attribútumot. Például egy fő termékkép esetében a terméknevet húzza be alt tagként, kategória képek esetében a kategória nevét, blog borító kép esetében pedig a blog cikk címét. Tehát ha jól adtuk meg ezeket az adatokat, akkor nem szükséges még külön figyelmet szentelnünk ezek beállításának is.

Vannak azonban olyan elemek, ahol a rendszer nem tud adatot társítani a képekhez, ezért manuálisan szükséges megadni az alternatív kifejezéseket.

Tipikusan ilyen például, amikor egy blog cikken belül még manuálisan hivatkozunk be képet.

Illetve érdemes felülírni a rendszer által megadott alt tagokat abban az esetben is, ha további termékképeket is töltöttünk fel a termékoldalra. Ilyenkor célszerű a további képek alt tagjában szinonima kifejezéseket használni, amelyek jól leírják a képen szereplő terméket.

Gyakran ismételt kérdések a kép alt attribútumokkal kapcsolatban:

1. Mi az a kép alt tag, és mire jó?

Az alt tag (alternatív szöveg) egy olyan HTML attribútum, amely leírja a kép tartalmát. Segíti a keresőmotorokat a kép értelmezésében, és akadálymentessé teszi a tartalmat a látássérült felhasználók számára.

2. Hogyan segít az alt tag a SEO-ban?

Az alt leírás javítja a keresőmotorok képértését, ami elősegíti, hogy a képek a megfelelő kulcsszavakra előkelőbb helyezést érjenek el a keresési találatok között.

3. Hogyan írjunk jó alt leírást?

Fontos, hogy az alt leírás pontosan leírja a kép tartalmát, rövid és lényegre törő legyen, tartalmazzon releváns kulcsszavakat, de kerüljük a kulcsszóhalmozást.

4. Mi történik, ha nincs alt leírás egy képnél?

Alt leírás nélkül a keresőmotorok és a képernyőolvasók nem tudják értelmezni a kép tartalmát, ami SEO szempontból hátrányt jelenthet, és csökkenti a weboldal akadálymentességét.

5. Miért ne használjunk „kép” vagy „fotó” szót az alt leírásban?

A „kép” vagy „fotó” szavak redundánsak az alt leírásban, hiszen a keresőmotorok és az olvasók is tudják, hogy egy képet írunk le. Inkább a kép tartalmára fókuszáljunk pontosabb leírással.