Vizuális SEO — hogyan lesz a képedből forgalom, ne csak dekoráció?

A vizuális SEO az a munka, amelynek nyomán a képeid nemcsak szépek, hanem megtalálhatók is: megjelennek a képkeresésben, nem lassítják az oldalt, és segítik a szöveg megértését. Két különböző dolgot foglal magába — a megtalálhatóságot és a sebességet —, és ezeket gyakran összekeverik.

A két különböző kérdés

A képekkel kapcsolatban két, egymástól független dolgot szokás egy kalap alá venni:

A táblázat utolsó sora adja a sorrendet: a sebesség mindenkinek kötelező, a képkeresés-optimalizálás viszont csak akkor térül meg, ha a képed tényleg hordoz információt — recept, termék, folyamat, előtte-utána. Egy általános stockfotónál a képkeresésbe fektetett munka elveszik.

1. Fájlnév — a leggyakrabban kihagyott lépés

A DSC_0043.jpg semmit nem közöl. A fa-teraszburkolat-olajozas-elotte-utana.jpg egy teljes mondatot elmond, még mielőtt bárki megnyitná. Ez a legkisebb ráfordítású lépés az egész listán, és pont ezért fájó, hogy a legtöbb oldalon kimarad.

Két gyakorlati szabály: ékezet és szóköz helyett kötőjeles, ékezetmentes alak (a szerverek és a megosztó felületek másképp kódolják az ékezetet, és ebből törött kép-URL lesz), és ne kulcsszó-halmozás — három-öt szó elég.

2. Alt-szöveg: mire szolgál valójában

Az alt-szöveg elsődlegesen akadálymentességi eszköz: azt olvassa fel a képernyőolvasó, és azt mutatja a böngésző, ha a kép nem töltődik be. A SEO-hatás ebből következik, nem mellette van: azért érti meg a kereső a képet, mert te leírtad, mi van rajta.

Ebből adódik a mérce: ha felolvasnák, érthető lenne?

A harmadik sor a leggyakoribb félreértés: a tisztán díszítő elemnél az üres alt a helyes megoldás, nem a kitalált leírás. A kulcsszó-halmozásról a kulcsszó-halmozás fogalomnál írunk részletesen.

3. Méret és formátum

A leggyakoribb hiba nem a formátum, hanem a méret: a telefonon 400 pixel szélesen megjelenő képet 3 000 pixelesen töltjük le. A böngésző kicsinyíti, a látogató viszont kifizette a teljes fájlt sávszélességben és időben.

• Előbb méretezz, aztán tömöríts. A rossz sorrend a leggyakoribb ok, amiért „minden be van optimalizálva”, mégis lassú.
• Modern formátum ott, ahol nyer. Fotónál érdemi a nyereség; egyszerű logónál, ikonnál gyakran a vektoros forma a jó válasz.
• Adj meg szélességet és magasságot. Enélkül a kép megjelenésekor arrébb lökődik a szöveg — és a látogató épp a gombra kattintás pillanatában téveszt.

4. Betöltés: mikor lusta, mikor nem

A lusta betöltés (a kép csak akkor töltődik, amikor a közelébe érünk) jó eszköz — de van egy kivétel, amit szinte mindenki elront: a hajtás feletti főképet soha ne töltsd lustán. Épp az a kép szokta meghatározni a mért betöltési időt, tehát a késleltetéssel önmagad rontod el.

A gyakorlati szabály egyszerű: ami görgetés nélkül látszik, azt azonnal kérjük; minden más lehet lusta. A hajtás feletti sávról bővebben az above the fold fogalomnál.

5. A kép körüli szöveg

Ez a leginkább alábecsült tényező. A kereső nemcsak a fájlt és az alt-szöveget nézi, hanem azt is, miről szól a kép körüli tartalom: a képaláírás, a legközelebbi címsor, a bekezdés. Egy jó képaláírás emellett a látogatónak is szól — sokan előbb a képaláírást olvassák el, mint a szöveget.

Ha tehát egy kép fontos, ne hagyd magára: adj neki képaláírást, és tedd a hozzá tartozó szakasz mellé, ne az oldal aljára.

6. Képsitemap és indexelés

A legtöbb magyar kisvállalkozói oldalon a képek egyszerűen azért nincsenek a képkeresésben, mert semmi nem hívja fel rájuk a figyelmet. Két lépés segít: a képek szerepeljenek az oldaltérképben (vagy külön képsitemapban), és a fontos képek ne legyenek szkript mögé rejtve — ami csak kattintás után jelenik meg, azt a feltérképező gyakran nem látja.

Az oldaltérkép és az indexelhetőség fogalomnál részletezzük, hogyan ellenőrizd ezt.

7. Mit jelent mindez az AI-keresésben?

Az AI-alapú válaszmotorok a képeket többnyire nem „megnézik”, hanem a körülöttük lévő szövegből értik meg: az alt-szövegből, a képaláírásból, a fájlnévből. Vagyis az a munka, amit az akadálymentességért végzel el, kétszer fizet: a képernyőolvasót használó látogatónak és a gépi olvasónak is ugyanaz kell — leírás, nem kulcsszó.

Ez az egyik legtisztább példa arra, hogy a jó SEO és a jó felhasználói élmény nem külön feladat.

Mikor érdemes ezzel foglalkozni?

Őszintén: nem minden oldalnak érdemes a képkereséssel foglalkoznia. Ahol megtérül: webshop, kézműves- és kivitelezői munka (előtte-utána fotók), recept, ingatlan, esemény, bármi, ahol a döntés a látványon múlik. Ahol nem: szolgáltató cég általános stockfotókkal — ott a sebesség-oldal a fontos, a képkeresés nem hoz semmit.

A sebesség viszont mindenkire tartozik. Ha csak egyetlen lépést tudsz megtenni ma, az a méretezés legyen: nézd meg, mekkora fájlokat töltesz le telefonon a saját főoldaladról.

Saját fotó vagy stockkép?

Ez nem esztétikai, hanem üzleti kérdés, és a válasz iparágtól függ. A stockkép egyetlen előnye a gyorsaság; a hátránya, hogy ugyanazt a fotót a versenytársad is használja, és a látogató ezt megérzi, még ha nem tudatosítja.

A negyedik sor a leginkább kihasználatlan lehetőség: egy jól megcsinált ábra vagy egy magyarázó képernyőkép gyakran többet ér az olvasónak, mint bármilyen fotó — és mivel egyedi, hivatkozni is szoktak rá.

Jogi oldal röviden: stockképnél mindig nézd meg a felhasználási feltételt, és mentsd el, honnan származik. A versenytárs oldaláról átvett kép nem stockkép, hanem szerzői jogi kockázat.

Öt perces önellenőrzés

Ezt bárki elvégezheti a saját oldalán, külön eszköz nélkül:

• Nyisd meg a főoldalt telefonon, mobilhálózaton. Nem irodai wifin — az elrejti a problémát.
• Nézd meg a fájlneveket. Ha IMG_ vagy DSC_ kezdetűeket találsz, ott van a legkönnyebb nyereség.
• Kapcsold ki a képek betöltését, vagy nézd meg lassú kapcsolaton. Amit ilyenkor látsz az alt-szövegekből, azt „látja” a gépi olvasó is.
• Keress rá a márkanevedre a képkeresésben. Ha semmi nem jön, a képeid nincsenek indexelve.
• Görgess: ugrál-e a szöveg? Ha igen, hiányzik a képek méret-megadása.

Ez az öt lépés a legtöbb magyar kisvállalkozói oldalon több hasznot hoz, mint bármilyen bővítmény telepítése. A bővítmény ugyanis a tömörítést automatizálja — a méretezést, a fájlnevet és az alt-szöveget nem tudja helyettesíteni, mert azokhoz tudni kell, mi van a képen és mire kell.

Webshopnál más a helyzet

Ha terméket adsz el, a kép nem illusztráció, hanem a termék bemutatása — és ez három plusz feladatot jelent:

• Több szög, egységes háttér. A vásárló azt akarja látni, amit a boltban kézbe vennie. Az egységes háttér nem esztétika: összehasonlíthatóvá teszi a kínálatot.
• Méret-érzet. A leggyakoribb visszaküldési ok, hogy a termék nem olyan méretű, mint a képen látszott. Egy referencia-tárgy vagy egy használat közbeni fotó ezt megelőzi.
• A termék-adatok a képen kívül is legyenek ott. Amit csak a képre írtál rá, azt sem a kereső, sem a képernyőolvasó nem olvassa el — és a szűrőid sem tudnak vele dolgozni.

A harmadik pont a leggyakoribb technikai hiba webshopoknál: a lényeges információ (méret, anyag, teljesítmény) képre égetve szerepel. Ilyenkor a termékoldal szövegben szinte üres — a kereső számára pedig épp az a rész hiányzik, ami eladná.

Kapcsolódó: Above the fold · AMP — kell még 2026-ban? · Kulcsszó-halmozás · Oldalsebesség: mit érdemes javítani?