Čo je Alt Text?
Alt text (alternatívny text) - známy aj ako "alt description" alebo "alt attribute" - je písomný popis obrázkov na stránkach HTML. Jeho hlavným účelom je zlepšiť prístupnosť pre ľudí, ktorí nevidia obrázky.
Často sa o ňom hovorí ako o "alt tagu", ale to je technicky nesprávne. Alt text je atribút obsiahnutý v značke HTML.
Ako sa implementuje Alt Text
Atribút alt sa začína slovom alt=, za ktorým nasleduje text alt v úvodzovkách. Zvyčajne vyzerá takto:
<img src="image.jpg" alt="Text obrázku" title="Názov obrázku"/>Prečo je text Alt dôležitý?
Prístupnosť
Pridávanie textu alt do obrázkov je predovšetkým o zlepšení prístupnosti webu. Milióny zrakovo postihnutých používateľov sa pri konzumácii online obsahu spoliehajú na čítačky obrazovky. Pre nich je text ekvivalentný vizuálne zobrazeným informáciám veľmi dôležitý. Bez textu alt čítačky obrazovky nemôžu sprostredkovať obsah obrázka, čo poškodzuje používateľský zážitok.
Výhody SEO
Alt text tiež zohráva úlohu v SEO. Hoci atribúty alt nie sú viditeľné pre používateľov, môžu ich čítať vyhľadávače a čítačky obrazovky. Text pomáha vyhľadávačom pochopiť obsah obrázka. Obrázku sa tak pridáva sémantický význam, čím sa v očiach spoločnosti Google zlepšuje tematická relevantnosť stránky a potenciálne sa pomáha jej vyššiemu umiestneniu.
Okrem toho môže alt text zlepšiť vaše šance na umiestnenie v Google Images a poskytnúť tak vášmu webu ďalší zdroj návštevnosti. Keď sa obrázky používajú ako odkazy, text alt slúži ako text kotvy a pomáha spoločnosti Google pochopiť obsah prepojenej stránky.
Osvedčené postupy pre Alt Text
Pridanie textu alt k obrázkom je jednoduchý spôsob, ako sprístupniť svoje stránky a podporiť úsilie o SEO. Tu je niekoľko osvedčených postupov, ktoré treba mať na pamäti:
1. Skontrolujte, či na vašej webovej stránke nechýbajú texty Alt
Začnite kontrolou chýbajúcich textov alt. Použite online nástroj, ktorý dokáže prehľadávať vaše stránky a nájsť obrázky s chýbajúcimi alebo prázdnymi textami alt. S touto úlohou vám môžu pomôcť nástroje ako Google Search Console a rôzne nástroje na audit SEO.
Nie všetky obrázky potrebujú text alt. Dekoratívne obrázky môžu zostať bez neho, pretože neposkytujú zmysluplný obsah a čítačky obrazovky ich môžu ignorovať. Zamerajte sa na svoje najnavštevovanejšie stránky, ktoré prinášajú veľkú organickú návštevnosť.
2. Vyhnite sa napĺňaniu kľúčových slov
Hoci alt text môže obsahovať relevantné kľúčové slová na zlepšenie SEO, je veľmi dôležité používať informatívny a hodnotný text, ktorý je v súlade s obsahom stránky. Vyhnite sa napĺňaniu kľúčových slov, pretože spoločnosť Google tento postup neodporúča a môže byť považovaný za neetický a neefektívny.
Kľúčové slová používajte striedmo a len tam, kde prirodzene zapadajú do opisu.
3. Majte menej ako 100 znakov
Alt text zvyčajne pozostáva z jedného slova alebo krátkej frázy. Hodnotiteľ prístupnosti funkcií navrhuje, aby texty alt nemali viac ako 100 znakov. To vám dáva dostatok priestoru na optimalizáciu textu alt, ale uistite sa, že nepíšete dlhé opisy, ktoré by mohli byť odrezané nástrojmi na čítanie obrazovky.
Príklad
Tu je príklad dobre napísaného textu alt pre obrázok zlatého retrievera, ktorý sa hrá v parku:
<img src="golden-retriever.jpg" alt="Zlatý retriever hrajúci sa na aport v slnečnom parku" title="Zlatý retriever"/>Dodržiavaním týchto osvedčených postupov môžete svoju webovú lokalitu sprístupniť všetkým používateľom a podporiť celkovú stratégiu SEO.
Ďalšie informácie o prístupnosti webu a osvedčených postupoch SEO nájdete v autoritatívnych zdrojoch, ako sú Usmernenia o prístupnosti webového obsahu (WCAG ) a Príručka pre začiatočníkov SEO od spoločnosti Google.
