Kép alt-szövege: hogyan írd meg helyesen SEO-hoz és akadálymentességhez

Gyönyörű képeket tettél fel a webhelyedre, de a kódjukból hiányzik egy apró részlet, ami rendkívül sokat számít: az alt-szöveg. Ez az a rövid sor, amely leírja, mit ábrázol egy kép — az átlagos látogató számára láthatatlan, mégis nélkülözhetetlen a Google és azok számára, akik nem látják a képet.

Az alt-szöveg egyszerre két dolgot csinál. Segít abban, hogy a képeid megjelenjenek a Google Képek találatai között, ami olyan forgalmi forrás, amelyet a legtöbb webhelytulajdonos teljesen figyelmen kívül hagy. És lehetővé teszi, hogy a képernyőolvasót használó emberek megértsék az oldaladat. Ebben az útmutatóban pontosan megmutatom, hogyan írj jó alt-szöveget, konkrét példákkal, és mely hibákat kerüld el.

Mi is valójában az alt-szöveg

Az alt-szöveg (a HTML alt attribútum) egy kép rövid leírása, amelyet a kódban adsz meg. Így néz ki:

• `<img src="modern-hajvagas.jpg" alt="Modern férfi hajvágás egy borbélyüzletben">`

Senki sem látja, amikor az oldal normálisan betöltődik. De három fontos helyzetben megjelenik:

• amikor a kép nem tölt be (gyenge kapcsolat, hiányzó fájl), a szöveg jelenik meg a helyén;
• amikor valaki képernyőolvasót használ, a szöveget felolvassa a gép;
• amikor a Google indexeli az oldalt, és megpróbálja megérteni, miről szól a kép.

Más szóval az alt-szöveg a híd egy kép — amelyet a gépek és a képernyőolvasók valójában nem tudnak „látni” — és annak jelentése között.

Hogyan írj olyan alt-szöveget, ami valóban segít

Az alapszabály: írd le, mi látható, világosan és konkrétan, mintha telefonon magyaráznád el valakinek a képet.

• Legyél konkrét. A „Tányér carbonara tészta parmezánnal” többet mond, mint az „étel”.
• Legyen rövid. Egy mondat elég; ne írj egy egész bekezdést.
• Add meg a releváns kontextust. Ha a kép egy szolgáltatást mutat, amelyet egy adott területen kínálsz, említsd meg természetesen: „Kertépítés gyeptéglával egy külvárosi udvarban”.
• Ne kezdd azzal, hogy „kép erről” vagy „fénykép erről”. A képernyőolvasó már bejelenti, hogy ez egy kép, így ez felesleges lenne.
• Embereknek írj, ne robotoknak. A természetes szöveg egyszerre tetszik a Google-nek és a látogatónak.

Kulcsszavak, igen — de ne vidd túlzásba

Az alt-szöveg jogos hely arra, hogy belefoglald az adott oldalhoz kapcsolódó kulcsszót. Ha az oldal egy város férfi hajvágásáról szól, természetes, hogy a kép leírása tartalmazza ezeket a szavakat.

A probléma akkor kezdődik, amikor ez erőltetetté válik. A Google bünteti a kulcsszóhalmozást, és az olyan szöveg, mint „hajvágás város hajvágás férfi olcsó hajvágás borbély város”, semmit sem ír le, és inkább árt, mint használ.

Egy egészséges szabály:

• egy kulcsszó képenként, természetesen beleszőve a leírásba;
• a leírásnak hűnek kell maradnia ahhoz, amit a kép valójában mutat;
• ha a szöveg furcsán hangzik felolvasva, akkor túlzásba vitted.

A cél egy őszinte leírás, amely történetesen a megfelelő kifejezést is tartalmazza.

Dekoratív képek és a fájlnév

Nem minden képnek van szüksége leírásra. A tisztán dekoratív elemek — egy elválasztó vonal, egy háttér, egy jelentés nélküli ikon — üres alt-szöveget (`alt=""`) kapjanak. Így a képernyőolvasók átugorják őket, ahelyett, hogy haszontalan leírásokkal árasztanák el a felhasználót. Fontos: az `alt=""` (szándékosan üres) más, mint az attribútum teljes hiánya, ami hiba.

Egy gyakran elfeledett részlet: a fájlnév is számít. A Google olvassa. Így a `modern-hajvagas-varos.jpg` sokkal jobb, mint az `IMG_4821.jpg`.

• Nevezd át a fájlokat a feltöltés előtt, a szavakat kötőjellel elválasztva.
• Csak kisbetűket használj, szóközök nélkül.
• Szolgáltasd a helyes méreteket és tömörített fájlokat is — egy nehéz kép lelassítja az oldalt, és a sebesség számít a SEO szempontjából.

Hogyan dolgozunk az MPO Web Studiónál

Amikor webhelyet építünk, a képeket a SEO részeként kezeljük, nem utólagos gondolatként. Minden releváns kép ember által írt alt-szöveget, tiszta fájlnevet és megfelelő tömörítést kap, hogy az oldal gyorsan töltődjön be, és mindenki számára elérhető maradjon.

Teljesen távolról dolgozunk, országszerte ügyfeleknek, és ingyenes demót készítünk a webhelyedről, mielőtt bármit fizetnél — a valódi eredményt látod, nem ígéretet. Az árak átláthatók, meglepetések nélkül.

Egy józan ész diktálta figyelmeztetés: menekülj mindenkitől, aki „garantált első helyet a Google-ben” ígér. Ezt senki sem tudja garantálni. A jól megírt alt-szöveg egy a sok elem közül, amelyek együtt javítják az esélyeidet — nem varázstrükk.

Szeretnél egy második véleményt a jelenlegi webhelyedről? Írj nekünk WhatsAppon, és együtt megnézzük.