Képek SEO-ja: fájlnév, alt és tartalmi szerep

Kiinduló helyzet és döntési feladat

Egy referenciaoldalon látványos képek szerepelnek, de mindegyik neve kep1, és nincs mellettük magyarázat. A releváns környező szöveg, helyes alt és technikai méretezés együtt hasznosabb, mint egy kulcsszavakkal teleírt attribútum.

Vizuális feladat

A kép bizonyítson, magyarázzon vagy segítsen dönteni az adott tartalomban. A független stockfotó gyakran puszta dísz.

Írd le, mit tanul a képből az olvasó. Az ellenőrzés fő kérdése: Mi veszne el a kép eltávolításával?

Fájlnév

Használj rövid, leíró és következetes elnevezést a médiatárban. A fájlnév nem helyettesíti a környező tartalmat.

Nézz át új feltöltéseket a kész oldallal együtt. Az ellenőrzés fő kérdése: Beazonosítható marad az eszközállomány?

Alternatív szöveg

Az alt a kép adott helyzetben fontos információját adja vissza. Díszítő elem és adatábra eltérő kezelést igényel.

Olvasd a bekezdést a kép helyett az alt szöveggel. Az ellenőrzés fő kérdése: Megmarad a szükséges információ?

Képaláírás

Nevezd meg a bemutatott megoldást és figyelemre méltó részletet. Az önálló képből nem mindig látszik a szakmai jelentőség.

Kérj visszajelzést egy kívülállótól. Az ellenőrzés fő kérdése: Mit figyeljen meg a látogató?

Szöveges kontextus

A kép tárgyát a környező bekezdéssel és a cikk saját kérdésével együtt értelmezd. Ugyanaz a fotó más tartalomban eltérő információt közvetíthet.

Olvasd el az oldalt a kép nélkül. Melyik szükséges részlet hiányzik, és melyik jelenik meg már egyébként is szövegként?

Felhasználási jog

Tartsd nyilván a kép eredetét és felhasználási keretét. Az optimalizált kép sem vehető át automatikusan bárhonnan.

Új feltöltésnél ellenőrizd az eredetet. Az ellenőrzés fő kérdése: Ki igazolja a nyilvános használat lehetőségét?

Részletes megvalósítás és szakmai döntések

A kép kiválasztásakor először az oldal olvasói feladatát nézd. Egy referencia képének más a szerepe, mint egy útmutató folyamatábrájának. Az előbbi megmutathatja a tényleges vizuális megoldást, az utóbbi egy lépéssort magyarázhat el gyorsabban, mint a szöveg. Ha a képnek nincs azonosítható információs szerepe, lehet egyszerű díszítőelem. E különbség befolyásolja az alternatív szöveget és a képaláírást is. A képoptimalizálás így nem automatikus mezőkitöltésből, hanem tudatos tartalmi döntésből indul, amelyet a technikai méretezés tesz használhatóvá.

Az alternatív szöveget mindig a környezetben fogalmazd meg. Egy ugyanazon képen látható számítógép lehet dekoráció egy általános bemutatkozó oldalon, de fontos részlet egy konkrét kezelőfelületet ismertető útmutatóban. Az alt feladata a szükséges információ átadása, nem minden vizuális részlet felsorolása. A dekoratív képnél más megoldás megfelelő, mint a tartalmat közlő ábránál. A döntéshez olvasd el a bekezdést úgy, hogy a képet nem látod. Mi hiányzik a megértéshez? Ezt az információt kell megfelelő módon hozzáférhetővé tenni.

Egy adatot vagy összetett folyamatot bemutató ábrát nem érdemes egyetlen túl hosszú alt mondatba bezsúfolni. A részletes magyarázat lehet a környező szövegben vagy külön hozzáférhető leírásban, az alt pedig röviden jelzi a kép tárgyát. Ha az ábrán szereplő fő következtetés a cikk szempontjából fontos, legyen szövegként is olvasható. Ez minden olvasónak segít, és a későbbi szerkesztést is megkönnyíti. A lényeg ne kizárólag egy képfájlba rajzolt apró betűs mondatban létezzen, amely mobilon nehezen olvasható és külön nem kereshető.

A fájlnevekhez alakíts ki egyszerű belső rendszert. A projekt vagy téma neve és a kép szerepe általában használhatóbb, mint a kamera sorszáma. Ugyanakkor ne készíts mesterséges, hosszú kulcsszóhalmazt minden fájlból. A médiatárat később is emberek kezelik, és a név elsődleges gyakorlati értéke a beazonosíthatóság. Régi képek átnevezésénél figyelj az ismert URL-ekre és hivatkozásokra. A fájlrendszerben végzett tömeges átnevezés könnyen hibás képcímeket hagyhat, ezért a tartalomkezelő működésének megfelelő eljárással és mentéssel dolgozz.

Az alt kiválasztásakor külön ág legyen a funkcionális kép. Ha egy ikon vagy logó önmagában hivatkozás, a szöveges megfelelő a cél vagy művelet megértését segítse. A nyomtató ábrájának puszta alakleírása például nem mondja el, hogy gombként használva mit tesz. Ha ugyanabban a linkben már világos szöveg nevezi meg a célt, a kép ismétlő leírása felesleges lehet. E döntést a konkrét HTML és környezet alapján hozd meg. A szemantikus ellenőrzés eredménye így nem minden képhez kitöltött azonos mező, hanem a szerephez illő, a szükséges információt vagy funkciót közvetítő szöveges megoldás.

Szemléltető döntési feladatként hasonlíts össze három képet egy szolgáltatáscikken belül. Az absztrakt bordó háttér csak hangulatot ad, az ügyfélfolyamat ábrája fontos lépéseket közöl, a nyílikon pedig egy részletesebb útmutatóhoz vezető link része. A háromhoz nem ugyanazt az alt-stratégiát választod. A folyamat tartalmi jelentése szövegben is legyen elérhető, a díszítőelem ne terhelje felesleges leírással az olvasást, a link pedig érthető célt adjon. Ezt a besorolást képenként rögzítheted a munkalapon. A pixelméret, formátum, reszponzív forrás és betöltési idő a webes képek optimalizálásának külön teljesítmény-útmutatójába tartozik, ezért itt csak kapcsolódó technikai feladatként jelöljük.

A képaláírás a szakmai értelmezés helye. Egy weboldal-referenciánál megnevezheti a bemutatott felületet és azt a tervezési döntést, amelyet érdemes megfigyelni. Egy folyamatképnél a vizsgált állapotot és következő lépést magyarázhatja. Ne írd egyszerűen újra az alt szöveget, ha az nem ad további segítséget. A cím, környező bekezdés, kép és képaláírás együtt alkosson érthető egységet. Ha a fotó csak hangulatot teremt, annak nem szükséges valós ügyfélmunkát vagy mérési eredményt tulajdonítani; a szerepét pontosan kezeld.

A jogi és szerkesztési eredet belső nyilvántartása külön feladat. Őrizd meg, honnan származik a kép, milyen felhasználás engedett, és szükséges-e névfeltüntetés. Valós ügyfélmunkánál legyen rendezett a publikálhatóság. AI-val készült illusztrációt ne mutass tényleges csapatfotóként, telephelyként vagy ügyfélbizonyítékként. A vizuális tartalomnak ugyanúgy pontos állítást kell közvetítenie, mint a szövegnek. A kép szép megjelenése nem mentesít a forrás és felhasználási keret ellenőrzése alól, és e keret később is legyen visszakereshető.

A végső szemantikus képaudit minden mintánál rögzítse a szerepet, szükséges információt, alt-döntést, képaláírást és szöveges környezetet. Nézz meg egy referenciaképet, cikkábrát, funkcionális ikont és díszítőelemet. A különbség mutatja meg, hogy a szerkesztés valóban jelentés alapján működik-e, vagy minden mezőbe ugyanaz a kulcsszó kerül. Az új feltöltéshez ezt a rövid döntési munkalapot add át a szerkesztőnek is. A fájl technikai optimalizálása külön ellenőrzés, a jelen feladat pedig annak biztosítása, hogy a kép jelentése és a cikkben betöltött szerepe hozzáférhetően, pontosan kapcsolódjon a szöveghez.

Gyakori kérdések