Alt szöveg (alternatív szöveg), más néven “alt attribútumok”, “alt leírások”, vagy technikailag helytelenül “alt címkék”, egy HTML kódban használják egy kép megjelenésének és funkciójának leírására egy oldalon.
Alt text uses:
1. Alternatív szöveg hozzáadása a fotókhoz elsősorban a webes hozzáférhetőség elve. A képernyőolvasókat használó látássérült felhasználók egy alt attribútumot fognak olvasni, hogy jobban megértsék az oldalképeket.
2., Alt szöveg jelenik meg a kép helyett, ha egy képfájl nem tölthető be.
3. Az Alt szöveg jobb képkörnyezetet/leírásokat biztosít a keresőmotor bejáróinak, segítve őket a kép megfelelő indexelésében.
a kiemelt szöveg a bal oldali kép alt-szövegét (alt attribútumát) mutatja.
az alt szöveg legjobb formátuma kellően leíró, de nem tartalmaz spammy-kísérleteket a kulcsszó kitöltésekor., Ha be tudod csukni a szemed, valaki olvassa el neked az alt szöveget, és képzelj el egy ésszerűen pontos képet, akkor jó úton jársz.
nézzünk néhány példát az alt szövegre egy finom megjelenésű áfonyás palacsinta képéhez:
Ez az alt szöveg csak “rendben”, mert nem túl leíró. Igen, ez egy kép egy halom palacsintáról. De még többet kell mondani erről a képről.,
jó:
<img src="https://moz.com/learn/seo/pancakes.png" alt="Stack of blueberry pancakes with powdered sugar">
Ez az alt szöveg jobb alternatíva, mert sokkal leíróbb a képen. Ez nem csak egy halom “palacsinta” (amint azt az első alt szöveges példa bizonyította); ez egy halom áfonya palacsinta porcukorral!
<img src="https://moz.com/learn/seo/pancakes.png" alt="pancake pancakes pan cake hotcakes hotcake breakfast food best breakfast top breakfasts breakfast recipes pancake recipe">
egyik példa sem ajánlott., Az első kódsor valójában egyáltalán nem tartalmaz alt szöveget (vegye figyelembe, hogy az idézetek üresek), míg a második példa az alt szöveg kulcsszótöltését mutatja.
miért fontos az Alt szöveg?
Accessibility
Az Alt szöveg egy elérhető Webdizájn. Eredeti (és még mindig elsődleges) célja, hogy leírja a képeket azoknak a látogatóknak, akik nem látják őket. Ide tartoznak a képeket blokkoló képernyőolvasók és böngészők is, de ide tartoznak azok a felhasználók is, akik látássérültek vagy más módon nem képesek vizuálisan azonosítani a képet., Beleértve az alt szöveget a képekkel biztosítja, hogy minden felhasználó, a vizuális képességtől függetlenül, értékelni tudja a webhely tartalmát.
Image SEO
az alt szöveg használata a képeken jobb felhasználói élményt nyújthat, de segíthet abban is, hogy mind kifejezett, mind implicit SEO előnyöket szerezzen. A kép címének végrehajtása és a fájl elnevezési bevált gyakorlatok, beleértve az alt szöveget, szintén hozzájárulhatnak a kép SEO-hoz.,
míg a keresőmotor képfelismerő technológiája jelentősen javult az évek során, a keresőrobotok még mindig nem tudják “látni” a képeket egy weboldal oldalon, mint mi, így nem bölcs dolog az értelmezést kizárólag a kezükben hagyni. Ha nem értik, vagy kap ez rossz, lehetséges, akkor sem rangsorolja a nem kívánt kulcsszavakat, vagy hagyja ki a rangsorban összesen.
Íme egy példa: a Google a következő képet láthatja, és megfejtheti, hogy egy nyakkendőt és szemüveget viselő férfi ül az íróasztalnál.,
Jim Halpert A Hivatal (US-verzió)
Ha azt akarod, hogy rangot “Jim Halpert megszemélyesítése Dwight Schrute”, bár meg kell adniuk a kereső egy segítő kéz.
ebben az értelemben az alt text újabb lehetőséget kínál a cél kulcsszó beillesztésére., Mivel az oldal kulcsszó használata továbbra is súlyt húz keresőmotor rangsorolási tényezőként, az Ön érdeke, hogy olyan alt szöveget hozzon létre, amely mind a képet írja le, mind pedig, ha lehetséges, tartalmaz egy megcélzott kulcsszót vagy kulcsszó kifejezést.
hogyan írhatok jó alt szöveget?
írja le a képet a lehető legpontosabban. Az Alt text elsősorban arra szolgál, hogy szöveges magyarázatokat nyújtson a képekről azoknak a felhasználóknak, akik nem látják őket. ha egy kép valóban nem közvetít semmilyen jelentést / értéket, csak tervezési célokra van ott, akkor a CSS-ben kell élnie, nem pedig a HTML-ben.,
tartsa (viszonylag) rövidre. A legnépszerűbb képernyőolvasók körülbelül 125 karakterből levágják az alt szöveget, ezért tanácsos ezt a karakterszámot vagy annál kevesebbet tartani.
kulcsszavak használata az Alt szöveg újabb lehetőséget kínál arra, hogy a cél kulcsszót egy oldalra helyezze, így egy másik lehetőség arra, hogy jelezze a keresőmotoroknak, hogy az oldal nagyon fontos egy adott keresési lekérdezéshez., Míg az elsődleges prioritás a kép kontextusának leírása és megadása, ha van értelme, akkor a kulcsszót az oldal legalább egy képének alt szövegébe kell beillesztenie.
kerülje a kulcsszó kitöltését. A Google nem dokkolja meg a pontokat a rosszul írt alt szövegért, de bajban lesz, ha az alt szöveget arra használja, hogy annyi releváns kulcsszavat töltsön be, amennyit csak gondol. Fókuszálj a leíró alt szöveg írására, amely kontextust biztosít a képhez, és ha lehetséges, tartalmazza a cél kulcsszót,és hagyja ott.
ne használjon képeket szövegként., Ez kevésbé egy alt szövegspecifikus legjobb gyakorlat, inkább egy általános SEO-barát Webfejlesztés. Mivel a keresőmotorok nem tudnak szöveget olvasni a képeken belül, kerülje a képek használatát szavak helyett. Ha ezt meg kell tennie, magyarázza el, mit mond a fénykép az alt szövegében.
nem tartalmazza a ” kép,” “kép,” stb. az alt szövegében. Már feltételezték, hogy az alt szöveg egy képre utal, ezért nincs szükség annak megadására.
ne felejtsd el longdesc=””. Fedezze fel a longdesc = “” címkét a bonyolultabb képekhez, amelyek hosszabb leírást igényelnek.,
ne hagyja figyelmen kívül az űrlapgombokat. Ha EGY űrlap a webhelyén egy képet használ, mivel az “Elküldés” gomb, adjon meg egy alt attribútumot. A képgomboknak olyan alt attribútummal kell rendelkezniük, amely leírja a gomb funkcióját, mint például a “Keresés”, “alkalmazás most”, “regisztráció” stb.
hogyan néz ki a jó alt szöveg?,3″>
Oké alt szöveg: <img src="https://moz.com/learn/seo/kwe.png" alt="kw explorer">
a Jobb alt szöveg: <img src="https://moz.com/learn/seo/kwe.png" alt="keyword research in Keyword Explorer">
a Legjobb alt szöveg: <img src="https://moz.com/learn/seo/kwe.png" alt="Moz Keyword Explorer tool for SEO keyword research">
figyelj
a Google-Kép Kiadói Iránymutatás
A Oldal Rangsor Tényezők
Meta Leírása
Tegye a készségek dolgozni
Az Oldal Optimalizálási szakasz a Moz Pro kiemeli az oldalakat, amelyek nem élnek teljes keresés láthatóság lehetséges (pedig magában foglalja a dolgokat, mint hogy egy oldal hiányzik alt text)., Próbálja ki >>
