Atrybut Alt

Problem: wyszukiwarki i czytniki ekranu nie „widzą" obrazów

Dla człowieka obraz mówi sam za siebie — zdjęcie śrubokręta natychmiast komunikuje narzędzie. Ale Googlebot nie analizuje pikseli tak jak ludzki mózg (przynajmniej nie w 100%). Podobnie czytnik ekranu używany przez osoby niewidome lub słabowidzące nie „widzi" obrazu — odczytuje tylko tekst. Jeśli obraz nie ma opisu, czytnik pomija go lub mówi tylko „obraz".

Atrybut alt (alternative text, tekst alternatywny) rozwiązuje ten problem: dostarcza tekstowy opis zawartości obrazu, który może być odczytany zarówno przez algorytmy Google, jak i przez technologie asystujące. To jeden z tych elementów on-page SEO, który jednocześnie poprawia widoczność w wyszukiwarkach i dostępność strony (accessibility).

Czym dokładnie jest atrybut alt?

Atrybut alt to atrybut HTML znacznika <img>. W kodzie wygląda tak:

<img src="pozycjonowanie-lokalne.jpg" alt="Mapa Google z wyróżnionym Local Pack dla frazy mechanik Kraków" />

Tekst w atrybucie alt pełni cztery funkcje jednocześnie:

• Opis dla Googlebota — pomaga robotowi zrozumieć, co przedstawia obraz i jaki ma kontekst na stronie
• Tekst dla czytników ekranu — osoby korzystające z technologii asystujących słyszą ten tekst
• Tekst zastępczy — wyświetla się w przeglądarce, gdy obraz nie może się załadować (np. zerwane połączenie)
• Kontekst dla Google Images — strony z dobrze opisanymi obrazami pojawiają się w graficznych wynikach wyszukiwania

Jak pisać dobry atrybut alt? Zasady i przykłady

Dobry alt text to zdanie (lub zwięzłe wyrażenie), które opisuje co jest na obraziei — jeśli to naturalne — zawiera powiązane słowo kluczowe. Kilka zasad:

Zasada 1: Opisuj zawartość, nie interpretację

Alt text powinien opisywać to, co widać — nie co autor chce, żeby obraz komunikował. Zdjęcie kobiety przy laptopie to „Kobieta pracująca przy laptopie z otwartym panelem Google Search Console" — nie „sukces w SEO" czy „marketing internetowy".

Zasada 2: Naturalnie wpleć słowo kluczowe (bez keyword stuffing)

Jeśli artykuł dotyczy pozycjonowania lokalnego, alt text zdjęcia wyników Google Maps może brzmieć: „Wyniki Google Maps z Local Pack dla zapytania »hydraulik Warszawa«". Słowo kluczowe jest obecne, ale nie na siłę — opisuje dosłownie to, co pokazuje obraz. Nie rób: „pozycjonowanie lokalne SEO Google Maps Warszawa hydraulik optymalizacja" — to keyword stuffing.

Zasada 3: Odpowiednia długość

Większość specjalistów SEO rekomenduje alt text krótszy niż 125 znaków. To nie jest techniczne ograniczenie HTML — to praktyczna sugestia wynikająca z możliwości czytników ekranu. Dłuższe opisy można umieścić w atrybucie longdesc lub w otaczającym tekście / figcaption.

Zasada 4: Nie zaczynaj od „Zdjęcie/Obraz..."

Czytniki ekranu automatycznie informują użytkownika, że odczytują obraz. Prefix „Zdjęcie prezentujące..." jest więc redundantny — zacznij od razu od opisu: „Mechanik naprawiający silnik..."

Różne typy obrazów — jak pisać alt text?

Atrybut alt a pozycjonowanie — jak pomaga SEO?

Google stale ulepsza rozumienie obrazów przez AI (Google Lens, modele wizji komputerowej), ale alt text i kontekst otaczającego tekstu wciąż mają znaczenie dla:

• Rankingu w Google Images — strony z dobrze opisanymi obrazami pojawiają się w graficznych wynikach dla powiązanych fraz. Dla branż wizualnych (e-commerce, wnętrza, jedzenie) ruch z Google Images może być znaczący.
• Wzmacniania sygnałów on-page — alt text z trafną frazą kluczową to dodatkowy sygnał na poziomie strony. Nie zastąpi dobrego H1 ani treści, ale uzupełnia obraz semantyczny strony.
• Dostępności i E-E-A-T — strony niedostępne (brak alt textów) mogą być niżej oceniane w kontekście E-E-A-T, zwłaszcza w sektorach zdrowia, finansów i prawa (Your Money Your Life — YMYL).
• Core Web Vitals — obrazy bez zdefiniowanych wymiarów (width/height) powodują Layout Shift (CLS). Choć to oddzielny atrybut, alt text jest często poprawiany razem z wymiarami podczas audytu technical SEO.

Jak sprawdzić alt texty na swojej stronie?

• Google Search Console → Enhancements → sprawdź błędy strukturalne
• Narzędzia deweloperskie Chrome → Accessibility → Images (sprawdza alt dla dostępności)
• Screaming Frog SEO Spider → Images → filtr „Missing Alt Text" lub „Alt Text Over X Chars"
• Ahrefs Site Audit / Semrush → On-Page → Images Issues
• WAVE (WebAIM) — bezpłatne narzędzie online sprawdzające dostępność strony

FAQ — Atrybut Alt

Czy brak atrybutu alt to błąd SEO?

Tak — i to w podwójnym sensie. Po pierwsze, Google nie może zrozumieć zawartości obrazu bez alt text. Po drugie, brak atrybutu alt (nie mylić z pustym alt!) to błąd walidacji HTML i problem z dostępnością (WCAG 2.1, kryterium 1.1.1). Narzędzia audytowe jak Screaming Frog flagują go jako błąd krytyczny.

Ile słów kluczowych mogę wstawić do alt textu?

Tyle, ile naturalnie pasuje do opisu obrazu — czyli zazwyczaj zero lub jedno. Alt text to opis obrazu, nie pole na słowa kluczowe. Upychanie fraz w alt textach (keyword stuffing) jest wykrywane przez algorytm Google i może zaszkodzić rankingowi.

Czy alt text wpływa na szybkość strony?

Bezpośrednio nie — to tylko tekst w kodzie HTML. Ale audyt alt textów często idzie w parze z optymalizacją obrazów (kompresja, format WebP/AVIF, lazy loading) — a to ma realny wpływ na szybkość strony i Core Web Vitals.

Jak pisać alt text dla obrazów w galeriach e-commerce?

Każde zdjęcie produktu powinno mieć unikalny alt text zawierający: nazwę produktu, wariant (kolor/rozmiar jeśli istotny), ewentualnie markę. Na przykład: „Buty Nike Air Max 90 kolor biały rozmiar 42 — widok z boku". Unikaj powielania identycznego alt textu dla wielu zdjęć tego samego produktu.