Okrem tohoto výber správnych obrázkov a ich správna príprava na web, napísanie skvelého alternatívneho textu je zásadná úloha, ktorú by ste nikdy nemali zanedbávať. Tu je niekoľko ukazovateľov na písanie efektívneho alternatívneho textu pre obrázky vašich webových stránok.
Opakujte text na obrázku
Ak obrázok obsahuje text, mal by tento text byť alternatívnym textom. Môžete pridať ďalšie slová, ale alternatívny text by mal povedať to isté, čo obrázok. Napríklad logo pre Acme Widgety, ktoré obsahuje skutočné slová, by malo mať alternatívny text, ktorý tieto slová obsahuje.
Majte na pamäti, že obrázky ako logá môžu naznačiť text - napríklad červená guľa v logu Dotdash. Je to bodka, takže mozog číta a pamätá si „bodka“. Alternatívnym textom pre túto ikonu môže byť nielen Dotdash.com.logo spoločnosti."
Text by mal byť krátky
Čím dlhší je váš alternatívny text, tým ťažšie sa číta pre textové prehliadače. Môže byť lákavé písať dlhé vety alternatívneho textu (bežný postup pri vypĺňaní kľúčových slov, za ktorý môžu byť pokutované SEO), ale udržanie krátkych alternatívnych značiek zmenší vaše stránky. Menšie stránky sa sťahujú rýchlejšie. Sladká bodka má päť až 15 slov.
Používanie vašich kľúčových slov pre SEO v alternatívnych značkách
Hlavným účelom alt tagu nie je zvýšiť hodnotu SEO, ale zobraziť inteligentný text, ktorý vysvetľuje, čo je to obrázok. Informačný a relevantný text pre alternatívnu značku má však pozitívny vplyv na hodnotu SEO.
To znamená, že použitie vašich kľúčových slov v alternatívnom texte je osvedčeným postupom, pokiaľ sú relevantné. Je nepravdepodobné, že by vás vyhľadávače potrestali za vloženie kľúčových slov, ak má pridaný obsah zmysel. Pamätajte, že vaša prvá priorita je pre vašich čitateľov. Detekujú vyhľadávače spamovanie kľúčových slov a vyhľadávače často menia svoje pravidlá, aby prekazili spamerov.
Spravidla nepoužívajte v alternatívnom texte viac ako jedno kľúčové slovo.
Text nechajte zmysluplný
Pamätajte, že alternatívnym textom je definovanie obrázkov pre vašich čitateľov. Mnoho webových vývojárov používa alternatívny text pre seba a obsahuje informácie, ako je veľkosť obrázka, názvy súborov atď. To by mohlo byť užitočné pre vás, ale nerobí to nič pre vašich čitateľov - ktorí sú v každom webovom dizajne prioritou.
Prázdny alternatívny text používajte iba pre ikony a odrážky
Pravidelne budete používať obrázky, ktoré neobsahujú žiadny užitočný popisný text, napríklad odrážky a jednoduché ikony. Najlepšie je tieto obrázky použiť v CSS, kde nepotrebujete alternatívny text. Ale ak ich nevyhnutne musíte mať vo svojom HTML, použite radšej prázdny atribút alt, ako ho úplne vynechajte.
Môže byť lákavé použiť na vyjadrenie odrážky znak, ako napríklad hviezdičku, ale môže to byť mätúce, ako keby ste ho nechali prázdny. Používanie textu „odrážka“ by sa v textovom prehliadači vykresľovalo ešte zvláštnejšie.
Prečo je alternatívny text tak dôležitý?
Textové prehľadávače a ďalší agenti webových používateľov, ktorí nemôžu prezerať obrázky, používajú na „čítanie“ obrázkov alternatívny text. Týmto sa dosiahne niekoľko vecí:
- Robí to vaše internetové stránky prístupné ľuďom, ktorí používajú čítačku obrazovky alebo iné zariadenie s podporou.
- Ak sa obrázok nepodarí načítať, alternatívny text informuje diváka, čo by tam malo byť.
- Vyhľadávacie nástroje nemôžu „vidieť“ obrázky, ale môžu a robia alternatívny text typu pavúk - takže zahrnutie alternatívneho textu pomáha hodnote SEO vašej stránky.