Alt Text: Čo to je a ako ho napísať

Úvod

V tejto príručke sa dozviete o alternatívnom texte (známom ako alt text): čo to je, prečo je dôležitý pre SEO na stránke, ako ho správne používať a ďalšie informácie.

Alt text sa často prehliada, ale mal by byť na každom obrázku na vašej webovej stránke. Viac informácií je lepšie a preklad vizuálnych informácií do textu je pre roboty vyhľadávačov a používateľov s čítačkami obrazovky kľúčový. Alt text je zdrojom informácií, ktoré spájajú myšlienky a obsah na vašej webovej lokalite.

Táto praktická príručka obsahuje tipy a rady, ktoré môžete okamžite použiť na zlepšenie SEO optimalizácie a prístupnosti vašich webových stránok.

Čo je Alt Text?

Alternatívny text (alebo alt text) - známy aj ako atribút alt alebo značka alt (čo nie je technicky správne, pretože nejde o značku) - je časť textu, ktorá opisuje obrázok v kóde HTML.

Aké sú možnosti použitia textu Alt?

Pôvodnou funkciou textu alt bolo opísať obrázok, ktorý sa nedal načítať. Pred rokmi, keď bol internet pomalší, text alt pomáhal používateľom pochopiť obsah obrázka, ktorý bol príliš ťažký na načítanie.

Text alt dnes pomáha robotom vyhľadávačov pochopiť obsah a kontext obrázka. Čo je však ešte dôležitejšie, text alt je dôležitý pre prístupnosť a pre ľudí používajúcich čítačky obrazovky:

• Pre dostupnosť: Alt text pomáha ľuďom so zdravotným postihnutím (napríklad používateľom čítačiek obrazovky) pochopiť obsah obrázka.

• Pre SEO: Alt text poskytuje vyhľadávačom ďalší kontext, ktorý im pomáha lepšie pochopiť obsah stránky.

Prečo je text Alt dôležitý

Web je vizuálny zážitok, preto je text alt veľmi dôležitý. Prekladá obsah obrázka do slov, čím ho sprístupňuje širšiemu publiku vrátane ľudí so zdravotným postihnutím a robotov vyhľadávačov, ktoré ešte nie sú dostatočne inteligentné na to, aby úplne pochopili každý obrázok, jeho kontext a význam.

Prečo je Alt Text dôležitý pre SEO

Alt text je základným prvkom optimalizácie SEO na stránke. Správna optimalizácia textu alt zlepšuje šance vašej webovej lokality na umiestnenie vo vyhľadávaní obrázkov v službe Google, čo môže byť významným zdrojom návštevnosti, najmä pre webové lokality elektronického obchodu, kde používatelia často začínajú vyhľadávanie produktov vyhľadávaním obrázkov v službe Google.

Prečo je Alt Text dôležitý pre prístupnosť

Okrem SEO je alt text veľmi dôležitý pre prístupnosť, aby bol web prístupný pre všetkých vrátane ľudí so zdravotným postihnutím, ktorí používajú čítačky obrazovky. Opis obsahu obrázka v texte alt pomáha týmto používateľom pochopiť obrázok a obsah stránky.

Príklady textu Alt

Príklady dobrého textu Alt

Zvážte príručku auditu SEO, ktorá obsahuje snímky obrazovky z nástrojov, ako sú Google Search Console a Screaming Frog. Medzi dobré príklady alt textu patria:

<img src="google-search-console-coverage-report.jpg" alt="Správa o pokrytí v službe Google Search Console zobrazujúca počet indexovaných a vylúčených stránok"> <img src="google-search-console.jpg" alt="Nástroj Google Search Console od spoločnosti Google"> <img src="screaming-frog-html-pages.jpg" alt="Zoznam stránok HTML v nástroji Screaming Frog"> <img src="screaming-frog.jpg" alt="Prehľadávanie nástroja Screaming Frog v priebehu">

Príklady zlého a/alebo spamového textu Alt

Príkladom zlého textu alt je napĺňanie kľúčovými slovami alebo spamovanie:

<img src="google-search-console-coverage-report.jpg" alt="seo audit zadarmo, seo audit lacný, seo audit špecialista, seo audit, seo audity"> <img src="google-search-console.jpg" alt="google seo, seo google, google, seo, google search console seo"> <img src="screaming-frog-html-pages.jpg" alt="seo auditor, seo audit, seo audity"> <img src="screaming-frog.jpg" alt="seo audit">

Časté chyby v texte Alt

• Nepoužitie alt textu alebo použitie prázdneho alt textu.

• Používanie rovnakého textu alt pre rôzne obrázky.

• Používanie veľmi všeobecného textu alt, ktorý neopisuje obrázok.

• Automaticky použije názov súboru ako text alt.

Tipy na písanie textu Alt

• Nevypĺňajte kľúčové slová do textu alt.

• Podrobne opíšte obrázok, ale relatívne stručne.

• Cieľové kľúčové slová používajte prirodzene ako súčasť opisu obrázka.

• Nepoužívajte text na obrázkoch. Všetok text pridávajte do kódu HTML.

• Nepíšte "toto je obraz". Len opíšte obsah obrázka.

• Uistite sa, že si dokážete predstaviť obsah obrázka len prečítaním jeho textu alt.

Ako vyriešiť problémy s textom Alt obrázka

Kontrola prvkov

Skontrolujte prvok (kliknite pravým tlačidlom myši a vyberte položku Skontrolovať po prejdení nad obrázok) a skontrolujte, či má daný obrázok text alt.

Hromadná analýza

Na hromadnú analýzu použite nástroje ako Screaming Frog alebo Sitebulb na prehľadávanie webu a preskúmanie textu alt všetkých obrázkov na webovej lokalite.

Alt text sa nemusí zdať ako priorita, ale je dôležitý

Každý zdroj informácií o vašom obsahu má hodnotu. Či už ide o používateľov so zrakovým postihnutím, alebo o roboty, alt text pomáha kontextualizovať obrázky na vašich webových stránkach. Preukázanie záväzku k prístupnosti je tiež dôležitou súčasťou moderného digitálneho marketingu.

ČASTO KLADENÉ OTÁZKY

Na čo slúži alt text v jazyku HTML?

Alt text poskytuje textový opis obrázka, ak ho nie je možné zobraziť, čím pomáha používateľom pochopiť obsah obrázka a robotom vyhľadávačov pochopiť predmet obrázka.

Môže alt text zlepšiť prístupnosť webových stránok?

Áno, text alt je pre prístupnosť webových stránok veľmi dôležitý. Prevádza vizuálne informácie do opisného textu, ktorý môžu čítať čítačky obrazovky používané používateľmi so zrakovým postihnutím, čím sa web stáva prístupnejším.

Dodržiavaním týchto tipov môžete zabezpečiť, aby boli obrázky na vašich webových stránkach prístupné a optimalizované pre SEO, čím sa zlepší používateľský zážitok aj výkonnosť vyhľadávačov.