Zlepšenie prístupnosti a obsahu stránky pomocou Alt Text
Pozrite sa takmer na akúkoľvek webovú stránku na webe dnes a uvidíte, že jedna z vecí, ktoré majú spoločné, sú obrázky. Obrázky je možné používať na webových stránkach s cieľom pridať vizuálny vkus, pomôcť objasniť nápady a pridať k celkovému obsahu stránky. Okrem výberu správnych obrázkov a ich správnej prípravy na poskytovanie webových stránok , zabezpečenie toho, aby všetky obrázky vášho webu správne používali text ALT, je veľmi dôležitou súčasťou správneho používania týchto obrázkov na webe.
Čo je Alt Text
Text Alt je alternatívny text, ktorý používajú textové prehliadače a iní agenti webových používateľov, ktorí nemôžu zobraziť obrázky. Jedná sa tiež o jeden z atribútov požadovaných značkou obrázka. Ak napíšete efektívny alt text, ubezpečujete sa, že vaše webové stránky sú prístupné ľuďom, ktorí môžu používať čítačku obrazovky alebo iné podporované zariadenie na prístup k vášmu webu. Taktiež zabezpečíte, aby sa namiesto obrázka zobrazilo niečo, čo by sa nezakladalo z akéhokoľvek dôvodu (nesprávna cesta, porucha prenosu atď.). To je skutočný účel Alt textu, ale tento obsah vám tiež môže dať viac miest na pridanie SEO-priateľský text, ktorý vyhľadávače nebude penalizovať vás (viac o tom v krátkom čase).
Alt Text by mal zopakovať text na obrázku
Každý obrázok, ktorý má text v ňom, by mal mať text ako alternatívny text. Môžete umiestniť ďalšie slová v alternatívnom texte, ale prinajmenšom by malo hovoriť to isté ako obrázok. Napríklad, ak máte logo pre vaše obrázky, Alt text by mal zopakovať názov spoločnosti napísaný grafickým logom.
Nezabudnite tiež, že obrázky ako logá môžu tiež obsahovať text - napríklad keď uvidíte ikonu červenej gule na webovej lokalite "About.com", znamenajú to "About.com". Takže alternatívny text pre túto ikonu by mohol povedať "About.com" a nielen "logo spoločnosti".
Udržujte text krátky
Čím dlhší je váš alternatívny text, tým ťažšie bude čítať textové prehliadače. Môže to byť lákavé písať dlhé vety alternatívneho textu (zvyčajne sa to deje, pretože sa niekto pokúša nalepiť značku kľúčovými slovami), ale zachovanie vašich značiek Alt zachová vaše stránky menšie a menšie sťahovanie stránok rýchlejšie.
Dobrým pravidlom pre alternatívny text je, aby bol medzi 5 a 15 slovami celkom.
Použitie kľúčových slov SEO v iných značkách
Ľudia si často mylne myslia, že cieľom alternatívneho textu je dať kľúčové slová vyhľadávača. Áno, to je výhoda, ktorú môžete použiť, ale iba vtedy, ak text, ktorý pridávate, má zmysel pre skutočný účel alt značky - zobraziť inteligentný text, ktorý vysvetľuje, čo je obraz, ak by niekto nemohol vidieť!
Teraz to, čo bolo povedané, Alt text nie je myslený ako SEO nástroj neznamená, že nemôžete použiť vaše kľúčové slová v tomto texte. Vzhľadom na to, že alternatívny text je dôležitý a vyžaduje obrázky, vyhľadávače pravdepodobne nebudú penalizovať za to, aby ste vložili kľúčové slová, ak obsah, ktorý pridáte, má zmysel. Nezabudnite, že vašou prvou prioritou sú vaše čitatelia. Môže sa zistiť spamovanie kľúčových slov v alternatívnom texte a vyhľadávacie stroje neustále menia svoje pravidlá, aby zabránili spamerom.
Dobrým pravidlom je použiť kľúčové slová vyhľadávacieho nástroja tam, kde zodpovedajú popisu obrázka, a nepoužívať vo vašom alternatívnom texte viac ako jedno kľúčové slovo.
Udržujte svoj text zmysluplný
Pamätajte si, že bodom iného textu je definovať obrázky pre vaše čítačky. Mnoho webových vývojárov používa alternatívny text pre seba, vrátane vecí, ako je veľkosť obrázka, názvy súborov obrázkov atď. Zatiaľ čo to môže byť pre vás užitočné, nič pre vašich čitateľov nič neumožňuje, a preto by malo byť z týchto značiek vynechané.
Používajte len prázdny text Alt pre Ikony a odrážky
Pravidelne použijete obrázky, ktoré nemajú žiadny užitočný popisný text, napríklad odrážky alebo jednoduché ikony. Najlepším spôsobom, ako tieto obrázky použiť, je v CSS, kde nepotrebujete alternatívny text. Ale ak ich absolútne potrebujete vo svojom HTML, skôr použite prázdny alt atribút, než ho úplne opustite.
Môže to byť lákavé, ak chcete, aby znak ako hviezda (*) reprezentoval guľku, môže to byť viac mätúce, že jednoducho necháte prázdne miesto. A uvedenie textu "guľka" bude robiť ešte zvláštnejšie v textovom prehliadači.
Originálny článok od Jennifer Krynin. Editoval Jeremy Girard 3. 3. 17