Az akadálymentesség és az oldal tartalmának javítása Alt Texttel
Nézd meg eléggé bármelyik weboldalt a weben ma, és látni fogod, hogy az egyik dolog, ami közös, a képek. A képeket weboldalakon lehet felhasználni, hogy vizuális élményt adjanak hozzá, ötleteket illusztrálhassanak, és hozzáadhassanak az oldal teljes tartalmához. Amellett, hogy kiválasztja a megfelelő képeket és megfelelően felkészíti őket a webszállításra , gondoskodjon róla, hogy az oldal összes képének megfelelően használja az ALT szöveget, nagyon fontos része ezeknek a képeknek a webes használatához.
Mi az Alt Text
Az Alt szöveg az alternatív szöveg, amelyet a szövegböngészők és más olyan webfelhasználói ügynökök használnak, akik nem láthatják a képeket. Ez is az egyetlen olyan attribútum, amelyet a képcímke megkövetel. Hatékony alt szöveg írásával biztosíthatja, hogy weboldalai olyan személyek számára elérhetőek legyenek, akik képernyő-olvasót vagy más támogatott eszközt használhatnak az Ön webhelyének eléréséhez. Azt is biztosítja, hogy valami jelenjen meg a kép helyett, ha valamilyen okból nem tölt be (rossz út, átviteli hiba stb.). Ez az igazi célja az Alt szövegnek, de ez a tartalom is több helyet ad hozzá SEO-barát szöveget, hogy a keresőmotorok nem büntetik meg (rövidesen).
Alt Text Szöveg megismétlése a képen
Bármelyik képnek szövegesnek kell lennie, a szövegnek alternatív szövegként kell lennie. Más szavakat is elhelyezhet az alternatív szövegben, de minimálisan ugyanazt kell mondania, mint a kép. Például, ha logikája van a képekhez, az Alt szövegnek meg kell ismételnie a grafikus logó által írt cégnevet.
Ne feledje továbbá, hogy a logókhoz hasonló képek szöveggel is járhatnak - pl. Ha látja a piros golyó ikont az About.com webhelyen, akkor azt jelenti: "About.com". Tehát az alternatív szöveg az adott ikonra mondhatná "About.com", és nem csak "céglogó".
Tartsa a szöveg rövid
Minél hosszabb az alternatív szövege, annál nehezebb lesz szöveges böngészővel olvasni. Kísértés lehet az alternatív szöveg hosszú mondatainak írására (ez általában azért történik, mert valaki megpróbálja feltölteni a címkét kulcsszavakkal), de az Alt tag rövid megtartásával kisebb és kisebb oldalak tölthetők le.
A helyes szabály az alternatív szöveghez képest 5 és 15 szó között tartja.
A SEO kulcsszavak használata az Alt címkékben
Az emberek gyakran tévesen úgy gondolják, hogy az alternatív szöveg célja a keresőmotor kulcsszavainak felkínálása. Igen, ez hasznos lehet, de csak akkor, ha a hozzá beillesztett szöveg értelme az alt-cím valódi céljainak - az intelligens szöveg megjelenítésével magyarázza el, mi a kép, ha valaki nem láthatja azt!
Most, hogy azt mondják, hogy az Alt szöveg nem egy SEO eszköz, nem jelenti azt, hogy nem tudja használni a kulcsszavakat ebben a szövegben. Mivel az alternatív szöveg fontos és szükséges a képeken, a keresőmotorok valószínűleg nem büntetik meg a kulcsszavakat, ha a hozzáadott tartalom értelme van. Ne felejtsük el, hogy az elsődleges prioritás az olvasóid. A kulcsszószórás alternatív szövegben kimutatható, és a keresőprogramok folyamatosan megváltoztatják szabályaikat a spammerek megelőzése érdekében.
Jó szabály az, hogy használja a keresőmotor kulcsszavait, ahol illeszkednek a kép leírásához, és ne használjon több kulcsszót az alternatív szövegben.
Tartsa a szövegét érthetően
Ne felejtsük el, hogy az alt szöveg szövege az olvasóinak képeinek meghatározása. Számos webfejlesztő használja az alternatív szöveget maguk számára, ideértve a képméretet, a képfájl nevét stb. Bár ez hasznos lehet az Ön számára, ez nem tesz semmit az olvasóinak, és ezért el kell hagyni ezeket a címkéket.
Használja az üres Alt szöveget csak ikonok és golyók esetén
Időnként olyan képeket használsz, amelyeknek nincs hasznos leíró szövege, például golyók vagy egyszerű ikonok. Ezeknek a képeknek a legmegfelelőbb módja a CSS, ahol nincs szükség alternatív szövegre. De ha feltétlenül meg kell adnod őket a HTML-ben, használj üres alt attribútumot, ne hagyd teljesen ki.
Lehet, hogy csábító, hogy egy karaktert, mint egy csillagot (*) helyezzen el egy golyó képviseletére, de ez zavaróbb lehet, ha egyszerűen csak üresen hagyja. És a szöveg "golyó" üzenete még furcsábbá teszi a szövegböngészőt.
Jennifer Krynin eredeti cikke. Szerkesztette Jeremy Girard 3/3/17