Webshop képek SEO optimalizálása 2026 – Teljes útmutató

A webshop képek SEO optimalizálása 2026-ban az online áruházak azon folyamata, amely a termékfotók fájlméretét, formátumát, felbontását, alternatív szövegét és strukturált adatait hangolja össze a keresőbarát és gyors felhasználói élmény érdekében. A jól optimalizált képek nemcsak a Google találati listáján segítenek, hanem a webshop konverziójára is közvetlen hatással vannak. Ez az útmutató gyakorlati lépéseket mutat be a Magyarországon működő webshopok számára, 2026-os szempontok szerint.

• A WebP formátum átlagosan 25–35 százalékkal kisebb fájlméretet eredményez, mint a JPEG azonos vizuális minőség mellett.
• A Google PageSpeed Insights és a Core Web Vitals ajánlása szerint a LCP-értéknek 2,5 másodperc alatt kell lennie.
• A Google Shopping követelménye szerint a termékképeknek legalább 1000×1000 pixeles felbontásúnak kell lenniük a nagyíthatósághoz.

A webshopképek SEO-optimalizálása 2026-ban sokkal többről szól, mint a fájlméret csökkentéséről: a képformátumok, az alt szövegek és a betöltési sorrend is befolyásolják a rangsorolást, ezekhez pedig a Crawza kínál naprakész gyakorlati útmutatót.

Miért kulcskérdés a webshop képek SEO optimalizálása 2026-ban?

A webshop képek SEO optimalizálása 2026-ban azért kulcskérdés, mert a termékfotók befolyásolják az oldalsebességet, a felhasználói élményt és a Google Shopping megjelenéseket.

Az online vásárlók először a képek alapján döntenek. A lassú, nehéz oldalak magas visszafordulási arányt okoznak, a Google pedig a Core Web Vitals mutatók alapján rangsorol. A 2026-os keresői elvárások között a képoptimalizálás már nem luxus, hanem alapfeltétel.

A képek teszik ki egy átlagos webshop letöltött adatmennyiségének jelentős részét. Ha a termékfotók nincsenek optimalizálva, az egész áruház lassúvá válik. Ráadásul a Google Shopping hirdetéseknél a képminőség közvetlenül befolyásolja a kattintási arányt.

Ezért a képoptimalizálás nem csak technikai feladat, hanem üzleti döntés. A gyors és éles képek növelik a bizalmat, a részletes zoom funkció pedig csökkenti a visszaküldések számát. A következő fejezetekben a gyakorlati lépéseket vesszük sorra.

Melyik képformátumot érdemes választani 2026-ban?

2026-ban a WebP a webshopok alapértelmezett választása, de az AVIF egyre jobb tömörítést kínál a nagy felbontású termékképeknél.

A WebP formátum már évek óta a legjobb kompromisszum a minőség és a fájlméret között. A legtöbb modern böngésző támogatja, és a JPEG-hez képest 25–35 százalékos megtakarítást ad. A webshopok többsége 2026-ban is a WebP-t használja alapértelmezetten.

Az AVIF ennél is jobb tömörítést kínál, különösen a nagy felbontású termékfotóknál. Hátránya, hogy egyes régebbi rendszerek és képkezelő szoftverek még nem dolgozzák fel mindenhol. Ha a célközönség modern eszközöket használ, az AVIF jó választás lehet.

A JPEG továbbra is hasznos a fénykép jellegű képeknél, főleg ha kompatibilitási okokból ragaszkodunk hozzá. A PNG-t viszont érdemes kerülni a termékképeknél, mert a fájlmérete jóval nagyobb. A SVG pedig csak logókhoz és ikonokhoz ajánlott.

Mekkora legyen a termékkép fájlmérete és felbontása?

A termékképek fájlmérete 2026-ban ideálisan 100–200 KB között maradjon, a felbontás pedig legalább 800×800 pixel, de a zoom funkcióhoz 1200×1200 pixel ajánlott.

A túl nagy fájlméret a leggyakoribb webshop hiba. Egy termékoldalon akár 5–10 kép is lehet, és ha mindegyik 1 MB, az oldal azonnal lassúvá válik. A 2026-os ajánlás szerint a termékképek 100–200 KB között maradjanak.

A felbontásnál a használati mód a mérvadó. Az alap nézetben 800×800 pixel elegendő, de a zoom funkcióhoz 1200×1200 pixel szükséges. A Google Shopping 2026-os követelménye legalább 1000×1000 pixelt ír elő a nagyítási lehetőséghez.

A tömörítés során a vizuális minőség és a fájlméret egyensúlyát kell megtalálni. A WebP és AVIF formátum magas tömörítés mellett is megőrzi az élességet. Érdemes a képeket méretarányosan, a tényleges megjelenési méretnek megfelelően exportálni.

Hogyan optimalizáld az ALT szöveget webshop képeknél?

A hatékony ALT szöveg röviden és természetesen írja le a terméket, és ha lehetséges, tartalmazza a fő kulcsszót, de kerüli a kulcsszóhalmozást.

Az ALT szöveg (alternatív szöveg) segíti a keresőket és a látássérült felhasználókat abban, hogy megértsék, mit ábrázol a kép. Egy termékfotónál érdemes a termék nevét, típusát és legfontosabb jellemzőjét megadni. Például: „Nike Air Max 270 fehér futócipő oldalnézetből”.

A kulcsszót természetesen illeszd be, de ne erőltesd. A „futócipő, olcsó futócipő, Nike futócipő” típusú halmozás rontja a felhasználói élményt, és a Google is büntetheti. Az ALT szöveg legyen tömör, jellemzően 5–15 szó hosszú.

A dekoratív képeknél, mint amilyen egy háttér elem, üres ALT attribútumot használj. Ha a kép tartalmát a szöveg már átadja, a felesleges ALT csak zajt kelt. A termékképeknél viszont soha ne hagyd üresen.

Hogyan támogatja a reszponzív kódolás a webshop kép-SEO-t?

A srcset és a picture elem segítségével a böngésző a megfelelő méretű képet tölti le, ami gyorsabb oldalt és jobb Core Web Vitals értékeket eredményez.

A reszponzív képek lényege, hogy a böngésző az eszköz képernyőméretének megfelelő képet válasszon. A srcset attribútum megadja a különböző méreteket, a böngésző pedig a szükséges felbontást tölti le. Ez csökkenti a mobil adatforgalmat és gyorsítja az oldalt.

A picture elem akkor hasznos, ha különböző formátumokat kell kiszolgálni. Így a modern böngészők WebP-t kapnak, a régebbiek pedig JPEG-et. A CSS-ben a max-width: 100% és a height: auto beállítás elengedhetetlen a torzulás elkerüléséhez.

A reszponzív képek hozzájárulnak a LCP (Largest Contentful Paint) javításához. A 2026-os webshop iparági elvárás szerint a LCP értéke 2,5 másodperc alatt kell legyen. A megfelelően méretezett képek nélkül ezt nehéz teljesíteni.

Milyen szerepet játszanak a kép-sémajelölések a webshop SEO-ban?

A Product és ImageObject sémajelölések segítenek a keresőknek megérteni a termékképeket, és gazdag találati elemeket, valamint jobb Google Shopping megjelenést biztosítanak.

A sémajelölés (structured data) olyan kód, amelyet a termékoldal HTML-jébe ágyazunk be. A Schema.org Product típusa tartalmazza a termék nevét, árát, elérhetőségét és a képek adatait. Ez segít a Googlenek a gazdag találatok megjelenítésében.

Az ImageObject típus további részleteket ad meg, például a kép tárgyát, szélességét és magasságát. A Google a strukturált adatok alapján jobban megjelenítheti a képeket a képkeresőben is. Ez extra forgalmat hozhat a webshopnak.

A termékoldal SEO részeként a sémajelölések különösen fontosak. A Google Shopping hirdetéseknél a termékkép minősége és a hozzá tartozó adatok döntik el, hogy megjelenik-e a termék, és milyen pozícióban. Ezért érdemes a Google Rich Results Testtel ellenőrizni a beállításokat.

Hogyan hat a lazy loading és a Core Web Vitals a webshop képekre?

A lazy loading csökkenti a kezdeti betöltési időt, de a fenti (LCP) képet azonnal be kell tölteni, különben rontja a felhasználói élményt és a rangsorolást.

A lazy loading azt jelenti, hogy a képek csak akkor töltődnek be, amikor a felhasználó görgetve azokhoz ér. Ez különösen a hosszú terméklistáknál hasznos, mert csökkenti a kezdeti betöltési időt. A legtöbb webshop platform beépítetten támogatja.

Fontos azonban, hogy a fenti kép (LCP elem) ne legyen lazy loadinggal ellátva. A Google szerint a LCP-nek 2,5 másodpercen belül meg kell jelennie. Ha a legfontosabb termékkép késlekedik, az rontja a Core Web Vitals pontszámot.

A képek mellett a betűtípusok és a JavaScript is befolyásolja a betöltési sebességet. A 2026-os webshop sebesség optimalizálás során a képeket érdemes előtérbe helyezni, mert a legnagyobb nyereséget adják. A PageSpeed Insights segítségével pontosan láthatod, melyik képen kell javítani.

Milyen gyakori hibákat kerülj el a webshop képek SEO optimalizálásakor?

A leggyakoribb hibák a túl nagy fájlméret, a hiányzó ALT szöveg, a rossz fájlnév, a nem reszponzív képek és a méretarányok figyelmen kívül hagyása.

Az első és leggyakoribb hiba, hogy a webshop üzemeltetői az eredeti, óriási felbontású fotókat töltik fel. Ettől az oldal lassú lesz, és a Google rangsorolása is romlik. Mindig a megjelenítési méretnek megfelelően exportálj.

A második hiba a beszédes fájlnevek hiánya. Az olyan fájlnevek, mint az IMG_4582.jpg, nem mondanak semmit a keresőknek. Helyette használj például „nike-air-max-270-feher-futocipo.jpg” formátumot, kötőjelekkel elválasztva.

Harmadik gyakori probléma a nem reszponzív képek és a hiányzó sémajelölés. Aki ezeket kihagyja, az elveszíti a mobil forgalom jelentős részét. Ha teljes körű technikai SEO auditot szeretnél, a Crawza szakértői segítenek a hibák feltárásában.

Ha szeretnéd pontosan látni, milyen költségekkel jár egy ilyen technikai SEO audit és a képek teljes optimalizálása, akkor a Crawza webshop SEO árak oldalán megtalálod a csomagokat és azok tartalmát.