A képek nem dísznek vannak. Rangsorolási tényezők. Az optimalizált képek javítják az oldal sebességét, segítenek a keresőknek megérteni a tartalmat, és növelik az akadálymentességet minden felhasználó számára. A legtöbb weboldal teljesen figyelmen kívül hagyja a képoptimalizálást. Hatalmas, tömörítetlen fájlokat töltenek fel értelmetlen nevekkel és alt szöveg nélkül. Ez a legkönnyebb SEO-nyereség, amit a legtöbb oldal kihagy. Tudd meg, hogyan optimalizáld a képeket, hogy ellened helyett érted rangsoroljanak.
A képek több célt szolgálnak egy weboldalon. Megtörik a szöveget. Szemléltetik a fogalmakat. Lekötik az olvasókat. De sok weboldal figyelmen kívül hagyja a képoptimalizálást. Nagy, tömörítetlen fájlokat töltenek fel. Haszontalan fájlneveket használnak. Kihagyják az alt szöveget. Az eredmény lassú oldal, amelyet a keresők nehezen értenek meg.
A képoptimalizálás egyszerű. Három elemből áll. Fájlnevek. Alt szöveg. Fájltömörítés. Mindegyik számít a SEO-hoz. Együtt a képeket rangsorolási teherből rangsorolási eszközzé alakítják.
A képfájlneveid legyenek leírók
A keresők olvassák a képfájlneveidet. A fájlnév megmondja nekik, mit tartalmaz a kép, mielőtt magát a képet feldolgoznák.
Rossz fájlnév: „DSC_4829.jpg” vagy „image-2026-03-19.jpg”
Jó fájlnév: „website-builder-dashboard-screenshot.jpg”
A jó fájlnév megmondja a keresőknek, mit mutat a kép. A rossz fájlnév semmit sem mond. Használj leíró fájlneveket, amelyek tükrözik a kép tartalmát. A szavakat kötőjellel válaszd el, ne aláhúzással. A fájlnév legyen tömör, de konkrét.
Ha 10 képernyőképed van az oldalon, adj mindnek egyedi nevet. „website-builder-step-1.jpg”, „website-builder-step-2.jpg”, „website-builder-step-3.jpg”. Az egyedi nevek segítenek a keresőknek megérteni, hogy ezek különböző képek, különböző tartalommal.
Az alt szöveg segít a keresőknek megérteni a képeket
Az alt szöveg az a szöveg, amely megjelenik, ha a kép nem töltődik be. Ezt olvassák fel a képernyőolvasók a látássérült felhasználóknak is. A keresők az alt szövegből értik meg, miről szólnak a képek.
Rossz alt szöveg: „kép” vagy „fotó” vagy üresen hagyva
Jó alt szöveg: „Weboldalépítő vezérlőpultja a sablonválasztó felülettel, kék fejléccel és sablonok rácsával”
A jó alt szöveg leíró. Megmondja az olvasóknak és a keresőknek, mit mutat a kép. Konkrét. A „weboldal” helyett azt írd: „weboldalépítő vezérlőpultja”. A „képernyőkép” helyett azt: „képernyőkép a sablonválasztó felületről”.
Az alt szöveg maradjon 125 karakter alatt. A képernyőolvasók levágják a hosszabb alt szövegeket. Légy leíró, de tömör. Nem kell azt írnod, hogy „kép erről” vagy „fotó erről”. Ezek a szavak magától értetődnek.
Írd bele a kulcsszavakat az alt szövegbe, ha természetesen beleférnek
Ha az oldalad a „weboldalépítő vezérlőpult” kifejezésre épül, és van egy képernyőképed egy weboldalépítő vezérlőpultjáról, az alt szöveged tükrözze ezt. A „Weboldalépítő vezérlőpultja a sablonválasztással” természetesen tartalmazza a kulcsszót.
De ne erőltess kulcsszavakat. Soha ne írd azt, hogy „weboldalépítő vezérlőpult weboldalépítő sablon weboldalépítő választás weboldalépítő felület”. Ez kulcsszótömés, és árt a SEO-nak. Olyan alt szöveget írj, amely az embernek írja le a képet. A kulcsszavak másodlagosak.
Ha a célkulcsszavad nem fér bele természetesen az alt szövegbe, hagyd ki. Használj helyette rokon jelentésű kifejezéseket. A „Vezérlőpult felület az elérhető sablonokkal” a pontos kulcsszó nélkül is hasznos.
Tömörítsd a képeket az oldal gyorsítására
A nagy képfájlok lassítják az oldalaidat. A keresők előrébb rangsorolják a gyorsabb oldalakat. Az oldalsebesség megerősített rangsorolási tényező. A képek tömörítése javítja a sebességet és a rangsorolást.
A modern képformátumok, mint a WebP és az AVIF, 25-50%-kal jobban tömörítenek a JPEG-nél, a minőség megtartása mellett. Ha JPEG-et vagy PNG-t használsz, feltöltés előtt tömörítsd őket képtömörítő eszközzel.
Egy tömörített kép lehet 80 KB 500 KB helyett. Ez a kisebb fájl gyorsabban betöltődik. Az oldalad gyorsabban betöltődik. A keresők előrébb rangsorolnak. A felhasználóknak jobb az élménye. A képtömörítés minden szempontból nyerő.
Használj reszponzív képeket, amelyek skálázódnak a különböző képernyőméretekhez
A mobilhasználók kisebb képernyőn nézik az oldalad. Egy 2000 pixel széles képet küldeni egy telefonra, amely 400 pixelen jeleníti meg, pazarlás. A telefon letölt egy hatalmas fájlt, aztán összezsugorítja. A reszponzív képek különböző méreteket küldenek a különböző eszközöknek.
Az asztali gépet használó nagy, jó minőségű képet kap. A mobilhasználó kisebb, mobil képernyőre optimalizált képet. Ez a megközelítés javítja az oldal sebességét mobilon, ami kulcsfontosságú, mert a legtöbb keresés telefonon történik.
Adj képaláírást, ha releváns
A képaláírás a képek alatt vagy mellett megjelenő szöveg. Kontextust ad. A keresők az alt szöveggel együtt a képaláírásokat is olvassák, hogy mélyebben megértsék a képeket. A képaláírás az olvasóknak is segít megérteni, mit látnak.
Nem minden képhez kell képaláírás. De a kulcsfontosságú fogalmakat szemléltető fontos képeknek jót tesz. Egy szoftver képernyőképéhez kell egy képaláírás, amely elmagyarázza, mit mutat. Egy diagramhoz kell egy képaláírás, amely elmagyarázza a fogalmat.
Használj képes oldaltérképet a fontos képekhez
A képes oldaltérkép (image sitemap) megmondja a keresőknek, milyen képek vannak az oldaladon. Segít a keresőknek felfedezni és indexelni azokat a képeket, amelyeket egyébként kihagynának. Ha sok képed van, a képes oldaltérkép biztosítja, hogy a keresők mindet megtalálják.
A legtöbb weboldalnál ez opcionális. De ha a képek a tartalom középpontjában állnak, például receptoldalakon, termékoldalakon vagy fotós oldalakon, a képes oldaltérkép jelentősen javítja a kép-SEO-t.
Gyakori kérdések
Használhatom ugyanazt az alt szöveget minden képhez?
Nem. Minden képnek egyedi alt szövege legyen, amely az adott képet írja le. Ha ugyanazt az alt szöveget használod 10 különböző képhez, a keresők nem tudják megkülönböztetni őket. Az egyedi alt szöveg segít a keresőknek megérteni, hogy minden képnek más a tartalma és jelentése. A WEMASY weboldalépítőjével ezt közvetlenül a weboldaladon is beállíthatod.
Beírjam a kulcsszót minden kép alt szövegébe?
Nem. A kulcsszót akkor írd az alt szövegbe, ha természetesen belefér, és pontosan leírja a képet. Ha a kulcsszavad nem kapcsolódik a képhez, jobb kihagyni, mint erőltetni. Először olyan alt szöveget írj, amely leírja a képet. A kulcsszavak másodlagos előnyt jelentenek, amely magától jön, ha jól írod le a képeket.
Melyik képformátum a legjobb a SEO-hoz?
A WebP és az AVIF a legjobb modern formátum. Az AVIF kínálja a legnagyobb tömörítést, a fájlméretet 50%-kal csökkenti a JPEG-hez képest. A WebP 25-35% tömörítést ad, szélesebb böngészőtámogatással. Ha az oldalad régebbi böngészőket is támogat, használj WebP-t. JPEG-et vagy PNG-t csak akkor használj, ha nincs más lehetőséged, mert nagyobb fájlok.
Közvetlenül befolyásolja a kép alt szövege az oldal rangsorolását?
Az alt szöveg nem közvetlen rangsorolási tényező az oldalad számára. De segít a keresőknek jobban megérteni az oldalad, ami közvetve segíti a rangsorolást. Ennél fontosabb, hogy az alt szöveg segít a képeidnek rangsorolni a Google Képekben, ami forgalmat hoz. Javítja az akadálymentességet is a látássérült felhasználóknak, ami javítja a felhasználói élményt és az elköteleződést.
Mennyi tömörítés biztonságos, mielőtt a képek elveszítik a minőségüket?
A modern tömörítő eszközök megtartják a minőséget, miközben jelentősen csökkentik a fájlméretet. Általában 50-70%-os tömörítés lehetséges észrevehető minőségromlás nélkül. Próbálj ki különböző tömörítési szinteket az eszközeiddel, és hasonlítsd össze szemmel. A legtöbb felhasználásnál nem fogsz minőségromlást látni, amíg át nem lépsz a 80-90%-os tömörítési szintet. Eszközökkel és teszteléssel dolgozz, ne találgass.
Fontos az alt szöveg, ha a kép pusztán dekoratív?
A pusztán dekoratív, információs értékkel nem bíró képeknél üresen hagyhatod az alt szöveget, vagy használhatsz üres alt szöveget (alt=""). Ez azt jelzi a képernyőolvasóknak, hogy hagyják ki a képet, ami javítja a látássérült felhasználók élményét. De ha bármelyik kép információt közvetít, akár dekoratív kép is, amely szöveggel együtt szerepel, írj leíró alt szöveget.