Pozrite sa takmer na akúkoľvek webovú stránku na internete 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 sa ubezpečenie, že všetky obrázky vášho webu správne používajú text Alt je veľmi dôležitou súčasťou správneho používania týchto obrázkov pre web.
Č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čte sa, že vaše webové stránky sú prístupné ľuďom, ktorí môžu používať čítačku obrazovky alebo iné zariadenia s podporou prístupu 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 minimálne to by malo povedať 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 na webovej stránke Dotdash ikonu červenej gule, znamená to "Dotdash.com". Takže alternatívny text pre túto ikonu by mohol povedať "Dotdash.com" a nielen "firemné logo".
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, že sa povedal, Alt text nie je myslený ako SEO nástroj neznamená, 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ú opisu obrázka a vo vašom alternatívnom texte nepoužívať 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 z týchto značiek by sa preto malo vynechať.
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 než to, že ju necháte prázdne. A uvedenie textu "guľka" bude robiť ešte zvláštnejšie v textovom prehliadači.
Editoval Jeremy Girard 3. 3. 17
