+++ term = “Mi az alt szöveg?” lastmod = “2026-10-08” title = “Mi az alt szöveg?” keywords = [ “alt szöveg”, “alt szöveg akadálymentesség”, “mire vonatkozik az alt szöveg”, “alt szöveg hozzáadása”, “alt szöveg írása”, “hatékony alt szöveg”, “alt”, “szöveg” ] url = “/affiliate-marketing-szojegyzek/alt-szoveg/” aliases = [ “/affiliate-marketing-glossary/alt-text/” ] description = “Az alt szöveg leírja a képeket a HTML-ben. Ismerd meg, mi az alt szöveg, miért fontos, és hogyan írd meg jól.” date = “2024-11-07 10:49:27” image = "" shortDescription = “Az alt szöveg — röviden alternatív szöveg — egy szöveges leírás, amelyet a kép alt attribútumán keresztül adunk meg a HTML-ben.” tags = [ “SEO”, “Accessibility”, “AltText”, “AffiliateMarketing”, “BestPractices” ] categories = [ “Glossary” ] showCTA = true ctaHeading = “Javítsd weboldalad megfelelő alt szöveggel” ctaDescription = “Optimalizáld oldalad az akadálymentesség és a keresőmotorok szempontjából egyaránt. Ismerd meg, hogyan növelheti a hatékony alt szöveg az affiliate marketing eredményeidet.” ctaPrimaryText = “További SEO-tippek” ctaPrimaryURL = “/blog/” ctaSecondaryText = “Ingyenes próba indítása” ctaSecondaryURL = “/trial/”
[[faq]] question = “Látja bárki az alt szöveget?” answer = “A látó felhasználók általában nem látják az alt szöveget, hacsak a kép nem töltődik be. A képernyőolvasót használók hallják. A fejlesztők és szerkesztők a HTML megvizsgálásával vagy a böngésző fejlesztői eszközeivel láthatják. Egyes böngészők lehetővé teszik, hogy a felhasználók jobb gombbal a képre kattintva és a "Megvizsgálás" vagy "Képinformációk megjelenítése" lehetőséget választva megtekintsék az alt szöveget.”
[[faq]] question = “Milyen hosszú legyen az alt szöveg?” answer = “A legtöbb iránymutatás azt javasolja, hogy az alt szöveg 125 karakternél rövidebb legyen. A Siteimprove körülbelül 100 karaktert javasol gyakorlati maximumként. Ha egy kép hosszabb leírást igényel — például egy összetett diagramot vagy infografikát —, adj rövid alt szöveges összefoglalót, a teljes magyarázatot pedig a környező törzsszövegben vagy egy csatolt, hosszú leírást tartalmazó oldalon helyezd el.”
[[faq]] question = “Minden képnek szüksége van alt szövegre?” answer = “Minden <img> címkének szüksége van alt attribútumra, de nem minden képnek kell leíró alt szöveg. A dekoratív képeknél üres alt="" attribútumot kell használni. Az informatív és funkcionális képeknek értelmes, a kontextusnak megfelelő alt szövegre van szükségük. A kulcsszabály: az alt attribútumnak mindig jelen kell lennie, még akkor is, ha az értéke üres.”
[[faq]] question = “Mi egy példa a jó alt szövegre?” answer = “Rossz: alt="Kép egy kutyáról"
A jó változat azt írja le, ami a képen lényeges, anélkül hogy szavakat pazarolna a "kép egy…" kitételre — amelyet a képernyőolvasó úgyis bemond.”
[[faq]] question = “Használhatom az alt szöveget kulcsszóhalmozásra?” answer = “Nem. Az alt szövegben történő kulcsszóhalmozás — például alt="olcsó cipők vegyél cipőt legjobb cipőajánlatok kedvezményes lábbeli" — árt az akadálymentességnek, mert hallgathatatlan képernyőolvasós kimenetet eredményez, és a keresőmotorok kézi intézkedését válthatja ki. Csak akkor használj kulcsszavakat, ha azok valóban leírják a képet.”
[[faq]] question = “Mi a különbség az alt szöveg és a képaláírás között?” answer = “Az alt szöveg a kép szöveges megfelelőjét biztosítja azoknak a felhasználóknak, akik nem látják a képet. A képaláírás (gyakran <figcaption> elemben) minden felhasználó számára látható, és jellemzően kontextust, forrásmegjelölést vagy megjegyzést ad hozzá. Más célt szolgálnak, és megférhetnek egymás mellett ugyanazon a képen — de nem lehetnek azonosak. Ha mindkettő jelen van, az alt szövegnek a képet kell leírnia, a képaláírásnak pedig olyan információt kell hozzáadnia, amely önmagából a képből nem derül ki.”
[[lnks]] text = “kulcsszóhalmozás” path = “/faq/can-i-overuse-keywords-affiliate-content/” title = “Ismerd meg, miért árt a kulcsszóhalmozás az affiliate SEO-nak, és hogyan optimalizálhatod a kulcsszavakat természetesen. Fedezd fel a bevált gyakorlatokat a Google-büntetések elkerüléséhez, miközben 2025-ben is erős helyezéseket tartasz.”
[[lnks]] text = “jártas a HTML-ben” path = “/faq/how-to-add-image-html/” title = “Ismerd meg, hogyan adhatsz képeket a HTML-hez az img címke használatával. Fedezd fel a bevált gyakorlatokat a src és alt attribútumok, a reszponzív képek és a webes teljesítményt javító optimalizációs technikák terén.”
[[lnks]] text = “affiliate marketing” path = “/affiliate-marketing-glossary/seo-affiliates/” title = “Az SEO affiliate-ek — más néven keresőalapú affiliate-ek — segítenek javítani oldalad helyezését a keresési találati oldalon. Fedezd fel, hogyan használják az SEO affiliate-ek a szakértői stratégiákat az organikus forgalom növelésére és az affiliate marketing sikerének fellendítésére.”
[[lnks]] text = “az affiliate marketing világában” path = “/faq/visual-content-affiliate-campaigns/” title = “Fedezd fel, miért kulcsfontosságú a vizuális tartalom az affiliate marketing sikere szempontjából. Ismerd meg, hogyan növelik a képek, videók és infografikák az elköteleződést, a konverziókat és a megtérülést (ROI) 2025-ben.”
[[lnks]] text = “affiliate marketingesek” path = “/faq/html-benefits-affiliate-marketers/” title = “Fedezd fel, hogyan segíti a HTML az affiliate marketingeseket az SEO-optimalizálással, a mobilbarát megjelenéssel, a konverziókövetéssel és a jobb felhasználói élménnyel a magasabb eladások és az elkötelezettség elérésében.”
[[lnks]] text = “mint a "kép egy…" vagy "fotó egy…"” path = “/faq/what-does-good-alt-text-look-like/” title = “Ismerd meg gyakorlati példákon keresztül, hogyan néz ki a jó alt szöveg. Fedezd fel a bevált gyakorlatokat a tömör, konkrét alt szöveg megírásához, amely javítja weboldalad akadálymentességét és SEO-ját.”
[[lnks]] text = “webes akadálymentesség” path = “/faq/how-to-write-good-alt-text/” title = “Ismerd meg, hogyan írj hatékony alt szöveget a képekhez. Fedezd fel a bevált gyakorlatokat az akadálymentesség, az SEO-optimalizálás és a különböző képtípusokra vonatkozó konkrét iránymutatások terén.” +++
Az alt szöveg — az alternatív szöveg rövidítése — egy szöveges leírás, amelyet a kép alt attribútumán keresztül adunk meg a HTML-ben. A kép célját és alapvető információit közvetíti, amikor az adott kép nem látható.
A képernyőolvasók hangosan felolvassák az alt szöveget a vak vagy gyengénlátó felhasználóknak. A böngészők a kép helyén az alt szöveget jelenítik meg, ha a képfájl nem töltődik be. A keresőmotorok az alt szöveget olvasva értik meg, hogy mit ábrázol egy kép, és hogyan kapcsolódik az oldal környező tartalmához.
Az alt attribútum a HTML 2.0 (1995) óta része a HTML-specifikációnak. Idővel nem a technikai funkciója változott, hanem a rá vonatkozó minőségi követelmények — a modern akadálymentességi iránymutatások, mint a WCAG 2.2 és a Section 508, olyan alt szöveget írnak elő, amely jelentést hordoz, nem csupán címkét.
Egy alt szöveggel ellátott képcímke a következő szerkezetű:
<img src="golden-retriever-beach.jpg" alt="Arany retriever fut a homokos tengerparton naplementekor">
src attribútum a képfájl helyére mutat. Az alt attribútum tartalmazza a szöveges leírást.Nem — bár a hétköznapi beszédben a két kifejezést gyakran felcserélve használják. Az „alt tag" köznyelvi elnevezés. A helyes technikai kifejezés az alt attribútum, mert az alt a <img> elem attribútuma, nem pedig önálló HTML-címke. A gyakorlatban az „alt szöveg", „alt attribútum" és „alternatív szöveg" kifejezések ugyanarra a fogalomra utalnak.
Állítsd be a fejlett nyomkövetést percek alatt. Bankkártya nem szükséges.
Az alt szöveg három különböző közönséget szolgál ki, és mindegyiknek mások az igényei.
Sokan használnak képernyőolvasót — olyan szoftvert, amely a képernyőn látható tartalmat beszéddé vagy Braille-írássá alakítja.
Ez nem opcionális kényelem; funkcionális követelmény a Web Content Accessibility Guidelines (WCAG) 2.2 előírásai szerint, konkrétan az 1.1.1. sikerkritérium (Nem szöveges tartalom) alapján.
A képernyőolvasót használók az alt szövegre támaszkodnak, amikor termékoldalakon navigálnak, infografikákat értelmeznek, gombokat azonosítanak, és megértik az oldal teljes jelentését. A hiányzó vagy rosszul megírt alt szöveg teljesen kizárja ezeket a felhasználókat a kommunikációból.
A képek „eltörhetnek". Lassú kapcsolat, szerverhiba, törölt fájl, alapértelmezés szerint képeket letiltó e-mail kliens — mindezek gyakoriak. Ha egy kép nem töltődik be, és nincs alt szöveg, a felhasználók vagy semmit, vagy egy értelmezhetetlen fájlnevet látnak.
Az alt szöveg olyan tartalék megoldást kínál, amely megőrzi a jelentést. Az e-mail marketingben — ahol a képek letiltása elterjedt — az alt szöveg gyakran eldönti, hogy a címzett egyáltalán megérti-e az üzenetet. Azoknak az affiliate marketingeseknek, akik promóciós e-maileket küldenek, a termékképek alt szövege jelentheti a különbséget a kattintás és a törlés között.
A keresőmotorok a képek indexeléséhez az alt szöveget a fájlnevekkel, a környező szöveggel és az oldal szerkezetével együtt használják. A Google saját dokumentációja is megerősíti, hogy az alt szöveg segít a keresőmotornak megérteni, mit mutat egy kép, és hogyan kapcsolódik az oldal témájához.
A leíró, pontos alt szöveggel ellátott képek nagyobb valószínűséggel jelennek meg a Google Képkereső találatai között — ez a csatorna a hagyományos webes kereséstől függetlenül hoz forgalmat. Az e-kereskedelmi és affiliate webhelyek számára a képkeresés jelentős forgalmi forrássá válhat, ha a termékképek megfelelő alt szöveget viselnek.
Igen — egy fenntartással. Az MI-rendszerek egyre inkább számítógépes látást (computer vision) használnak a képek közvetlen elemzéséhez. Ha azonban egy MI-modell egy oldalt elsősorban a szövegén és a HTML-jén keresztül dolgoz fel (ahogyan a keresőrobotok és egyes tartalomindexelő eszközök teszik), az alt szöveg egyértelmű, a szerző által írt jelzést ad arról, hogy a kép mit jelent a kontextusban. Ez különösen fontos, mivel az MI-alapú keresési funkciók — például a Google AI Overviews — az oldal tartalmát összegzik a felhasználói kérdések megválaszolásához.
Az, hogy írsz-e alt szöveget, a kép céljától függ. A W3C Web Accessibility Initiative (Webes Akadálymentesítési Kezdeményezés) a képeket több típusba sorolja, és mindegyikre más alt-szöveg követelmények vonatkoznak.
Azoknak a képeknek, amelyek az oldal szempontjából releváns információt közvetítenek, leíró alt szövegre van szükségük. Kérdezd meg magadtól: Ha ez a kép eltűnne, veszítene-e az olvasó értékes tartalmat? Ha igen, írj olyan alt szöveget, amely közvetíti a kép által nyújtott információt.
A funkcionális képek műveleteket indítanak — gombokban, linkekben vagy más interaktív elemekben jelennek meg. Az alt szövegüknek a műveletet kell leírnia, nem magát a képet.
Példa: A keresőgombon belüli nagyító ikonhoz alt="Keresés" szükséges, nem pedig alt="Nagyító ikon".
Funkcionális képeknél a felhasználónak azt kell tudnia, mi történik, ha rákattint — nem pedig azt, hogyan néz ki az ikon.
Amikor csak lehetséges, a szöveg valódi HTML-szöveg legyen, ne képbe ágyazva jelenjen meg. Ha a szöveget ábrázoló képek elkerülhetetlenek (bannerek, promóciós grafikák, egyes közösségimédia-sablonok), az alt szövegnek pontosan vissza kell adnia a képen látható szöveget.
Példa: Egy „20% kedvezmény minden csomagra — Használd a(z) SUMMER20 kódot" feliratú promóciós banner alt szövegének pontosan ezeket a szavakat kell tartalmaznia.
Értesülj elsőként az új funkciókról és termékfrissítésekről.
A dekoratív képeknek nincs sem információs, sem funkcionális céljuk — pusztán a vizuális hangulat kedvéért léteznek. Háttérminták, szekcióelválasztóként használt általános stockfotók és pusztán díszítő jellegű ikonok tartoznak ebbe a kategóriába.
A dekoratív képeknél üres alt attribútumot használj: alt="". Ezt null alt szövegnek is nevezik.
Ez a helyes viselkedés; a dekoratív képek bemondása csak zajt ad, jelentést nem.
Kritikus részlet: Az alt attribútumnak így is jelen kell lennie, csak üresen. Ha az alt attribútumot teljesen elhagyod (<img src="decorative.jpg">), a képernyőolvasók kénytelenek lesznek felolvasni a fájlnevet, ami rosszabb élményt okoz, mint a null alt szöveg.
Amikor egy kép megismétli a mellette lévő szövegben már szereplő információt, az alt szöveg hozzáadása felesleges megkettőzést eredményez. Például, ha egy termékkártya egy „Vezeték nélküli Bluetooth fejhallgató" képét mutatja egy ugyanilyen feliratú címsor mellett, az alt szöveg legyen üres — alt="" —, mert az információ a képernyőolvasót használók számára már elérhető a címsoron keresztül.
A kielégítő és a használhatatlan alt szöveg közötti különbség gyakran néhány alapelven múlik.
A kép által közvetített információt írd le, ne minden vizuális részletet. Egy túrázó személyt ábrázoló fényképnek nincs szüksége a cipőfűző színére — a cselekvésre, a kontextusra és a környező tartalom szempontjából releváns részletekre van szüksége.
A leghatékonyabb alt szöveg 125 karakteren belül van. A képernyőolvasók az írásjeleknél szünetet tartanak, így a hosszú, megszakítás nélküli alt szöveg hallgathatatlan „hangfal" lesz. A Siteimprove azt javasolja, hogy az alt szöveg lehetőség szerint nagyjából 100 karakter alatt maradjon.
Ugyanannak a képnek a megjelenési helytől függően más alt szövegre lehet szüksége. Egy asztalon lévő laptopról készült fotó igényelheti a laptopmodell leírását egy termékoldalon, vagy a távmunka jelenetének leírását egy termelékenységről szóló blogon.
Az alt szöveget mindig a kép adott oldalon betöltött szerepéhez igazítva írd meg, ne a képet önmagában vedd alapul.
Az alt szöveg elsődlegesen az akadálymentességet szolgálja. Releváns kifejezéseket csak akkor használj, ha azok természetesen írják le a képet.
A képernyőolvasók úgyis bemondják, hogy kép következik.
A kezdőbetű legyen nagy. A mondatokat ponttal zárd. A képernyőolvasók az írásjelekből következtetnek a tempóra és a hanglejtésre. A nyelvtanilag helyes alt szöveg természetesebben hangzik, és könnyebben érthető.
Ha az alt attribútum teljesen hiányzik egy <img> címkéből, a viselkedés eltérő:
DSC00472.jpg.A hiányzó alt attribútumú kép alapvetően különbözik az üres alt="" attribútumútól. Az előbbi zavart okoz; az utóbbi tudatos döntés, amely azt üzeni a segédtechnológiának, hogy hagyja figyelmen kívül a képet. Egy oldal minden <img> címkéjén legyen alt attribútum — akár kitöltve, akár üresen.
A legtöbb CMS-platform — WordPress, HubSpot, Shopify és mások — tartalmaz alt szöveg mezőt a képfeltöltő vagy a médiatár felületén.
A WordPressben, amikor kiválasztasz egy képet a blokkszerkesztőben vagy a médiatárban, a jobb oldali beállítási panelen megjelenik az „Alternatív szöveg" mező. Írd be a leírásod, és mentsd el. A CMS automatikusan hozzáadja az alt attribútumot a HTML-hez.
Add hozzá az alt attribútumot közvetlenül a <img> címkén belül:
<img src="affiliate-dashboard.jpg" alt="Post Affiliate Pro irányítópult havi jutalékösszesítéssel">
alt attribútum a <img> címkén belül bárhol szerepelhet, bár a src után elhelyezni a bevett gyakorlat.A legtöbb közösségimédia-platform kínál alt szöveg lehetőséget, amikor képes bejegyzést szerkesztesz:
Az automatikusan generált alt szöveget mindig cseréld le ember által írt leírásra. Az MI által generált alt szöveg hajlamos az általános címkékre — „kutya, beltér, személy" —, amelyek nem ragadják meg a kép célját és kontextusát.
Az alt szöveg sajátos és gyakran figyelmen kívül hagyott szerepet játszik az affiliate marketing munkafolyamataiban, és egyaránt érinti a hirdetőket, a kiadókat és a programmenedzsereket.
Amikor bannereket, termékképeket és promóciós kreatív anyagokat adsz át az affiliate-jeidnek, ezek a képek ritkán érkeznek alt szöveggel. Azok az affiliate-ek, akik az affiliate irányítópulton keresztül kapnak egy képfájlt, lehet, hogy nem tudják, mit írjanak — és sokan üresen hagyják vagy elhagyják az alt attribútumot.
Azok a programmenedzserek, akik az affiliate portálon minden kreatív anyag mellé javasolt alt szöveget is mellékelnek, ezt a súrlódást szüntetik meg.
A termékértékelő bejegyzések és összehasonlító cikkek nagy mértékben támaszkodnak képernyőfotókra, termékfotókra és képként megjelenített összehasonlító táblázatokra. Minden ilyen képnek olyan alt szövegre van szüksége, amely az olvasót és a keresőmotort egyaránt szolgálja.
Amikor a képernyőolvasót használó olvasók találkoznak ezzel az alt szöveggel, ugyanazt az információt kapják, amelyet a látó olvasó kap a képernyőfotóból. Amikor a keresőmotorok indexelik ezt az alt szöveget, a kép megjelenhet az affiliate jutalékbeállításokkal kapcsolatos releváns kereséseknél.
A pontos, leíró alt szöveggel ellátott termékképek hosszú farkú keresőkifejezésekre is megjelenhetnek a Google Képkereső találatai között. A képre kattintás az oldalra vezet — és potenciálisan egy regisztrációhoz.
Ez nem helyettesíti az írott tartalmat és a hagyományos SEO-t. Egy kiegészítő, alacsony erőbefektetést igénylő csatorna, amely csak akkor működik, ha az alt szöveget következetesen alkalmazzák.
Kezelje több partner programját és javítsa partnerei teljesítményét a Post Affiliate Pro-val.
Ismerje meg, hogy néz ki a jó alt szöveg gyakorlati példákkal. Fedezze fel a leghatékonyabb módszereket a tömör, specifikus alt szöveg írására, amely javítja we...
Ismerje meg, hogyan írhat hatékony alternatív szöveget képeihez. Fedezze fel a legjobb gyakorlatokat az akadálymentesség, a SEO optimalizálás és a különböző kép...
+++ term = “Mi az a meta leírás?” lastmod = “2026-10-08” title = “Mi az a meta leírás?” keywords = [ “meta leírások&rd...
Csatlakozzon elégedett ügyfeleink közösségéhez és nyújtson kiváló ügyfélszolgálatot a Post Affiliate Pro-val.
Sütik Hozzájárulás
A sütiket használjuk, hogy javítsuk a böngészési élményt és elemezzük a forgalmunkat. See our privacy policy.