Słownik Pojęć

Czym jest Atrybut ALT?

w tym wpisie dowiesz się czym jest atrybut alt.

Atrybut ALT – definicja i funkcja

Atrybut ALT (ang. alternative text, potocznie „opis alternatywny”) to fragment kodu HTML używany do opisania zawartości obrazu na stronie internetowej. Choć zwykły użytkownik nie widzi go podczas przeglądania witryny, pełni on trzy kluczowe role:

Dostępność (Accessibility): Czytniki ekranu, z których korzystają osoby niewidome i niedowidzące, odczytują tekst alternatywny na głos, pozwalając tym osobom „zobaczyć” treść grafiki.
SEO (Pozycjonowanie): Roboty wyszukiwarek nie potrafią (jeszcze w pełni idealnie) interpretować zawartości wizualnej obrazów. Atrybut ALT podpowiada im, co znajduje się na zdjęciu, co pomaga wyświetlać Twoją stronę w wynikach Google Grafika.
Fallback (Tekst zastępczy): Jeśli z powodu błędu serwera lub wolnego łącza obrazek się nie załaduje, przeglądarka wyświetli w jego miejscu właśnie tekst zawarty w atrybucie ALT.

Jak wygląda kod atrybutu ALT?

W czystym kodzie HTML zapisuje się go wewnątrz znacznika obrazu:

Zasady tworzenia perfekcyjnych opisów ALT

Tworzenie dobrych opisów to sztuka balansu między SEO a użytecznością:

Bądź precyzyjny: Opisz dokładnie to, co jest na obrazku (np. „Złoty retriever biegnący po trawie z piłką” zamiast samego „Pies”).
Używaj słów kluczowych naturalnie: Jeśli obrazek jest powiązany z tematem artykułu, wpleć słowo kluczowe, ale nie przesadzaj.
Nie zaczynaj od „Obrazek przedstawia…”: Czytniki ekranu i Google wiedzą, że to grafika. Przejdź od razu do konkretów.
Puste ALT dla elementów dekoracyjnych: Jeśli obrazek to tylko linia oddzielająca tekst lub ozdobny zawijas, zostaw atrybut pusty (alt=””), aby czytniki ekranu go ignorowały i nie rozpraszały użytkownika.
Długość: Staraj się nie przekraczać 125 znaków – to standardowy limit, przy którym niektóre czytniki ekranu przestają czytać tekst.

Najczęstsze błędy (Keyword Stuffing)

Największym grzechem w SEO jest tzw. upychanie słów kluczowych w ALT-ach. Wpisanie alt=”buty sportowe, tanie buty, kup buty, sklep z butami” pod zdjęciem biegacza nie pomoże w rankingu, a może zostać uznane przez Google za spam.

Ciekawostka o Atrybucie ALT

To nie to samo co „Title”: Atrybut ALT i atrybut Title to dwa różne parametry. alt jest dla robotów i dostępności, a title to tekst, który pojawia się w małym dymku, gdy najedziesz myszką na obrazek. Z perspektywy SEO to ALT ma znacznie większą wagę.
Wpływ na e-commerce: Poprawne opisy ALT w sklepach internetowych potrafią generować nawet 20-30% ruchu z samej wyszukiwarki obrazów, ponieważ wielu klientów zaczyna zakupy od przeglądania zdjęć produktów w Google Grafika.