Képek optimalizálása a keresőre

Egy kép feldobja a weboldalt, vonzza a tekintetet, és sokszor gyorsabban átad egy üzenetet, mint bármilyen szöveg. De azt tudtad, hogy a képeid nemcsak a látogatóidnak, hanem a Google-nek is fontosak? A képek optimalizálása egyszerre teszi gyorsabbá az oldaladat, érthetőbbé a keresők számára, és kényelmesebbé a felhasználóidnak. Egy olyan apróság, amivel hosszú távon rengeteget nyerhetsz.

Kép elhelyezése – ne csak dísz legyen!

Szokták mondani, hogy egy kép többet mond ezer szónál. Ez igaz, de csak akkor, ha illik is a mondanivalódhoz. Egy jó kép nemcsak szépíti az oldalt, hanem segít megérteni a témádat, azt, hogy miről beszélsz. Például ha egy blogbejegyzésben a kávékészítés titkairól írsz, akkor egy gőzölgő presszókávé képe sokkal többet ad az olvasónak, mint egy random stockfotó egy napsütötte erdőről.

A képek elhelyezése nemcsak esztétikai kérdés, hanem viselkedési adatokat is befolyásol: a látogatók tovább maradnak egy oldalon, ha a képek segítik a megértést, nem pedig elterelik a figyelmet.
A jól kiválasztott kép tehát nemcsak „szép”, hanem növelheti az oldalon töltött időt, ami a Google számára pozitív jelzés.

A képek tehát legyenek a szöveg szerves részei: segítsenek kiegészíteni, illusztrálni vagy alátámasztani, amit mondasz. Ha csak odadobsz valamit azért, mert szép kép, de a lényeghez nincs köze, az sokszor inkább zavaró, mint hasznos.

Kép körüli szöveg – a kontextus hatalma

Ha a kép valóban illeszkedik a mondanivalóhoz, akkor szinte magától értetődő, hogy a kép körül releváns szöveg jelenik meg. A kettő kéz a kézben jár: a kép nem állhat önmagában, és a szöveg sem lesz teljes nélküle.

Egy rövid, releváns képaláírás sokszor jobban segíti a kép megértését, mint maga az ALT szöveg.
Ha például „Latte art a barista tanfolyamon” feliratot teszel egy kávés kép alá, az kontextust ad a Google-nek és az olvasónak is.

A Google a képet a körülötte levő tartalom alapján is értelmezi. Ha a képed egy „flat white” kávét ábrázol, és a környező szöveg is a kávékülönlegességekről szól, akkor a kereső biztosabban tudja, hogy a kép valóban a témát jeleníti meg. Ezért mindig legyen a képnek logikus helye a tartalomban, ne csak „dekorációs elem” legyen.

A fájlnév – apróság, ami számít

Sokan legyintenek arra – sőt, talán egyáltalán nem is gondolnak rá -, hogy miért kéne átnevezni a fájlt, mielőtt feltöltik a tárhelyre. Pedig a keresőmotorok figyelik a fájlnevet, és abból is következtetnek arra, hogy miről szól a kép.

Sok forgalom érkezik ma már a képkeresőből, ezért a jól elnevezett képek önállóan is megjelenhetnek a találatok között — különösen akkor, ha a fájlnév és az ALT szöveg egymással összhangban van.

• Rossz példa: image12345.jpg
• Jó példa: cappuccino-latte-art.jpg

Az első példánál sem a látogató, sem a Google nem tud semmit a képről. A másodiknál viszont egyértelmű a tartalom. Ha belefér a kulcsszó, az plusz pont, de ne erőltesd. A legfontosabb, hogy a név legyen természetes és érthető.

Méret és formátum – gyors oldal, elégedett látogató

Tegyük fel, hogy a látogatód mobilról nyitja meg az oldaladat. Ha a kép túl nagy, az oldal lassan töltődik, és ő egyszerűen továbbáll. Ez nemcsak az olvasóidnak rossz élmény, de a Google is hátrébb sorolhatja az oldaladat, mert a sebesség fontos rangsorolási szempont.

A túl nagy képek minden eszközön lassítják az oldal betöltődését. Ha túl nagy egy file, az oldal lassan töltődik be, a látogató pedig nem várja ezt meg, hanem egyszerűen továbbáll. A gond nem pusztán a technikai mérés: ha az oldal lassú, a látogatók hamar elvesztik a türelmüket és becsukják az oldalt. Ha ez sokszor megtörténik, a Google számára negatív jel lesz, hogy az oldalt nem szeretik a látogatók, és ezért egyre kevesebbszer – végül egyáltalán nem fogja megmutatni a weboldaladat. A kereső ugyanis azt érzékeli, hogy az oldalad kevésbé nyújt jó felhasználói élményt, és emiatt hátrébb sorolhat a találatok között.

A lassú oldalaknál a látogatók gyakran 3–5 másodperc után kilépnek, még mielőtt bármit elolvasnának. A tömörített, optimalizált képek ezért nemcsak a sebességet növelik, hanem a SEO teljesítményt is javítják.

Ezért mindig érdemes lekicsinyíteni és tömöríteni a képeket, mielőtt feltöltöd őket. Nem kell bonyolult programokban gondolkodni: egy egyszerű eszköz, mint a tinypng.com, pillanatok alatt elvégzi helyetted a munkát.

A formátumra is figyelj:

• átlátszó háttérhez a .png az ideális,
• fényképeknél inkább a .jpg,
• de ma már egyre inkább a .webp formátum az ajánlott, mert sokkal kisebb méretben is jó minőséget ad.

ALT szöveg – a kép titkos tolmácsa

Miután feltöltötted a képet, töltsd ki az „ALT szöveg” („Alt tag”, „Helyettesítő szöveg” vagy „Alternatív szöveg”) mezőt. Itt is a kép tartalma alapján dolgozz, a kulcsszóhasználat hasonló, mint a képfile elnevezése esetében.

Az ALT szövegnek rövidnek, leíró jellegűnek és egyértelműnek kell lennie. Ez segít a Google-nek megérteni, mi látható a képen, és azoknak is hasznos, akik valamiért nem tudják megjeleníteni a képet.

Tegyük fel, hogy egy „kávé tanfolyam” kulcsszóra írt cikkhez illusztrációként egy latte artos cappuccinót használsz:

• Rossz példa: „kávé tanfolyam” (kulcsszót tartalmaz, de nem írja le a képet)
• Jó példa: „Gőzölgő cappuccino latte art szív mintával” (valóban bemutatja, mit ábrázol a kép)

A helyettesítő szöveg nem csak SEO-szempontból fontos, de a vakok és gyengénlátók felhasználói élményét is nagyban tudod fokozni vele, ha valóban azt írod le benne, amit a kép ábrázol. A felolvasóprogram pontosan ezt a leírást olvassa fel nekik – így a kép tartalmát is érzékelni tudják.
Ha viszont csak egy elvont kulcsszót használsz, ami nem kapcsolódik közvetlenül a képhez, az számukra félrevezető vagy értelmezhetetlen lesz.

Az ALT szöveg tehát nem kulcsszólista, hanem valódi képleírás. Ha a kulcsszó természetesen illik bele, az jó, de soha ne erőltesd bele öncélúan.

Gyors ellenőrzőlista

• Használj releváns képet – illeszkedjen a témához.
• A kép körül legyen releváns szöveg – a kettő egymást erősíti.
• Adj beszédes fájlnevet – az „image123.jpg” helyett valami egyértelműt.
• Tömörítsd a méretét – hogy gyors legyen a betöltés és ne veszíts látogatót.
• Írj ALT szöveget – rövid, pontos, érthető leírást.

A képek optimalizálása nem varázslat

A képek SEO-optimalizálása alapvetően néhány egyszerű lépésből áll. Ha tudatosan csinálod, a weboldalad nemcsak szebb, hanem gyorsabb és Google-barátabb lesz. A látogatóid örülnek a gyors oldalnak, a Google pedig örül a jól értelmezhető képeknek.