A rövid válasz: egy oldalon található képek SEO-ellenőrzéséhez illessze be az URL-címét a PromoPilot ingyenes SEO Image Checkerébe. Az eszköz akár 100 <img> címkét is elemez: van-e alt címke, be van-e állítva loading="lazy", be van-e állítva a szélesség és a magasság, van-e WebP, AVIF vagy SVG formátum, és van-e srcset. Az eredmény egy 0-tól 100-ig terjedő pontszám és minden képhez megjegyzések. Az alábbiakban megtalálja, hogyan számítja ki a rendszer a pontszámot, mit kell először javítani, és mit nem lát az eszköz.
12 éve foglalkozom weboldalak és áruházak építésével, és szinte mindegyiknél a képek jelentik a fő szűk keresztmetszetet. Egy tipikus termékkártya: öt 3 MB-os fotó közvetlenül a fényképezőgépből, egy üres alt szöveg, és a fájlnév IMG_4512.jpg.
Mit ellenőrzi a kép SEO ellenőrzése?
Az eszköz öt kritérium alapján vizsgálja az oldalon található összes képet, és összeadja azokat egy összesített pontszám kialakításához.
| Mit ellenőriz? | Mit néz? | Miért fontos ez a SEO és az üzleti élet szempontjából? |
|---|---|---|
| Alt | Van szöveges leírás minden <img> | Google Képek rangsorolása alt szerint; akadálymentesítés vakok számára |
| Késleltetett betöltés | A loading="lazy" attribútumot a rendszer az első képernyő alatti képekre alkalmazza. | Az oldal nem tölt be semmit, amire a látogató még ne görgetett volna rá. |
| Szélesség és magasság | Meg vannak adva a méretek a címke attribútumaiban? | A blokkok nem "ugranak" betöltéskor - ez egy CLS metrika |
| Formátum | WebP, AVIF vagy SVG fájlkiterjesztés szerint | A modern formátumok észrevehetően kisebbek, mint a JPG és a PNG. |
| Srcset | Vannak képbeállítási lehetőségek a különböző képernyőkhöz? | A telefon a kis fájlt kapja meg, nem a monitorverziót. |
Minden képhez fűződik egy kommentlista, és az oldal egy végső pontszámot kap. Ez kényelmes: nemcsak azt láthatod, hogy mi a baj, hanem azt is, hogy melyik kép a hibás.
Hogyan lehet képeket ellenőrizni egy weboldalon online?
- Kép SEO-ellenőrző megnyitása.
- Add meg az oldal címét, lehetőleg olyat, amelyiken sok fotó van: termékkártya, kategória, blogcikk, portfólió.
- Kattintson az „Ellenőrzés” gombra, és várja meg, amíg az összes kép beolvasásra kerül.
- Tekintse meg az egyes képek értékelését és a hozzájuk tartozó megjegyzések listáját.
- Kérlek javítsd ki a hibákat és nézd meg újra az oldalt.
Így néz ki az eszköz oldala: címmező, ellenőrzések listája és GYIK.
Hogyan számítják ki az értékelést, és mit kell először korrigálni?
Az értékelés 100 ponttól kezdődik, és minden egyes hibáért büntetéseket vonnak le, attól függően, hogy az oldalon található képek hány százaléka nem felel meg a kritériumoknak. A szabályok ismeretében könnyű kitalálni, hogy mi hozza a legnagyobb lendületet.
| Vizsgálat | Finom | Megjegyzés |
|---|---|---|
| Alt | A képek kevesebb, mint 50%-a alt — -30; kevesebb, mint 80% — -15; kevesebb, mint 100% — -5 | A legfontosabb pont |
| Késleltetett betöltés | kevesebb mint 50% - −15; kevesebb mint 80% - −8 | Az első három képet nem vettük figyelembe. |
| Szélesség és magasság | kevesebb mint 50% - −15; kevesebb mint 80% - −8 | A csak CSS-ben használt dimenziókat nem vesszük figyelembe. |
| WebP, AVIF vagy SVG | kevesebb mint 30% - -10 | A formátumot a kiterjesztés határozza meg. |
| Srcset raszteres képekhez | kevesebb mint 30% - -10 | Az SVG-nek nincs szüksége srcset-re |
Itt a munkarendem:
- Alt. A legdrágább és legkönnyebben javítható elem. Írd le, mi látható:
alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", ne pedigalt="рюкзак купить дёшево рюкзак". Díszítő elemekhez használj üresalt=""karaktert. - Szélesség és magasság. Adja meg a tényleges méreteket az attribútumok között, és adja hozzá
img { max-width: 100%; height: auto; }értéket a CSS-hez – a kép reszponzív marad, és az elrendezés nem fog ugrálni. - A lusta betöltés a hajtás alatti összes elemre vonatkozik. Azonban káros a fő képre nézve: azt azonnal és prioritással kell betölteni.
- WebP vagy AVIF. WordPress az 5.8-as verzió óta támogatja a WebP feltöltéseket, az AVIF-et pedig a 6.5-ös verzió óta.
- Srcset nagyméretű fotókhoz, hogy a telefon ne töltse le a monitor verzióját.
Példa a szövegben található megfelelő fő képre és adaptív fotóra:
<img src="/img/hero.webp" alt="Мастерская кожаных изделий Nord" width="1200" height="600" fetchpriority="high"> <img src="/img/bag-700.webp" srcset="/img/bag-700.webp 700w, /img/bag-1400.webp 1400w" sizes="(max-width: 700px) 100vw, 700px" alt="Рюкзак Nord 20 л, вид сбоку" width="700" height="700" loading="lazy">Hogyan írjunk jó alt taget egy képhez?
Az alt tag az értékelés legfontosabb eleme, és itt követik el a leggyakrabban a hibákat: vagy üresen hagyják, vagy kulcsszavakkal tömik tele. Egy egyszerű szabály: írd le a képet egy mondatban annak, aki nem látja.
| Kép | Rossz alt | Jó alternatíva |
|---|---|---|
| Termékfotó | рюкзак купить рюкзак недорого | Кожаный рюкзак Nord 20 л, коричневый, вид спереди |
| Csapatkép | photo1 | Мастера мастерской Nord за работой над сумкой |
| Diagram vagy diagram | график | Рост заказов с сайта по месяцам: с 40 до 120 в месяц |
| Dekoráció ikon | иконка | üres alt="" — nem kell elolvasni |
Egy katalógus esetében célszerű az alt tageket sablonnal létrehozni: termék neve + szín vagy változat + szög. Így egyetlen kártyán lévő öt fotóhoz öt különböző, hasznos leírás lesz, nem pedig öt azonos.
A fájlnév is számít: kozhanyj-ryukzak-nord-korichnevyj.webp jobb, mint IMG_4512.jpg. Nincs értelme csak emiatt átnevezni a régi fájlokat, tölts fel újakat leíró nevekkel.
Összehasonlítás: Kép SEO-ellenőrző és alternatívák
| Eszköz | Mi az ingyenes? | Korlátozások | Kinek alkalmas? |
|---|---|---|---|
| PromoPilot — Kép SEO ellenőrző | Alt, lusta betöltés, szélesség/magasság, formátumok, srcset; értékelés 0–100 és megjegyzések minden képhez | Legfeljebb 100 kép, a fájlméret nem becsült | Gyorsan elemezhet képeket bármely oldalról |
| Google PageSpeed Insights | Képauditok a sebességteszt részeként: formátum, méret, lusta betöltés | Több tucatnyi más ellenőrzéssel keverve az alt alig érti | A képek sebességre gyakorolt hatásának felmérése |
| Squoosh | Egyetlen kép tömörítése és konvertálása böngészőben | Nem ellenőrzi az oldalt, fájlokkal működik | Egyedi képek előkészítése |
| Sikoltozó béka SEO pók | A webhelyen található alt szöveg nélküli képek listája | Telepítés szükséges, az ingyenes verzió címkorláttal rendelkezik | Alt audit több száz oldalon |
Következtetés: Egy online ellenőrző megmutatja, hogy mi a baj az adott oldalon található képekkel, a PageSpeed megmutatja, hogy mennyibe kerül a sebesség, a Squoosh vagy egy konverter pedig segít a fájlok javításában.
A PromoPilot 87 ingyenes SEO eszközt kínál, köztük egy képtömörítő eszközt és egy WebP konvertert, amelyek közvetlenül a böngészőben működnek, anélkül, hogy fájlokat kellene feltölteni a szerverre. A teljes oldalméret megértéséhez tekintse meg cikkünket az oldalbetöltési sebesség elemzési sorozatunkban.
Mit nem lát a képellenőrzés?
Legyünk őszinték az eszköz korlátaival kapcsolatban – fontos ismerni azokat a besorolás pontos értelmezéséhez:
- A fájlméretet nem vesszük figyelembe – a képek nem töltődnek le; a formátumot a kiterjesztés határozza meg.
-
<picture>tag nincs értelmezve: az<img>fájlban található JPG fájlok akkor is címkézettek lesznek, ha<source>tagben AVIF vagy WebP szerepel. - A CSS-ből származó háttérképek és a JavaScript által hozzáadott képek nem szerepelnek a jelentésben.
- A csak a CSS-ben megadott méreteket nem vesszük figyelembe.
- Egyetlen
<img>nélkül lévő oldal 50 pontot kap – ez nem a „hibák fele”, hanem a „nincs mit értékelni”.
Mikor nem elég egy ingyenes eszköz?
Egyetlen oldalon az alt szöveg javítása tíz percet vesz igénybe. De ha az áruházban ötezer termék van, akkor lehetetlen manuálisan megcsinálni. Szakemberre van szükséged, ha:
- az alt elemnek automatikusan generálódnia kell a teljes katalógus nevéből, színéből és szögéből;
- a képek tömörítés nélkül töltődnek be a kamerából, és automatikus folyamatra van szükség: tömörítés, WebP, több méret;
- A weboldal témája szélesség, magasság és srcset nélkül jeleníti meg a fényképeket, és a sablont javítani kell;
- Szeretne forgalmat generálni Google Képekből termékkeresésekre?
Mit tehetek a weboldaladért?
Valerij Danjuk vagyok, fejlesztő és SEO szakember 12 éves tapasztalattal és több mint 200 ügyféllel, köztük számos online áruházzal, több ezer fotóval.
SEO és audit
- Kulcsrakész weboldal SEO audit: A teljes oldalon ellenőrzöm a képeket, beállítom az automatikus konverziót és az alt szöveget a sablonokban.
- Egy mesterséges intelligenciával vezérelt SEO blog, amely organikus ügyfeleket vonz — automatikus illusztrációk alt és WebP képekkel minden cikkhez.
Üzletek és katalógusok
- Egy 300 tételes katalógus mindössze néhány perc alatt MCP és Claude jóvoltából – minden egyes tételhez leírásokkal és fotókkal.
- Egy WooCommerce online áruház megfelelő képfeldolgozással.
- Áruház áthelyezése Instagram a weboldalra — a termékfotók és -leírások folyamatosan költöznek.
- A termékek, fotók és szövegek átvihetők 1001site oldalra a régi webhelyedről vagy a közösségi médiából származó linken keresztül.
Könyvelés és automatizálás
- Könyvelés + referenciák + 30 000 termék kínálata.
- Mesterséges intelligenciával ellátott Telegram bot egy online szószbolthoz.
Küldj egy linket a termékkártyához Telegram - a képek alapján megmondom, mennyit nyerhetsz.
Eredmény
- Az online SEO képellenőrző akár 100 képet is elemez egy oldalon, és 0-tól 100-ig terjedő pontszámot rendel hozzájuk, valamint mindegyikhez megjegyzéseket fűz.
- A legtöbb pontot az alt és a szélesség/magasság méretek kapják, ezt követi a lusta betöltés, a WebP/AVIF és az srcset.
- A fő képnek nincs szüksége lusta betöltésre -
fetchpriority="high"kell hozzá. - Nagy katalógusok esetén a fotófeldolgozás automatizált – vagy olyan platformot választanak, ahol ez már megtörtént, például 1001site.
Ellenőrizd webhelyed legterjedelmesebb oldalát az ingyenes Image SEO Checkerrel — kezdd az alt elemmel.
Források
- A PromoPilot képkereső oldala - ellenőrzések, értékelési szabályok, korlátozások és GYIK.
- Google Keresőközpont – Képajánlások kereséshez.
- Google PageSpeed Insights és Squoosh - Funkcióleírások.
