A magánszféra fontos számunkra, ezért lehetőséged van kikapcsolni bizonyos típusú tárolókat, amelyekre a weboldal alapvető működéséhez nincs szükség. A kategóriák letiltása befolyásolhatja a weboldal használatának élményét. További információ
A képoptimalizálás tömöríti, elnevezi és címkézi a képeket, hogy gyorsan töltsenek be és jól rangsorolhassanak. Tudd meg az alt szövegeket, a formátumokat és a legjobb gyakorlatokat SEO-hoz és GEO-hoz.
Eszközök
A Sorank alapítója, több mint 7 éves SEO-tapasztalattal, GEO-rajongó.
Összefoglalás
A képoptimalizálás azt jelenti, hogy a képeket tömörítjük, elnevezzük, címkézzük és strukturáljuk, hogy gyorsan betöltsenek, és hogy a keresőmotorok és az AI-modellek megérthessék és rangsorolhassák őket. Kiterjed a fájlformátumra, az alt szövegre, a fájlnevekre, a méretekre, a lusta betöltésre, a strukturált adatokra és a képes oldaltérképekre.
Szeretnél többet megtudni? Kérdezd meg
A képoptimalizálás azoknak a műszaki és leíró lépéseknek az összessége, amelyek gyorssá teszik az oldal képeinek betöltését, és könnyen értelmezhetővé a gépek számára. Ide tartozik a megfelelő fájlformátum kiválasztása, a fájlok tömörítése, hasznos alt szöveg írása, a fájlok leíró elnevezése, a képernyőméretekhez igazodó méretek kiszolgálása, valamint a képek oldaltérképeken és strukturált adatokon keresztüli közzététele.
Jól csinálva kétszeresen megtérül. A könnyebb képek gyorsítják az oldalaidat és javítják azokat az élményjeleket, amelyeket a Google mér, a világos leírások pedig segítik, hogy a képeid megjelenjenek a képes találatokban és az AI-válaszokban. Mivel a modern keresőmotorok a képeket a rangsorolás alapelemeinek tekintik, nem díszítésnek, a képoptimalizálás ma már közvetlenül hozzájárul az AI-keresési láthatósághoz.
A képoptimalizálás olyan képek előkészítése, amelyek egyszerre szolgálják a felhasználókat, a keresőmotorokat és az AI-rendszereket. A felhasználói oldal a sebességről és az érthetőségről szól: olyan kép, amely gyorsan betölt és bármilyen képernyőn jól néz ki. A gépi oldal a jelentésről szól: a fájlnevek, az alt szövegek, a képaláírások és a jelölés, amelyek elmondják a feltérképezőnek, mit ábrázol a kép, és hogyan kapcsolódik az oldalhoz.
Mindkét fél számít, mert az a kép, amelyet a feltérképező nem lát, nem rangsorolhat, a nehéz kép pedig az egész oldalt lassíthatja. A cél a vizuális minőség és a fájlsúly megfelelő egyensúlya, párosítva olyan leírásokkal, amelyek elég pontosak ahhoz, hogy a gép megbízhasson bennük.
A formátum kiválasztása a legnagyobb egyedi hatás a fájlméretre. A WebP a modern alapértelmezés a fényképekhez és a legtöbb grafikához, jellemzően nagyjából 25-35 százalékkal kisebb fájlokat ad a JPEG-hez képest hasonló minőségben. Az AVIF még jobban tömörít, de szélesebb körben kevésbé támogatott, ezért gyakran tartalékmegoldással használják. A JPEG továbbra is megfelelő fényképekhez, a PNG az átlátszósághoz a legjobb, az SVG pedig az ikonokhoz és a logókhoz ideális, mert minőségvesztés nélkül skálázódik.
A gyakorlati szabály: fényképes tartalomhoz válassz WebP-t vagy AVIF-et, az átlátszóságot a PNG-re bízd, egyszerű vektoros grafikához pedig az SVG-t használd. A kisebb, jól megválasztott formátum kiszolgálása általában a leggyorsabb módja az oldalsúly csökkentésének.
A tömörítés kétféleképpen csökkenti a fájlméretet. A veszteséges tömörítés eldob néhány képadatot, és fényképekhez való, ahol a szem ritkán veszi észre a különbséget. A veszteségmentes tömörítés minden pixelt megőriz, és az ikonokhoz és az illusztrációkhoz való, ahol a részletek kritikusak. A cél nem az agresszív kicsinyítés, hanem a legkisebb fájl, amely még jól néz ki.
Kiindulási célként a legtöbb beágyazott képet tartsd jóval néhány száz kilobájt alatt, az apró ikonok pedig ennél is sokkal kisebbek legyenek, a főképeknél pedig csak akkor engedj nagyobb méretet, ha az valóban szükséges. A tömörítést automatizáló eszközökkel könnyű egy teljes képtárra egyszerre alkalmazni.
Az alt szöveg az HTML alt attribútumban álló rövid leírás. A képernyőolvasók felolvassák, akkor jelenik meg, ha a kép nem tölt be, és a keresőmotorok ebből értik meg a képet. A jó alt szöveg általában nagyjából 80-125 karakter, tényszerűen írja le a képet, csak akkor tartalmaz releváns kulcsszót, ha az természetesen illeszkedik, és kerüli a töltelékszavakat, mint például a „kép ilyen-olyan”. A tisztán díszítő képeknél üres alt attribútumot kell használni.
A fájlnevek már a kép megjelenítése előtt korai kontextusjelzést adnak. Kisbetűs, kötőjellel elválasztott, leíró neveket használj, például on-page-seo-guide formában, nem pedig olyan fényképezőgépes alapértelmezést, mint az IMG_2025. Mindkét jel része a szilárd strukturált tartalomnak, amelyet a gépek tisztán fel tudnak dolgozni.
Egy óriási kép kiszolgálása minden eszköznek pazarolja a sávszélességet. Az srcset és a sizes attribútum, vagy a picture elem lehetővé teszi, hogy minden képernyőhöz megfelelően méretezett változatot küldj. Mindig add meg a kifejezett szélességet és magasságot, hogy a böngésző le tudja foglalni a helyet, ezzel megelőzve az elrendezés-eltolódást a betöltés közben.
A lusta betöltés, amelyet a loading attribútummal állítasz be, a képernyőn kívüli képeket addig halasztja, amíg a felhasználó közel nem görget hozzájuk. Ez gyorsítja a kezdeti megjelenítést és javítja a betöltési mutatókat anélkül, hogy gátolná az indexelést. Ezek a technikák együtt az erős oldalélmény alapvető részei.
A nagy vagy összetett webhelyek profitálnak abból, ha pontosan megmondják a keresőmotoroknak, mely képek léteznek. A képes oldaltérkép felsorolja a képek helyét és az opcionális metaadatokat, például a címet és a képaláírást, így segít felfedezni olyan vizuálokat, amelyeket a szkriptek vagy az elrendezések egyébként elrejtenének. Sok tartalomkezelő rendszer ezeket a bejegyzéseket automatikusan generálja.
A strukturált adatok tovább mennek azzal, hogy megjelölik a kép szerepét. Az ImageObject jelölés leírja a tartalom URL-jét, a készítőt és a licencet, a termék-, recept- és útmutató-sémák pedig a képeket konkrét entitásokhoz kötik. Ezek a jelek gazdagabb találatokra jogosíthatják a képeket, és segítik az AI-rendszereket abban, hogy a megfelelő témához társítsák őket, ez pedig a multimodális keresőoptimalizálást táplálja.
SEO-ban a képek befolyásolják a Core Web Vitals mutatóit: a túl nagy fájlok késleltetik a legnagyobb tartalmi elem megjelenését, a hiányzó méretek pedig elrendezés-eltolódást okoznak, és mindkettő ronthatja a rangsorolást. Az optimalizált vizuálok a bevonódást is javítják, és megjelenhetnek a képkeresésben, a Discoverben és a gazdag találatokban, ahol további forgalmat hoznak.
A generatív AI esetén a multimodális modellek a képeket a szöveggel együtt olvassák, hogy megítéljék a relevanciát, és a jól leírt vizuálokat szemantikai horgonyként kezelik. Ezért támogatja a képmunka a képkeresési optimalizálást és a vizuális keresés növekvő szerepét. Ha fegyelmezett kulcsszókutatással és tartalomtervezéssel párosítod, a vizuálok azokat a témákat fogják támogatni, amelyekben nyerni szeretnél.
A gyakori hibák kiszámíthatók: teljes felbontású fájlok közvetlen feltöltése a fényképezőgépről, az alt szöveg üresen hagyása vagy kulcsszavakkal való zsúfolása, homályos fájlnevek használata, a szélesség és a magasság megadásának elmulasztása, valamint fontos szöveg beágyazása egy képbe, ahol a feltérképezők nem tudják olvasni. Mindegyik vagy lassítja az oldalt, vagy elrejti a jelentést a gépek elől.
A javítások ugyanilyen egyszerűek. Méretezd át a megjelenítési méretre, tömörítsd ésszerű célértékre, írj tényszerű alt szöveget, nevezd el leíróan a fájlokat, add meg a kifejezett méreteket, és helyezd a képeket a szöveg közelébe, amelyet alátámasztanak. Ezeket következetesen alkalmazd az egész webhelyen, ne csak néhány főképen, és tekintsd őket egy ismétlődő műszaki SEO-audit részének.
A képoptimalizálás a vizuálokat gyorssá teszi a felhasználóknak és olvashatóvá a gépeknek: okos formátumokat, tömörítést, leíró alt szövegeket és fájlneveket, reszponzív kiszolgálást és strukturált jeleket ötvöz. Az eredmény jobb oldalsebesség, erősebb élménymutatók, és olyan képek, amelyek megjelenhetnek a keresésben és az AI-válaszokban.
A továbblépéshez kösd ezt össze a képkeresési optimalizálással és a szélesebb oldalélmény-munkával, a Sorank kutatási és tartalomtervező eszközeivel pedig igazítsd a vizuáljaidat a célzott témákhoz. Referenciaforrások: DefiniteSEO, ImageSEO és Vazoola.
Források
A WebP a legtöbb fénykép és grafika gyakorlati alapértelmezése, mivel hasonló minőség mellett nagyjából 25-35 százalékkal kisebb a JPEG-nél, és széles körben támogatott. Az AVIF még jobban tömörít, de a régebbi böngészőkhöz tartalékmegoldás kell. A PNG-t csak akkor használd, ha átlátszóságra van szükséged, az SVG-t pedig az ikonokhoz és a logókhoz, mert minőségvesztés nélkül skálázódik.
Törekedj nagyjából 80-125 karakterre: elég hosszú ahhoz, hogy tényszerűen leírd a képet, de elég rövid ahhoz, hogy összpontosított maradjon. A céltulajdonságot csak akkor szerepeltesd, ha természetesen illeszkedik, és kerüld a töltelékszavakat, mint a „kép ilyen-olyan”. A tisztán díszítő képeknél hagyd üresen az alt attribútumot, hogy a képernyőolvasók átugorhassák őket.
Igen, két módon. A nehéz képek lassítják az oldalaidat, és rontják a Core Web Vitals mutatókat, amelyeket a Google rangsorolási tényezőként használ, a hiányzó méretek pedig elrendezés-eltolódást okoznak, ami szintén árt. A sebességen túl a leíró alt szövegek, a fájlnevek és a strukturált adatok segítenek abban, hogy a képeid megjelenjenek a képkeresésben és az AI-válaszokban, olyan láthatóságot adva, amelyet különben elszalasztanál.
A TE ELŐTTED PRÓBÁLTÁK KI A SORANKOT
“Teszteltem a Sorankot egy valódi ügyfél oldalán, és őrület. Mindent megtesz, amiért egy ügynökség $1500-t kérne havonta. Most ennél az ügyfélnél már éles üzemben van.”
Guillaume Guersanguersanguillaume.com“Egy hirdetési ügynökség vagyunk, és végre rendbe akartuk tenni a SEO-nkat. A Sorank tiszta képet adott az oldalunkról, segített sorrendbe állítani az optimalizálásokat, és segített rendesen felépíteni a tartalmainkat. Az eszköz könnyen kezelhető, csapatra jól szabott, és nagyon praktikus, hogy több platform közötti ugrálás nélkül egy helyen követhetjük a munkát. Nagyon szilárd alap ahhoz, hogy újrakezdjük a SEO-nkat.”
Gaspard MadouiHirdetési ügynökség
“Csak hagytam, hogy a Sorank szoftver dolgozzon, és mostanra a DR-em 25, az oldalam pedig magasabban szerepel.”
Lucas Flandrefoundertrace.fr“A Soranknak köszönhetően GEO-szakértő lettem. A GEO-ranglista segítségével megmutathatom az ügyfeleimnek, hol állnak a versenytársakhoz képest a ChatGPT-ben. Ez valódi kereskedelmi előny.”
MélanieSEO szabadúszó“Remek szolgáltatás, jól működik a weboldalunkon, és segít megérteni, hogyan lehet javítani, hogy jobban szerepeljünk a Google-on és másutt. Gratulálok, így tovább, ajánlom.”
Hugo T.E-kereskedelmi kereskedő
