· Projectweb · Olvasási idő kb. 6 perc
Képkereső optimalizálás: Google Lens és AI vision a gyakorlatban
A keresés már rég nem csak szövegről szól. A Google Lens, a Pinterest Lens és az AI vizuális modellek a képeidet „nézik” – és ha jól csinálod, ezeken keresztül is ügyfeleket hozhatnak. Megmutatjuk, mit jelent a képkereső optimalizálás a gyakorlatban.
A Projectweb egy 2014 óta működő budapesti weboldalkészítő vállalkozás, amely a blogján is megosztja a honlapkészítéssel kapcsolatos tapasztalatait.
Miért lett kulcskérdés a vizuális keresés?
A vizuális keresés évek óta gyorsan növekszik, és a 2026-os AI-asszisztensek korában új szintre lépett. Ma már nemcsak a Google Lens „olvassa” a képeket, hanem a multimodális nyelvi modellek – mint a Gemini, a Claude vagy a GPT-image alapú rendszerek – is. Ezek a modellek nem fájlnevet néznek először, hanem a kép tartalmát: felismerik a tárgyakat, a szöveget a képen, a színeket és a stílust.
A viselkedés mögött egyszerű emberi kényelem áll. Sokszor könnyebb lefotózni valamit, mint pontosan megfogalmazni szavakkal. Egy mintás csempét, egy konkrét cipőfazont vagy egy növényt nehéz jól leírni, viszont egy fotó azonnal érthető. A telefonok kameráinak fejlődésével és a beépített „keresés képpel” gombokkal ez a viselkedés a hétköznapok részévé vált, nem csak a tech-rajongóké.
Egy magyar kkv számára ez azt jelenti, hogy a jó termékfotó vagy a szépen elkészített referenciakép önmagában is forgalmi forrás lehet. Egy webáruház esetében ez különösen igaz: a vásárlók gyakran egy közösségi médiában látott fotó alapján próbálják megtalálni a terméket. De ugyanígy profitálhat belőle egy étterem, egy fodrász vagy egy lakberendező is, ahol a vizuális megjelenés a szolgáltatás lényege.
Hogyan „lát” egy AI vision modell egy weboldalt?
Egy modern vizuális kereső nem egyetlen jelből dolgozik, hanem több réteget kombinál. Először a kép pixeleit elemzi egy képfelismerő modell, amely tárgyakat, jeleneteket és a képen lévő szöveget azonosít. Ezután összeveti ezt a kép körüli HTML-kontextussal: az alt attribútummal, a fájlnévvel, a képaláírással és a környező bekezdésekkel.
A modern modellek a képen lévő feliratokat is kiolvassák (ez az úgynevezett OCR), és értelmezik a jelenetet: nem csak azt látják, hogy „cipő”, hanem hogy az egy futócipő, oldalnézetből, fehér háttér előtt. Ez azt jelenti, hogy a képbe égetett szöveg – például egy infografikán – is indexelhető tartalommá válhat, de óvatosan kell bánni vele, mert a fontos információ ne csak a képen legyen ott.
Ez a kettősség a kulcs. Hiába tökéletes a fotód, ha a fájl neve IMG_2381.jpg, és nincs alt szövege, a kereső nehezen köti össze a vállalkozásoddal. És fordítva: a legjobb alt szöveg sem segít, ha a kép valójában mást ábrázol, mint amit írsz. A cél az összhang a vizuális tartalom és a szöveges jelek között – a kereső pontosan azt a megbízhatóságot jutalmazza, amikor a kettő egymást erősíti.
A képkereső optimalizálás technikai alapjai
Néhány alaplépés, amit minden weboldalon érdemes betartani – ezeket mi is beépítjük minden weboldalkészítés projektbe:
Beszédes fájlnév
A kek-noi-futocipo-42.webp sokkal többet mond a keresőnek, mint a DSC0042.webp. Használj ékezet nélküli, kötőjeles, leíró fájlneveket, amelyek a kép tényleges tartalmát írják le. Ez az egyik leggyorsabban orvosolható hiba a legtöbb honlapon.
Pontos alt szöveg
Az alt szöveg eredetileg akadálymentességi cél (a képernyőolvasók ezt mondják fel), de a keresők is használják. Írj természetes, leíró mondatot, ne kulcsszóhalmazt. Egy jó alt szöveg egyszerre szolgálja a látássérült felhasználót és a keresőt – és ha a Google nem tudja betölteni a képet, a látogató is ezt a szöveget látja.
Modern formátum és méret
A WebP vagy AVIF formátum töredékére csökkenti a fájlméretet a régi JPG-hez képest, ami a betöltési sebességet javítja – ez pedig közvetve a kereshetőséget is. Adj meg width és height attribútumot, hogy ne ugráljon az elrendezés, és használj reszponzív srcset változatokat a különböző képernyőkre.
Lusta betöltés és CDN
A loading="lazy" attribútum csak akkor tölti be a képet, amikor a látogató odagörget, így a fontos tartalom hamarabb megjelenik. Egy tartalomkiszolgáló hálózat (CDN) pedig földrajzilag közelebbről szolgálja ki a képeket. Mindkettő a felhasználói élményt és a Core Web Vitals pontszámot javítja.
Strukturált adatok
A termékekhez, képekhez tartozó schema.org jelölés (Product, ImageObject) segít a keresőnek értelmezni, mit lát. Ezt minden keresőbarát weboldal alapfelszereltségének tartjuk.
Hogyan jelennek meg a képeid az AI keresőkben?
Az AI-alapú válaszmotorok – mint a Perplexity vagy a Google AI áttekintései – egyre gyakrabban illesztenek be képeket a válaszaikba. Amikor egy modell egy témára releváns illusztrációt vagy terméket keres, ugyanazokat a jeleket használja, amelyeket fent felsoroltunk: a kép tartalmát és a köré épített szöveges kontextust.
Ennek az a gyakorlati következménye, hogy a képeidet ne elszigetelt galériaként kezeld, hanem a tartalom szerves részeként. Egy jól felcímkézett, releváns helyen elhelyezett kép nagyobb eséllyel kerül be egy AI-válaszba, mint egy random stockfotó a lap alján. A keresőbarát felépítés és a vizuális optimalizálás itt teljesen összeér.
A kontextus, ami eldönti a találatot
Az AI vision modellek a kép környezetét is „elolvassák”. Ezért nem mindegy, milyen szöveg veszi körül a fotót. Ha egy fodrász referenciafotója alatt ott a kezelés neve, a helyszín és pár mondat a stílusról, a kereső sokkal pontosabban tudja párosítani a releváns keresésekkel.
Használj valódi <figure> és <figcaption> elemeket a fontos képekhez: a látható képaláírás a látogatónak is segít, és erős kontextust ad a keresőnek. A környező bekezdésekben pedig említsd meg természetesen, mit ábrázol a kép – ne erőltetett kulcsszavakkal, hanem úgy, ahogy egy ügyfélnek elmagyaráznád.
Ez az, ahol a vizuális keresés és a hagyományos tartalomstratégia összeér. A jó tartalomírás nemcsak a szöveges találatokat segíti, hanem a képeid megtalálhatóságát is. A kép és a szöveg együtt erősebb, mint külön-külön.
Vizuális keresés a webáruházban
Egy webáruháznál a vizuális keresés közvetlenül forgalmat és bevételt jelent. A vásárló meglát egy terméket valahol, lefotózza, és a kereső megpróbálja megtalálni, hol vehető meg. Ha a te termékfotóid tiszták, egységes hátterűek és jól jelöltek, nagyobb eséllyel kerülsz a találatok közé.
Praktikus tippek webshopokhoz: használj több nézetet termékenként, egységes, semleges hátteret, és a fő terméket helyezd a kép közepébe. A Pinterest és a Google Shopping vizuális felületei kifejezetten jutalmazzák a tiszta, jól komponált fotókat. Érdemes a fő termékkép mellé életszerű, használat közbeni fotót is feltölteni, mert ezek jól teljesítenek a felfedező jellegű vizuális keresésekben.
Egy gyakran feledett részlet a termék-séma és a kép összekapcsolása: ha a strukturált adatokban a helyes képet adod meg, a Google Shopping és az AI-ajánlók pontosabban tudják megjeleníteni a terméket. Ez különösen a divat-, lakberendezési és kézműves termékeknél hoz mérhető eredményt.
Gyakori hibák, amiket érdemes elkerülni
A képkereső optimalizálásnál a legtöbb baki nem technikai zsenialitás hiányából fakad, hanem figyelmetlenségből. A leggyakoribbak: a fényképezőgépből származó kódolt fájlnevek meghagyása, a teljesen üres alt mezők, a több megabájtos, tömörítetlen képek, és a kép szövegtől elszigetelt elhelyezése.
Szintén tipikus hiba, ha a fontos információ kizárólag a képbe van égetve – például egy akció részletei vagy egy árlista képként. Ezt a kereső nehezebben dolgozza fel, a látássérült felhasználó pedig egyáltalán nem éri el. A képi és a szöveges tartalmat mindig párhuzamosan érdemes biztosítani.
Gyakorlati képkereső optimalizálás ellenőrzőlista
| Elem | Rossz | Jó |
|---|---|---|
| Fájlnév | IMG_2381.jpg | kek-noi-futocipo-42.webp |
| Alt szöveg | (üres) | „Kék női futócipő oldalnézetből, 42-es méret” |
| Formátum | 2 MB-os PNG | 180 KB-os WebP |
| Méretarány | nincs width/height | fix arány, nincs CLS |
| Kontextus | kép magában | leíró szöveg + séma |
Ha ezeket következetesen betartod, a képeid nemcsak szebbek és gyorsabbak lesznek, hanem önálló forgalmi csatornává is válhatnak. Ha szeretnéd, hogy a weboldalad alapból így épüljön fel, kérj ingyenes ajánlatot – minden oldalt eleve a vizuális és a szöveges keresésre felkészítve adunk át.
Gyakori kérdések
Számít a képek optimalizálása a weboldalkészítésnél?
Igen, és egyre jobban. A modern weboldalkészítés során a képeket nemcsak szépségük, hanem kereshetőségük miatt is optimalizáljuk: beszédes fájlnév, pontos alt szöveg, WebP formátum és strukturált adatok. Így a képeid a Google Lens és az AI vizuális keresők találataiban is megjelenhetnek, nem csak a galériádban.
A Projectweb beállítja a képkereső optimalizálást a honlapomon?
Igen. Minden weboldalkészítés és honlapkészítés projektünk alapból tartalmazza a képek optimalizálását: tömörítés, reszponzív méretezés, alt szövegek és séma-jelölés. Webáruház esetén a termékfotók egységes, vizuális keresésre alkalmas felépítésében is segítünk.
Elég jó termékfotó a vizuális kereséshez, vagy más is kell?
A jó fotó alap, de önmagában kevés. A kereshetőséghez a fotó köré épített kontextus – leíró szöveg, fájlnév, alt és strukturált adatok – is kell. A keresőoptimalizált weboldal ezt a kettőt köti össze, így a webáruházad termékei a vizuális keresésekben is megtalálhatók lesznek.
Indítsuk el a projektedet
Ha tetszett, amit olvastál, és szeretnél egy profi weboldalt, vedd fel velünk a kapcsolatot. Örömmel segítünk.
Ingyenes ajánlatkérésKözzétéve: