A képek átlagosan egy weboldal súlyának 50%-át teszik ki, és olyan SEO-lehetőséget képviselnek, amelyet gyakran alábecsülnek. 2026-ban a Google indexeli és rangsorolja a képeket a Google Images-en keresztül, de az univerzális keresésben is, ahol a képeredmények közvetlenül a SERP-ekben jelennek meg. Egy jól optimalizált kép extra forgalmat generál és javítja a teljes oldal rangsorolását befolyásoló teljesítményjeleket.
1. A képfájlok helyes elnevezése
A képfájl neve az egyik első jel, amelyet a Google a kép tartalmának megértéséhez használ. Egy leíró és releváns fájlnév közvetlenül javítja a láthatóságot a Google Images-ben.
- Használjon leíró kulcsszavakat kötőjelekkel elválasztva: futocipo-ferfi-nike.webp helyett IMG_4821.jpg
- Legyen tömör — 3-5 szó maximum elegendő
- Ne használjon speciális karaktereket, szóközöket vagy nagybetűket
- A fájlnévnek meg kell felelnie a kép tényleges tartalmának
2. Hatékony alt tagek írása
Az alt tag (alternatív szöveg) a legfontosabb SEO-jel egy képhez. Két célt szolgál: lehetővé teszi a keresőmotorok számára a kép tartalmának megértését, és leírást nyújt a látássérült, képernyőolvasót használó felhasználóknak.
- Pontosan írja le, mit mutat a kép természetes nyelven
- Illessze be az oldal fő kulcsszavát, ha természetesen releváns — soha nem erőltetetten
- Korlátozza magát körülbelül 125 karakterre
- Soha ne írja: "kép" vagy "fotó" — kezdjen közvetlenül a leírással
- Hagyja az alt attribútumot üres (alt="") a tisztán dekoratív képeknél
Tudta? a Google mostantól képes elemezni egy kép vizuális tartalmát a számítógépes látás technológiájával (Google Lens). A kép tényleges tartalmával összhangban lévő alt tag erősíti ezt a jelet. Ezzel szemben a képhez nem illő alt tag spamnek tekinthető és ronthatja az SEO-t.
3. A megfelelő képformátum kiválasztása
A képformátum közvetlenül befolyásolja a betöltési időt, amely rangsorolási tényező. 2026-ban az ajánlott formátumok:
| Formátum | Ajánlott használat | Előnyök |
|---|---|---|
| WebP | Fotók, illusztrációk, tartalomképek | 30%-kal könnyebb mint JPEG, átlátszóság támogatott |
| AVIF | Kiváló minőségű fotók | 50%-kal könnyebb mint JPEG, jobb minőség |
| SVG | Logók, ikonok, vektoros illusztrációk | Végtelenül skálázható, nagyon könnyű |
| PNG | Átlátszóságot vagy éles szöveget igénylő képek | Veszteségmentes, de nehéz |
| JPEG | Univerzális legacy kompatibilitás | Mindenhol kompatibilis, de nehezebb mint WebP |
4. Képek tömörítése látható minőségromlás nélkül
A tömörítés csökkenti a képek súlyát érzékelhető romlás nélkül, felgyorsítva az oldal betöltését és javítva az LCP-t (Largest Contentful Paint), amely a Google rangsorolási tényezőibe beépített Core Web Vitals jel.
- Squoosh (squoosh.app): Google ingyenes online eszköze WebP/AVIF tömörítéshez és konvertáláshoz
- Sharp: Node.js könyvtár automatizált szerveroldali tömörítéshez
- ImageMagick: erőteljes parancssori eszköz kötegelt feldolgozáshoz
- TinyPNG / TinyJPG: egyszerű online tömörítés PNG és JPEG fájlokhoz
Általános szabályként törekedjen 200 KB alatti súlyra a normál tartalomképeknél és 100 KB alatti súlyra blog- vagy cikkképeknél.
5. Reszponzív képek implementálása srcset segítségével
Egy 2000px-es kép kiszolgálása egy 400px szélességet megjelenítő mobilfelhasználónak sávszélesség-pazarlás, amely rontja a betöltést. A srcset attribútum lehetővé teszi az eszköznek megfelelő méret automatikus kiszolgálását.
- Minden képből több verziót generáljon (400px, 800px, 1200px, 1600px)
- Deklarálja ezeket a srcset attribútumon és a sizes attribútumon keresztül a böngésző irányításához
- A Google figyelembe veszi a ténylegesen betöltött méretet a mobil teljesítmény értékelésekor
Tudta? 2021 óta a Google Mobile-First indexelést használ — az oldal mobilverziója az, amelyet elsőbbséggel elemeznek és rangsorolnak. A mobilhoz megfelelően méretezett képek ezért nélkülözhetetlenek, nem csak a teljesítmény, hanem az SEO rangsorolás szempontjából is.
6. Kép sitemap létrehozása és benyújtása
A kép sitemap lehetővé teszi a Google számára, hogy olyan képeket fedezzen fel, amelyek egyébként nem indexelődnének — különösen a JavaScripten keresztül betöltött vagy külső CDN-en tárolt képeket. Integrálható a fő sitemapba vagy külön fájlként hozható létre.
- Használja az <image:image> taget az XML sitemapban
- Tartalmazza minden kép URL-jét, címét és feliratát
- Nyújtsa be a sitemapet a Google Search Console-on keresztül
- A WordPress-hez hasonló CMS-ek automatikusan generálnak kép sitemapeket Yoast SEO vagy Rank Math pluginek segítségével
7. Strukturált adatok használata képekhez
A strukturált adatok (Schema.org) lehetővé teszik a Google számára, hogy egy képet meghatározott kontextushoz társítson — termék, recept, cikk, személy. Ez rich snippeteket válthat ki a keresési eredményekben látható képminiatűrrel.
- Cikkhez: használja az Article típust az image tulajdonsággal
- Termékhez: használja a Product típust az image tulajdonsággal
- Recepthez: a Recipe típus image-dzsel rendszeresen miniatűrt generál az eredményekben
- Validálja a strukturált adatait a Google Rich Results Test-jén keresztül
8. Képek tárolása megbízható HTTPS domainen
A nem biztonságos harmadik fél domaineken (HTTP) tárolt képek vegyes tartalom figyelmeztetéseket válthatnak ki a böngészőben és ronthatják a Google oldalba vetett bizalmát. 2026-ban a HTTPS abszolút előfeltétel minden indexelt képhez.
Tudta? a CDN (Content Delivery Network) használata képek tárolásához kettős SEO-előnyt nyújt: a betöltési késleltetés csökkentése a szerverek földrajzi közelségének köszönhetően, és a főszerver tehermentesítése, amely így gyorsabban tud reagálni a HTML kérésekre. Ez a két kombinált hatás javítja a TTFB-t és az LCP-t, két közvetlenül a Google rangsoroláshoz kapcsolódó mutatót.