Tekst alternatywny opisujący zawartość obrazu na stronie internetowej, używany przez przeglądarki i technologie asystujące.
Definicja atrybutu ALT
Atrybut ALT (ang. alternative text) to właściwość w języku HTML, która opisuje obraz w przypadku, gdy nie może on zostać załadowany lub użytkownik korzysta z czytników ekranowych. Tekst alternatywny jest kluczowy zarówno dla dostępności (web accessibility), jak i SEO, pomagając wyszukiwarkom lepiej zrozumieć kontekst strony.
Rozwinięcie definicji atrybutu ALT
Atrybut ALT znajduje się w tagu HTML <img> i pełni kilka ważnych funkcji:
- Dostępność: Opisuje obraz dla osób niewidomych i niedowidzących, korzystających z czytników ekranowych.
- SEO: Pomaga wyszukiwarkom zrozumieć zawartość obrazu i przypisać go do odpowiednich wyników wyszukiwania graficznego.
- Zastępcza treść: Wyświetla się w sytuacji, gdy obraz nie może być załadowany (np. z powodu błędu połączenia).
Przykład atrybutu ALT:
<img src="pies.jpg" alt="Uśmiechnięty pies rasy golden retriever na trawie">
Przykłady zastosowania atrybutu ALT w praktyce
- Sklep internetowy: Atrybut ALT dla zdjęcia produktu może brzmieć: „Buty sportowe Nike Air Max 2023 w kolorze czarnym”.
- Blog: Na stronie podróżniczej obrazek przedstawiający plażę może mieć ALT: „Piękna plaża z białym piaskiem na Malediwach”.
Powiązane narzędzia lub techniki
- Google Search Console: Monitoruje błędy związane z obrazami, w tym brakujące atrybuty ALT.
- Wave Accessibility Tool: Narzędzie sprawdzające dostępność strony, w tym poprawność i obecność atrybutów ALT.
- Optymalizacja obrazów: Techniki zmniejszania rozmiaru plików graficznych i nadawania im opisowych nazw przed implementacją.
Zalecenia i dobre praktyki
- Opisuj kontekstowo: Tekst ALT powinien precyzyjnie oddawać, co przedstawia obraz w kontekście strony.
- Unikaj powtarzalności: Nie wstawiaj takich samych opisów dla wielu obrazów na tej samej stronie.
- Nie przesadzaj z frazami kluczowymi: Używaj słów kluczowych naturalnie, bez sztucznego upychania ich w ALT.
- Oznacz dekoracyjne obrazy: W przypadku obrazów czysto dekoracyjnych użyj pustego atrybutu ALT (
alt="").
Powiązane pojęcia do atrybutu ALT
- Atrybut TITLE: Dodatkowy opis obrazu wyświetlany jako dymek po najechaniu myszką.
- Dostępność (Web Accessibility): Zbiór zasad projektowania stron internetowych, uwzględniający potrzeby osób z niepełnosprawnościami.
- SEO obrazów: Optymalizacja grafik na stronie, obejmująca m.in. użycie odpowiednich nazw plików, atrybutu ALT i kompresji.
FAQ
Czy wszystkie obrazy muszą mieć atrybut ALT?
Tak, każdy obraz powinien posiadać atrybut ALT, nawet jeśli jest pusty (alt="") w przypadku grafik dekoracyjnych.
Czy tekst ALT wpływa na pozycjonowanie strony?
Tak, odpowiednio opisane atrybuty ALT mogą poprawić widoczność strony w wynikach wyszukiwania grafiki oraz ogólne SEO strony.
Podsumowanie
Atrybut ALT to kluczowy element HTML, który zwiększa dostępność stron internetowych i wspiera SEO. Poprawnie opisane obrazy nie tylko pomagają użytkownikom korzystającym z czytników ekranowych, ale również zwiększają widoczność witryny w wyszukiwarkach.
„Zadbaj o teksty ALT, aby Twoja strona była bardziej przyjazna i widoczna w sieci!”