Atrybut ALT (alternative text) to opis obrazu dodawany w kodzie HTML. Jego głównym zadaniem jest przekazanie informacji o treści grafiki, gdy ta nie może zostać wyświetlona. Ma też znaczenie dla osób niewidomych korzystających z czytników ekranu oraz dla robotów wyszukiwarek, które „nie widzą” obrazów, ale odczytują ich opisy.
Spis treści
Dlaczego atrybut ALT jest ważny?
Prawidłowo stosowany atrybut ALT:
- poprawia dostępność strony dla osób z niepełnosprawnościami,
- wspiera SEO, bo pomaga robotom zrozumieć, co znajduje się na obrazie,
- pełni rolę komunikatu zastępczego, gdy obraz się nie wczyta.
Jak wygląda w kodzie?
Najprostszy przykład:<img src="zdjecie-kota.jpg" alt="Mały kot siedzący na kanapie">
Ważne jest, aby opis danego obrazka był nie tylko zwięzły, ale również precyzyjny.
Dobre praktyki tworzenia ALT-ów
- Opisuj, co widać — skup się na istotnych szczegółach obrazu.
- Unikaj nadmiarowych słów — nie pisz „obrazek przedstawia…”.
- Dodawaj słowa kluczowe naturalnie — bez sztucznego upychania.
- Dostosuj długość — zazwyczaj wystarczy do 125 znaków.
Czego unikać w ALT-ach?
- Upychania listy słów kluczowych.
- Braku ALT-a w obrazach istotnych dla treści.
- Powtarzania tego samego ALT-a w wielu obrazkach.
- Opisywania elementów czysto dekoracyjnych (dla nich ALT powinien być pusty).
Atrybut ALT a obrazy dekoracyjne
Jeżeli obraz nie wnosi istotnej treści (np. tło, ikona ozdobna), atrybut ALT można zostawić pusty:<img src="linia-dekoracyjna.png" alt="">
Dzięki temu czytniki ekranu go pomijają, co poprawia komfort użytkownika.
ALT i SEO – jak pomaga w pozycjonowaniu?
Roboty wyszukiwarek wykorzystują ALT do indeksowania obrazów. Jeśli chcesz, aby grafika była widoczna w Google Grafika, dodanie odpowiedniego opisu zwiększa szansę na wyświetlenie. Dobrze opisany ALT może też poprawić kontekst całej strony, co wpływa na pozycję w wynikach wyszukiwania.
