Atrybut ALT

Atrybut alt (alternative text) to opis alternatywny stosowany w znaczniku <img> w kodzie HTML, który informuje, co znajduje się na obrazie, gdy ten nie może zostać wyświetlony. Jest również wykorzystywany przez czytniki ekranu do opisywania zawartości graficznej osobom niewidomym lub słabowidzącym. Atrybut alt pełni więc funkcję zarówno dostępnościową, jak i SEO.

Dlaczego atrybut ALT jest ważny?

Atrybut alt pomaga zrozumieć kontekst obrazu, wspiera indeksowanie grafik przez wyszukiwarki i poprawia ogólną jakość strony z punktu widzenia SEO. W przypadku błędów ładowania obrazu, jego zawartość opisana w alt nadal będzie dostępna dla użytkownika. Dobrze napisany tekst alternatywny powinien być zwięzły, konkretny i opisywać funkcję lub zawartość obrazu – np. „logo firmy X” zamiast „grafika”.

Przykład użycia:

<img src="produkt.jpg" alt="Czarna skórzana torba na laptopa 15 cali" />

Z punktu widzenia SEO, atrybut alt może zawierać słowa kluczowe, ale ich nadużywanie (tzw. keyword stuffing) jest niewskazane i może zaszkodzić. Warto również pamiętać, że dekoracyjne grafiki (np. linie, tła) mogą mieć pusty atrybut alt="", co sygnalizuje, że nie wymagają opisu.