Kép-SEO: Így optimalizálod a képeket a Google-nak és a felhasználóknak

Alt-szövegek: először akadálymentesség, aztán SEO

Az alt-szöveg azoknak az embereknek létezik, akik nem látják a képet – képernyőolvasót használóknak, de bárkinek megszakadt kapcsolattal is. A SEO a mellékhatás. Aki megfordítja a sorrendet, olyan alt-szövegeket ír, mint „kep seo optimalizalas ugynokseg berlin” – haszontalan a vakoknak, kockázatos a rangsorolásnak. A Google a saját képkeresési dokumentációjában ugyanezt a sorrendet nevezi meg: először őszinte leírás, aztán a láthatóság.

• Írd le, ami látható, egy mondatban: „Szerelő centíroz egy kereket a szerelőállványon.”
• 80–125 karakter jó sáv.
• A dekoratív képek üres alt-attribútumot kapnak (alt=””), hogy a képernyőolvasók átugorják őket.
• Ne írd, hogy „kép valamiről…” – hogy ez egy kép, azt a szoftver már tudja.

Így kapcsolódik össze a fájlnév, az alt-szöveg és a fix méretek a markupban – tisztán példaként, anélkül hogy itt valódi kép töltődne be:

<img src="rennrad-carbon-rahmen-schwarz.avif"
     alt="Fekete karbon országúti kerékpárváz oldalról fotózva"
     width="800" height="600" loading="lazy">

Méretek és srcset: soha ne szállíts több pixelt a szükségesnél

Egy 2400 pixel széles kép egy 400 pixeles konténerben a leggyakoribb teljesítményhiba az auditjaimban. Hogy mennyi forog kockán, azt a HTTP Archive Web Almanac 2024 mutatja: a képek 1054 KB-tal a legnagyobb egyedi tétel egy asztali kezdőlap medián oldalsúlyában – a JavaScript, a betűtípusok, a CSS és a HTML előtt. A fentihez hasonló esetekben a böngésző a látható konténerhez szükséges adatok többszörösét tölti be.

A megoldás az srcset a sizes-zel: ugyanaz a kép több szélességben (pl. 400, 800, 1200, 1600 pixel), a böngésző kiválasztja a megfelelőt. A modern CMS-ek automatikusan generálják a variánsokat – csak azt ellenőrizd, hogy a sizes-megadás illik-e a layouthoz. Ide tartoznak a fix width- és height-attribútumok a HTML-ben: megakadályozzák a layout-ugrásokat, és stabilan tartják a CLS-értékedet.

AI-képek: jelölési kötelezettség az EU AI Act szerint

2026 augusztusa óta teljes egészében érvényes az EU AI-rendelet 50. cikke: az AI által generált vagy manipulált képeknek felismerhetőnek kell lenniük. Konkrétan: az AI-képekhez géppel olvasható jelölés kell (sok generátor C2PA-metaadatokat ágyaz be – tömörítéskor ne távolítsd el). Valósághűen ható személyeknél, helyeknél vagy eseményeknél a jelölésnek láthatónak is kell lennie, például a képaláírásban.

Stockképeknél is érvényes: Ellenőrizd a licencet és a személyiségi jogokat. A „jogdíjmentes” nem jelent jogmentességet – a szerkesztőségi licencek gyakran nem engedik a kereskedelmi felhasználást, az ábrázolt személyekhez model release kell. Dokumentáld képenként a forrást, a licenctípust és a felhasználási kört – egy táblázat elég.

Egy képprojekt számokban

A számok többet nyomnak az állításoknál. Egy futó ügyfélprojekt példája mutatja, mit hoznak együtt az egyes karok – formátum, srcset, lazy loading-szabály – a gyakorlatban.

„Egy kerékpáralkatrész-shopnál mintegy 12 000 termékképet állítottunk át AVIF-ra, megjavítottuk az srcset-et, és a hero-képet eagerre állítottuk. Az LCP a CrUX-riportban 3,4-ről 1,9 másodpercre esett, a kép-megjelenések a Search Console-ban három hónapon belül mintegy 30 százalékkal nőttek.”

— Pásztor Viktor, SEO-szabadúszó

Egyik kar sem látványos önmagában. Együttvéve – formátum, helyes méret, korrekt betöltési prioritás – adják azt a különbséget, amely a Core Web Vitals-ban láthatóvá válik.

Gyakori kérdések a kép-SEO-ról

Olvass tovább