Webáruház képek SEO optimalizálása: Teljes útmutató 2026-ban

A webáruház képek SEO optimalizálása azt a folyamatot jelenti, amelynek során a termékfotókat, kategóriaképeket és egyéb vizuális elemeket úgy állítjuk be, hogy a keresőmotorok számára egyértelműen értelmezhetők legyenek. A jól optimalizált képek nemcsak a Google Képkeresőben hoznak forgalmat, hanem a bolt oldalsebességére és a felhasználói élményre is pozitívan hatnak. Ebben az útmutatóban lépésről lépésre mutatjuk meg, hogyan érdemes hozzáfogni a feladathoz.

• A webáruházakban a képek a teljes oldalméret akár 60-70 százalékát is kitehetik.
• A WebP formátum a JPEG-hez képest átlagosan 25-35 százalékkal kisebb fájlméretet biztosít azonos vizuális minőség mellett.
• A Google a képek indexeléséhez a fájlnevet, az alt szöveget és a környező tartalmat egyaránt felhasználja.

További információkért nézd meg a webshop strukturált adatok beállításáról szóló cikkünket oldalunkat.

Miért kritikus a képek SEO optimalizálása webáruházakban?

A webáruház képek SEO optimalizálása közvetlen hatással van az organikus forgalomra, a felhasználói élményre és a konverzióra, ezért nem opcionális feladat.

A webáruházakban a képek teszik ki a letöltött adatmennyiség nagy részét. Egy átlagos termékoldalon a képek adják a teljes oldalméret akár 60-70 százalékát is. Ha ezek a fájlok nincsenek optimalizálva, az oldal lassan töltődik be. A lassú oldal pedig magasabb visszafordulási arányt és rosszabb Google-helyezést eredményez.

Ráadásul a Google Képkereső külön forgalmi csatornát jelent. A vásárlók gyakran képek alapján keresnek termékeket, különösen ruházat, lakberendezés és elektronika esetében. Ha a képek nem rendelkeznek megfelelő alt szöveggel és fájlnévvel, kimaradsz ebből a forgalomból. A képek SEO-ja tehát a teljes e-kereskedelmi stratégia része. Ha ezt kihagyod, a versenytársaid előnybe kerülnek.

Hogyan nevezd el a termékképek fájljait?

A termékképek fájljait rövid, kötőjellel elválasztott, kulcsszót tartalmazó leíró névvel érdemes ellátni, mert ez segíti a keresőrobotokat a kép tartalmának megértésében.

A fájlnév az egyik első olyan jel, amelyet a Google a kép indexelésekor figyelembe vesz. Egy jó fájlnév például: kek-futo-cipo-42-es-meret.webp. Kerüld az olyan automatikusan generált elnevezéseket, mint a DSC_0042.jpg vagy a fotó-1.png. Ezekből sem a Google, sem a felhasználó nem tudja megállapítani, hogy mi látható a képen.

A fájlnevekben használj kötőjelet a szavak között, ne alulvonást vagy szóközt. A kötőjel a Google számára szóelválasztóként működik. Törekedj arra, hogy a fájlnév természetes módon tartalmazza a termék nevét és egy fontos jellemzőjét. A kulcsszóhalmozás itt sem cél: maradj rövid és informatív.

Milyen alt szöveget írj a termékképekhez?

Az alt szöveg tömör, pontos leírást ad a termékről, természetesen tartalmazza a fő kulcsszót, de kerüli a kulcsszóhalmozást.

Az alt szöveg elsődleges funkciója az akadálymentesítés: segítségével a látássérült felhasználók is megértik a kép tartalmát. Emellett a Google is ebből tudja meg, hogy mit ábrázol a kép. Egy jó alt szöveg 5-15 szóból áll, és pontosan leírja a terméket. Például: „kék futócipő férfiaknak, 42-es méretben”.

Ne tömj tele alt szöveget kulcsszavakkal, mert a Google spamként kezelheti. A termékoldalakon a legfontosabb képhez érdemes a fő kulcsszót hozzárendelni. A dekoratív képeknél pedig üres alt attribútumot használj, hogy a keresőrobotok ne pazarolják rájuk a figyelmet. A jól megírt alt szöveg hosszú távon organikus forgalmat hozhat.

Milyen képméretet és formátumot válassz?

A legjobb választás a WebP vagy AVIF formátum reszponzív méretekkel kombinálva, mert ez minimális minőségromlás mellett adja a legkisebb fájlméretet.

A webáruházak leggyakrabban JPEG és PNG formátumot használnak, de ezek nem a leghatékonyabbak. A WebP a modern szabvány, amelyet a Google is támogat és ajánl. Az AVIF pedig még jobb tömörítést kínál, 2026-ban már széles körű támogatással. A PNG-t csak olyan képeknél használd, ahol átlátszóságra van szükség, például logóknál.

A képméret tekintetében mindig a megjelenítési mérethez igazítsd a fájlt. Ha a termékkép 800 pixel széles a weboldalon, ne tölts fel 4000 pixel széles fájlt. A reszponzív megjelenítéshez használj srcset attribútumot, hogy a mobil felhasználók kisebb képet kapjanak. Így lényegesen gyorsíthatod az oldalt és csökkentheted a sávszélesség-felhasználást.

Hogyan segítik a strukturált adatok a képek rangsorolását?

A schema.org jelölések, különösen a Product és az ImageObject típusok, növelik annak az esélyét, hogy a termékképek gazdag találati formában jelenjenek meg a keresőben.

A strukturált adatok olyan kódok, amelyek segítenek a Google-nak megérteni az oldal tartalmát. Webáruházaknál a Product séma a legfontosabb, mert ezen keresztül adhatod meg a termék nevét, árát, elérhetőségét és képét. Az ImageObject séma pedig a kép részletes adatait írja le. Ha ezeket helyesen állítod be, nagyobb eséllyel jelenik meg gazdag találat.

A strukturált adatok beállítását a Google Rich Results Test segítségével ellenőrizheted. A hibásan beállított sémák nem okoznak büntetést, de nem is hoznak előnyt. A témával kapcsolatban érdemes elolvasni a webshop strukturált adatok beállításáról szóló cikkünket is.

Miért fontos a lazy loading és a gyors betöltés?

A lazy loading betöltésjavító technika, amely a képeket csak a láthatósági zónába érkezéskor tölti be, és így jelentősen javítja az oldal első betöltésének sebességét.

A Google 2026-ban is kiemelten kezeli a Core Web Vitals mutatókat, amelyek közül az LCP a fő kép betöltésétől is függ. Ha a termékkép túl nagy, az LCP érték romlik, ami rontja a rangsorolást. A lazy loading segítségével a képek csak akkor töltődnek be, amikor a felhasználó lefelé görget. Ez csökkenti a kezdőbetöltés idejét és javítja a felhasználói élményt.

Emellett érdemes CDN-t használni a képek kiszolgálásához. A CDN a látogató földrajzi helyéhez közeli szerverről szolgálja ki a képeket, ami gyorsabb betöltést eredményez. A képtömörítés és a megfelelő fájlméret kombinációja adja a legjobb eredményt. Így a felhasználói élmény is javul, ami közvetetten a konverziót is növeli.

Milyen eszközökkel ellenőrizd a képek optimalizáltságát?

A PageSpeed Insights, a Google Search Console és a Lighthouse együttesen megmutatja, hogy a webáruház képei mennyire vannak optimalizálva, és milyen javításokra van szükség.

A Google PageSpeed Insights ingyenes eszköz, amely pontosan megmutatja, ha a képek lassítják az oldalt. A Search Console Képkereső jelentése pedig azt mutatja, hogy a képeid milyen keresési kifejezésekre jelennek meg. A Lighthouse pedig részletes auditot ad a képméretekről, a formátumról és a betöltési sorrendről. Ezek az eszközök együtt teljes képet adnak a helyzetről.

A rendszeres ellenőrzés azért is fontos, mert a webáruház folyamatosan bővül. Minden új terméknél érdemes betartani a fenti alapelveket, és a meglévő képeket is érdemes időről időre felülvizsgálni. Ha a webáruházad technikai SEO-ját szeretnéd alaposan átnézni, hasznos lehet a technikai SEO ellenőrzőlistánk. A pontos árakról pedig az áraink oldalunkon tájékozódhatsz.

Felfedezheted a áraink oldalunkon oldalt.