Google Images SEO: teljes útmutató
A Google Images SEO azt jelenti, hogy a képeidet úgy teszed fel, hogy a Google megtalálja, megértse és releváns keresésekre megjelenítse őket. Ehhez kell egy feltérképezhető img elem, leíró fájlnév és alt szöveg, a képhez illő környező szöveg, gyorsan betöltő formátum, image sitemap, valamint a képkeresési forgalom mérése a Search Console-ban.
Alapfogalmak
Mielőtt bármit optimalizálnál, tisztázd, miről beszélünk. A Google Images (Google Képek) a Google külön keresőfelülete, de a képeid ennél több helyen is megjelenhetnek: a normál találati oldalon képblokkban, a Discover hírfolyamban, és vizuális keresésnél a Google Lens találatai között. A képkeresési optimalizálás tehát nem egyetlen felületről szól, hanem arról, hogy a képed mint önálló, értelmezhető tartalom legyen jelen a Google rendszereiben.
Fontos különbség, hogy a képkeresésből érkező látogató nem a képre kattint, hanem az azt tartalmazó oldalra. A cél ezért nem pusztán az, hogy a kép előkerüljön, hanem hogy a mögötte álló oldal is releváns legyen arra a szándékra, amivel a felhasználó keresett. Egy szép kép rossz céloldalon legfeljebb megjelenést hoz, kattintást és konverziót kevésbé.
A legfontosabb fogalmak egy helyen
| Fogalom | Mit jelent | Miért számít |
|---|---|---|
| Alt szöveg | Az img elem alt attribútuma, a kép szöveges leírása | Akadálymentesség, és a Google egyik fő jele a kép tartalmáról |
| Fájlnév | A kép URL-jének utolsó része, például bordo-borkancso-kerámia.jpg | Gyenge, de valós jel a tartalomról |
| Környező szöveg | A kép körüli bekezdések, képaláírás, címsor | Kontextust ad, ebből érti meg a Google, mire való a kép |
| Image sitemap | Sitemap, amely a képek URL-jeit is felsorolja | Segít felfedezni a nehezen elérhető képeket |
| Strukturált adat | Schema.org jelölés, például Product vagy Recipe | Gazdagabb megjelenést tehet lehetővé a képek mellett |
| Képformátum | JPEG, PNG, WebP, AVIF, SVG, GIF | Fájlméret, minőség, betöltési sebesség |
Kép SEO és Google Images SEO: mi a különbség?
A két kifejezést gyakran felcserélik. A tágabb kép SEO minden olyan munkát lefed, ami a képek technikai és tartalmi minőségét érinti, beleértve az oldalsebességre gyakorolt hatást is. A Google Images SEO ennek az a szelete, amely kifejezetten a képkeresési láthatóságot célozza: mi alapján dönti el a Google, hogy egy adott képet milyen kérdésre és milyen sorrendben mutat.
Mikor éri meg külön foglalkozni vele?
Nem minden oldalnak egyforma a képkeresési potenciálja. Egyszerű döntési szabály: ha a felhasználó a keresés során vizuálisan akar választani vagy azonosítani, akkor a képkeresés komoly forgalomforrás lehet. Ilyen terület a divat, lakberendezés, receptek, utazás, kézműves termékek, infografikák, termékfotók. Ha viszont absztrakt szolgáltatást árulsz (például könyvelést), a stockfotóid optimalizálása ritkán hoz érdemi eredményt, ott a saját ábrák, diagramok és folyamatábrák lehetnek az értékes képek.
- Magas potenciál: termékek, receptek, helyszínek, ötletgyűjtemények, saját infografikák.
- Közepes potenciál: oktatóanyagok képernyőképekkel, összehasonlító ábrák.
- Alacsony potenciál: dekoratív stockfotók, ikonok, háttérképek.
Hogyan működik?
A képkeresés ugyanarra a három lépésre épül, mint a normál keresés: feltérképezés, indexelés, rangsorolás. A különbség az, hogy a kép önmagában nem szöveg, így a Google sok mindent a kép környezetéből következtet ki, és ezt kiegészíti saját képfelismerő képességeivel. Hogy ezek pontosan milyen súllyal számítanak, azt a Google nem hozza nyilvánosságra, ezért érdemes minden jelet rendbe tenni ahelyett, hogy egyetlenre fogadnál.
1. Feltérképezés
A Googlebot az oldal HTML-jében keresi a képeket. A Google dokumentációja szerint a szabványos img elemet, illetve a picture elemen belüli képeket tudja képként feldolgozni, a CSS-ben megadott háttérképeket nem indexeli képkeresésre. Ha a kép csak JavaScript futtatása után kerül be, a Google többnyire még megtalálja, de a renderelés késleltetett lehet, ezért a fontos képeknél biztonságosabb, ha már a kiinduló HTML-ben ott vannak.
A képfájl URL-je is feltérképezhető kell legyen. Ha a robots.txt tiltja a képeket tartalmazó mappát, vagy a CDN tiltja a Googlebotot, a kép nem kerül be az indexbe, akármilyen jó az alt szövege.
2. Indexelés és megértés
Az indexelésnél a Google összerakja, mit ábrázol a kép, és milyen oldalhoz tartozik. A jelek, amikből dolgozik:
- az alt szöveg,
- a fájlnév és az URL,
- a képaláírás és a közeli szöveg, címsorok,
- az oldal címe és fő témája,
- strukturált adat, ha van,
- maga a képi tartalom, amit a Google gépi úton is elemezhet.
Ha ugyanaz a kép több URL-en is elérhető (például különböző méretekben vagy több oldalon), a Google általában egy változatot választ ki reprezentatívként. Ezért érdemes konzisztens képURL-eket használni, és nem minden kéréshez új, véletlenszerű paramétert fűzni.
3. Rangsorolás
A rangsorolásnál nem csak a kép számít. A Google a saját iránymutatásaiban kiemeli, hogy a jó felhasználói élményt nyújtó, a kép köré épített minőségi tartalom fontos. Egy oldal, ahol a kép a fő téma része, jobb eséllyel szerepel, mint ahol csak díszítésként ül a sarokban. Szerepet kaphat az oldal általános megbízhatósága, a kép minősége és felbontása, valamint az, hogy az oldal mobilon is jól használható.
Egy kép útja, szemléltető példa
Vegyük egy kézműves kerámiabolt oldalát, ahol egy bordó kerámia borkancsó terméklapja van. A folyamat így néz ki:
- A Googlebot betölti a terméklapot, és a HTML-ben talál egy
imgelemet a/kepek/bordo-kerámia-borkancso-1l.webpcímmel. - Az alt szöveg: „Bordó mázas, kézzel korongozott kerámia borkancsó, 1 literes”.
- Alatta a terméknév, ár, anyag és méret, a Product strukturált adat ugyanezt jelzi.
- A Google összeköti a jeleket, és a képet olyan keresésekre is mutathatja, mint „kerámia borkancsó” vagy „bordó kancsó”.
- A felhasználó a képre kattintva a terméklapra érkezik, ahol azonnal ugyanazt a terméket látja.
Minden lépésben egy jel erősíti a másikat. Ha bármelyik ellentmond (például az alt szöveg „kép1”, a környező szöveg pedig egy másik termékről szól), a Google bizonytalanabb lesz.
Fő módszerek
A Google Images SEO gyakorlatban hat területre bontható. Ha mindegyiket rendben tartod, a képeid alapállapota versenyképes lesz, és onnantól a tartalom minősége és az oldal tekintélye dönt.
1. Saját, egyedi képek használata
Ugyanaz a stockfotó sok ezer oldalon szerepelhet, és a Google ilyenkor egy változatot választ ki. Saját fotóval, ábrával vagy diagrammal nem kell versenyezned a többi másolattal. Ez a legerősebb, mégis legtöbbször kihagyott lépés. Ha nincs fotósod, egy jól megvilágított telefonos termékfotó gyakran többet ér egy tökéletes, de generikus képnél.
2. Leíró alt szöveg
Az alt szöveg írja le, mi látható a képen, olyan pontossággal, amennyire a kontextus megköveteli. Ne kulcsszólista legyen, hanem egy természetes mondat. Rossz: „kancsó, borkancsó, kerámia kancsó, olcsó kancsó”. Jó: „Bordó mázas kerámia borkancsó fa asztalon”. A részletekért, a dekoratív képek kezeléséért és a hosszkérdésekért lásd az alt text teljes útmutatót.
3. Beszédes fájlnév és stabil URL
Mielőtt feltöltöd a képet, nevezd át. Az IMG_4821.jpg semmit nem mond, a bordo-keramia-borkancso.jpg viszont igen. Használj kisbetűt és kötőjelet, kerüld az ékezetek kódolási gondjait, ha a rendszered rosszul kezeli őket. Ha egyszer egy kép URL-je indexelve van, ne változtasd meg ok nélkül, mert a Google-nek újra fel kell fedeznie.
4. Kontextus az oldalon
Helyezd a képet a hozzá tartozó szöveg közelébe. Ha egy recept harmadik lépéséhez tartozik a kép, a harmadik lépésnél legyen, ne a lap alján egy galériában. A képaláírás különösen hasznos: az olvasók gyakran elolvassák, és a Google számára is egyértelmű kapcsolatot teremt kép és szöveg között.
5. Technikai alapok: formátum, méret, betöltés
A nagy képek lassítják az oldalt, ami a felhasználói élményt rontja. Modern formátum, például a WebP sok esetben kisebb fájlméretet ad hasonló minőség mellett. További szabályok:
- Adj meg
widthésheightattribútumot, hogy ne ugráljon az elrendezés. - Használj
srcsetattribútumot, hogy a mobil kisebb képet kapjon. - A hajtás alatti képeknél a natív
loading="lazy"megfelelő, az oldal fő képénél (ami gyakran az LCP elem) ne késleltesd a betöltést. - A kép legyen elég nagy felbontású ahhoz, hogy a képkeresésben is jól mutasson, csak ne küldd ki a nyers, többmegabájtos fájlt.
6. Image sitemap és strukturált adat
Ha a képeid JavaScripttel töltődnek, galériában vannak vagy CDN-ről jönnek, az image sitemap segít a felfedezésben. Termékeknél, recepteknél, videóknál a megfelelő schema.org jelölés is adhat képhez kapcsolódó gazdagabb megjelenést. Ha képeidet szeretnéd nagy előnézetként látni például a Discoverben, ellenőrizd, hogy nem korlátozod-e a max-image-preview robots-direktívával.
Workflow egy új kép feltöltéséhez
- Döntsd el: tartalmi vagy dekoratív a kép? Ha dekoratív, üres alt, és nem foglalkozol vele tovább.
- Méretezd át a megjelenítési méret körülbelül kétszeresére (retina kijelzők miatt), és tömörítsd WebP-be.
- Nevezd át leíró fájlnévre.
- Írj alt szöveget egy mondatban, a képen látható lényeggel.
- Tedd a releváns szöveg mellé, ha kell, képaláírással.
- Ellenőrizd, hogy a kép URL-je nincs tiltva robots.txt-ben.
- Ha a kép nem szerepel a kiinduló HTML-ben, vedd fel az image sitemapbe.
Gyakori hibák
A képkeresési problémák nagy része nem bonyolult, inkább észrevétlen. Az alábbi hibák rendszeresen előfordulnak, és mindegyik megakadályozhatja, hogy a képeid egyáltalán bekerüljenek az indexbe, vagy rossz kérdésre jelenjenek meg.
Háttérképként beállított fő képek
Sok sablon a hero képet és a termékkártyák képeit CSS background-image tulajdonsággal jeleníti meg. Vizuálisan ugyanúgy néz ki, de a Google ezeket nem indexeli képkeresésre. Ha egy kép tartalmilag fontos, legyen img elem. Ellenőrzéshez nyisd meg a böngésző fejlesztői eszközeit, és nézd meg, milyen elem tartalmazza a képet.
Tiltott képmappa vagy CDN
Régi robots.txt szabályok (például Disallow: /wp-content/) vagy hotlink védelem könnyen kizárja a Googlebotot. A Search Console URL-ellenőrző eszközével megnézheted, hogyan látja a Google az oldalt, és a betöltött erőforrások között kiderül, ha a kép blokkolt.
Kulcsszóhalmozás az alt szövegben
A túltömött alt szöveg nem javít, rosszabb esetben spamjelnek tűnhet, és a képernyőolvasót használóknak is kellemetlen. Gyakori tévhit, hogy minden képnek a fő kulcsszót kell tartalmaznia. Valójában a kép tartalmát kell leírni, és ha az egybeesik a kulcsszóval, az természetesen megjelenik.
Ellenpélda: a jól optimalizált kép rossz oldalon
Képzelj el egy blogot, ahol egy kiváló, saját fotó szerepel egy nappali enteriőrről, tökéletes alt szöveggel. Csakhogy az oldal egy hitelfelvételről szóló cikk, a kép pusztán hangulatot ad. A képkeresésből érkező, lakberendezési ötletet kereső látogató azonnal visszalép. Itt nem a kép optimalizálása a hiba, hanem a szándék és az oldal nem illik össze. Ha a kép értéket képvisel, adj neki olyan oldalt, ahol a téma is róla szól.
Túl kicsi vagy túl nagy képek
A bélyegképméretű képek a képkeresésben rosszul mutatnak, a felhasználó kevésbé kattint rájuk. A tömörítetlen, több megabájtos képek pedig rontják a betöltést. A megoldás a reszponzív képkezelés: srcset-tel több méretet adsz, a böngésző választ.
Lazy loading rosszul beállítva
Egyes régi lazy loading szkriptek a valódi kép URL-t egy data-src attribútumba teszik, és csak görgetéskor cserélik be. Ha a Google renderelése nem váltja ki ezt az eseményt, a kép láthatatlan maradhat. A natív loading="lazy" ezt a kockázatot nem hordozza.
Hibaellenőrzési lista
- A fontos képek
imgvagypictureelemben vannak? - A képfájlok URL-jei nincsenek tiltva robots.txt-ben vagy CDN-szinten?
- Minden tartalmi képnek van értelmes alt szövege, a dekoratívaknak üres?
- A fájlnevek leírók, nem kameragenerált sorszámok?
- A kép a releváns szöveg közelében van?
- A fő kép nincs késleltetve betöltve?
- A képek mérete arányban áll a megjelenítéssel?
- A kép és a céloldal ugyanarra a felhasználói szándékra válaszol?
Mérés
Amit nem mérsz, azon nem tudsz célzottan javítani. A képkeresési teljesítmény mérésének fő eszköze a Google Search Console, mert ez közvetlenül a Google adataiból mutatja, hányszor jelentek meg és hányszor kattintottak a képkeresésből.
Search Console: a keresés típusa szűrő
A Teljesítmény jelentésben a „Keresés típusa” szűrőt állítsd „Kép” értékre. Így csak a Google Képek felületén mért adatokat látod: megjelenítések, kattintások, átkattintási arány, átlagos pozíció. Ezután a Lekérdezések és az Oldalak lapon látod, mely kifejezésekre és mely oldalak képei jelennek meg. Vedd figyelembe, hogy a normál keresés találati oldalán megjelenő képblokkok a „Web” keresési típus alá is eshetnek, így a kép típusú szűrő nem fedi le teljesen a képek összes hatását.
Mit figyelj az adatokban?
| Jel | Lehetséges értelmezés | Teendő |
|---|---|---|
| Sok megjelenítés, alacsony CTR | A kép nem elég vonzó, vagy a lekérdezés nem illik a céloldalhoz | Jobb minőségű, egyértelműbb kép, a szándékhoz illő oldal |
| Váratlan, irreleváns lekérdezések | A Google félreérti a képet | Alt szöveg, képaláírás és környező szöveg pontosítása |
| Egy fontos oldal nem jelenik meg képkeresésben | Indexelési vagy feltérképezési gond | URL-ellenőrzés, robots.txt, img elem, sitemap |
| Visszaesés egy időpont után | Sablon- vagy CDN-változás, URL-csere | Kódváltozások visszakövetése |
Szemléltető mérési példa
Tegyük fel, egy receptoldal a képkeresési szűrővel egy három hónapos időszakra 40 000 megjelenítést és 400 kattintást mutat, ez 1 százalékos CTR. (A számok szemléltetők, nem iparági átlagok.) A lekérdezésekből kiderül, hogy a legtöbb megjelenítés egy „túrós rétes” kifejezéshez tartozik, ahol a képen csak a félig elkészült tészta látszik. Ha a fő képet a kész, felszeletelt rétesre cseréled, és az alt szöveget ehhez igazítod, a következő időszakban ugyanazzal a szűrővel megnézheted, változott-e a CTR. Egyszerre csak egy dolgot módosíts, különben nem tudod, mi okozta a változást.
Analitika és konverzió
A Search Console azt mutatja, mi történik a Google-ön belül. Hogy a képkeresésből érkező látogatók mit csinálnak az oldalon, azt a webanalitikai eszközödben nézheted, de itt óvatosnak kell lenned: a képkeresési forgalom gyakran egyszerűen „google / organic” forrásként jelenik meg, és nem mindig választható szét megbízhatóan a normál keresési forgalomtól. Ezért a képkeresés értékét leginkább úgy becsülheted meg, hogy a Search Console-ban azonosított oldalakra érkező forgalom viselkedését vizsgálod.
Mérési rutin havonta
- Search Console, Teljesítmény, keresés típusa: Kép, utolsó 3 hónap az előző időszakkal összevetve.
- Top 20 oldal: van-e jelentős visszaesés?
- Top lekérdezések: van-e irreleváns kifejezés, ami félreértésre utal?
- Magas megjelenítésű, alacsony CTR-ű oldalak: kép és céloldal áttekintése.
- Oldalindexelési jelentés: új hibák a képeket tartalmazó oldalaknál?
- Jegyzetbe: milyen változtatást csináltál, mikor, hogy a következő hónapban vissza tudd mérni.
Kapcsolódó részletes útmutatók
A Google Images SEO több részterületre épül, amelyek mindegyike külön figyelmet érdemel. Ha az egyik pontnál mélyebbre akarsz menni, például az alt szöveg írásának szabályainál vagy a sitemap felépítésénél, az alábbi útmutatók lépésről lépésre végigvisznek rajta.
Javasolt sorrend, ha most kezded: először az általános kép SEO alapokat tedd rendbe, utána az alt szövegeket, majd a formátumot, és csak ezután nyúlj a sitemaphez, ha a felfedezéssel gond van. Ez a sorrend azért hasznos, mert a legtöbb oldalon az alapjelek hiánya okozza a gondot, nem a ritkább technikai beállítások.
Melyiket olvasd el először?
- Ha a képeid egyáltalán nem jelennek meg a képkeresésben: kezdd a technikai alapokkal és a sitemappel.
- Ha megjelennek, de rossz kifejezésekre: az alt szöveg és a kontextus a következő lépés.
- Ha lassú az oldal a képek miatt: a formátum és a tömörítés a prioritás.
- Ha a teljes kép- és videóstratégiát szeretnéd átlátni: a fő témaoldal ad keretet.
Útmutatók
- Kép és videó SEO
- Kép SEO: teljes útmutató
- Alt text: teljes útmutató
- Image sitemap: teljes útmutató
- WebP: teljes útmutató
Bármelyik részterülettel kezdesz, tartsd szem előtt a fő elvet: a kép, a leírása és az oldal, amelyen szerepel, ugyanarról szóljon. Ha ez a hármas egybevág, a technikai finomhangolás már csak erősíti azt, amit a Google amúgy is megért.
Csináltassuk meg helyetted
Ha ez sok, mi elvégezzük. Egy munkanapon belül konkrét ajánlatot kapsz.