Czym jest atrybut ALT?

Atrybut ALT, czyli opis alternatywny, to fragment kodu HTML dodawany do znacznika obrazu. Jego zadaniem jest opisanie tego, co znajduje się na grafice. Jeśli obraz się nie załaduje, przeglądarka może wyświetlić właśnie tekst alternatywny. Jeśli użytkownik korzysta z czytnika ekranu, opis ALT może zostać odczytany zamiast obrazu.

W praktyce ALT działa na styku trzech tematów: SEO, dostępności i zwykłej użyteczności strony. Dla Google jest sygnałem pomagającym zrozumieć, co przedstawia obraz i jak ten obraz łączy się z treścią strony. Dla osoby niewidomej albo słabowidzącej jest informacją, dlaczego grafika znalazła się w artykule. Dla użytkownika, któremu obraz się nie załadował, jest ratunkiem przed pustym miejscem.

Opis ALT nie powinien być miejscem do upychania fraz. To nie jest schowek na słowa kluczowe. To opis obrazu. Krótki, konkretny i zgodny z kontekstem. Jeśli na zdjęciu jest „obraz Moneta Plaża w Pourville w Muzeum Narodowym w Poznaniu”, to taki opis ma sens. Jeśli ALT brzmi „pozycjonowanie zdjęć Poznań SEO grafiki optymalizacja obrazów tanio”, to nie jest optymalizacja. To desperacja w kodzie.

W starym przykładzie celowo zmieniony był adres pliku, aby pokazać, co dzieje się wtedy, gdy grafika nie zostanie załadowana. Wtedy użytkownik zamiast obrazu widzi opis ALT. I właśnie dlatego warto pisać go tak, żeby mówił cokolwiek sensownego.

Czym jest Title obrazu?

Title obrazu to dodatkowy atrybut, który można dodać do znacznika graficznego. Najczęściej kojarzy się z małym dymkiem, który pojawia się po najechaniu kursorem myszy na obraz. W odróżnieniu od ALT, title nie jest podstawowym opisem alternatywnym i nie powinien go zastępować.

Title bywa użyteczny, jeśli chcesz dodać krótką informację pomocniczą. Może dopowiadać kontekst, rozwijać tytuł grafiki albo pełnić funkcję delikatnej wskazówki. Ale nie należy traktować go jako kluczowego elementu SEO. W praktyce największe znaczenie ma ALT, kontekst strony, nazwa pliku, podpis, otaczający tekst i jakość samego obrazu.

Krótko: ALT opisuje obraz. Title może coś dopowiedzieć. Jeśli masz czas uzupełnić tylko jedno pole, zacznij od ALT. Jeśli uzupełniasz oba, nie kopiuj bezmyślnie tej samej treści wszędzie.

ALT a Title — najważniejsze różnice

Ta różnica jest ważna, bo wiele osób traktuje ALT i Title jak dwa identyczne pola do wklejenia frazy. To błąd. Jeśli oba atrybuty są takie same, świat się nie zawali, ale zwykle nie ma w tym większej myśli. Lepiej rozdzielić ich funkcje.

Jak Google wykorzystuje ALT?

Google analizuje obrazy szerzej niż tylko przez ALT. Atrybut ALT jest ważny, ale nie działa samotnie. Wyszukiwarka patrzy także na nazwę pliku, podpis pod obrazem, tekst otaczający grafikę, temat całej podstrony, linkowanie, strukturę HTML i jakość samego pliku.

Jeśli piszesz artykuł o optymalizacji grafik, a obok akapitu o atrybucie ALT znajduje się obraz pokazujący przykład brakującej grafiki z opisem alternatywnym, Google ma spójny kontekst. Obraz, tekst i nagłówek mówią o tym samym. To jest zdrowa sytuacja.

Jeśli natomiast wrzucasz przypadkowe zdjęcie z banku zdjęć, nazywasz plik IMG_0002.jpg, w ALT wpisujesz „pozycjonowanie Poznań tanio skutecznie najlepsza agencja”, a tekst obok dotyczy czegoś innego, to nie jest SEO. To jest bałagan z frazą.

ALT ma szczególne znaczenie w Google Images. Pomaga wyszukiwarce zrozumieć, co przedstawia obraz i z jakim tematem jest powiązany. Ale nawet najlepszy ALT nie uratuje grafiki, jeśli obraz jest słabej jakości, nie pasuje do treści, jest zduplikowany na setkach stron albo nie da się go prawidłowo zaindeksować.

Dlatego przy SEO grafik trzeba myśleć o całości. ALT, nazwa pliku, podpis, kontekst, rozmiar, szybkość ładowania i sens obrazu. Dopiero razem tworzą układ, który ma szansę pomagać stronie.

Jak pisać dobre opisy ALT?

Dobry opis ALT jest prosty. Ma opisywać obraz tak, żeby człowiek, który go nie widzi, mógł zrozumieć, po co ta grafika jest w treści. Nie trzeba robić z tego literatury, ale nie warto też pisać byle czego.

• Opisuj obraz. Nie opisuj swoich ambicji SEO. Jeśli na zdjęciu jest obraz Moneta, napisz, że to obraz Moneta.
• Pisz naturalnie. ALT powinien brzmieć jak normalny opis, nie jak worek fraz.
• Uwzględnij kontekst. Ten sam obraz może mieć inny ALT w artykule o muzeum, a inny w poradniku o kompresji zdjęć.
• Nie zaczynaj od „obraz przedstawia”. Czytnik ekranu i tak wie, że ma do czynienia z obrazem. Lepiej przejść do konkretu.
• Nie zostawiaj pustego ALT tam, gdzie obraz wnosi treść. Jeśli grafika coś wyjaśnia, pokaż to w opisie.
• Nie spamuj frazami. Jedna naturalna fraza wystarczy, jeśli naprawdę pasuje do obrazu.

Przykład słaby:

alt="seo pozycjonowanie zdjęć grafiki optymalizacja obrazów Poznań"

Przykład lepszy:

alt="Przykład opisu ALT widocznego po błędnym załadowaniu obrazu"

Jeszcze lepszy, jeśli pasuje do konkretnego obrazu:

alt="Opis alternatywny zdjęcia Moneta widoczny po błędnym załadowaniu grafiki"

Nie chodzi o to, żeby ALT był długi. Chodzi o to, żeby był trafny.

Kiedy ALT powinien być pusty?

To może brzmieć dziwnie, ale nie każda grafika musi mieć opisowy ALT. Jeśli obraz jest wyłącznie dekoracyjny, może mieć pusty atrybut alt="". Dzięki temu czytnik ekranu może go pominąć i nie męczyć użytkownika informacją, która nic nie wnosi.

Przykład: ozdobna kreska, ikonka tła, dekoracyjna plama koloru, element layoutu bez znaczenia informacyjnego. Jeśli taki obraz dostanie opis „ozdobna fala niebieska”, użytkownik czytnika ekranu nie zyska nic poza irytacją.

Inaczej jest z obrazami, które niosą informację: zdjęcia produktów, wykresy, infografiki, screeny instruktażowe, zdjęcia realizacji, mapy, schematy, portfolio. Tam ALT powinien istnieć i mówić coś konkretnego.

Najprostsze pytanie brzmi: czy użytkownik straci sens treści, jeśli nie zobaczy tej grafiki? Jeśli tak, ALT powinien pomóc. Jeśli nie, pusty ALT może być lepszy niż opis na siłę.

Czy warto używać Title?

Tak, ale spokojnie. Title nie zastępuje ALT i nie powinien być traktowany jako główny element SEO grafik. Może pomagać użytkownikowi, jeśli dodaje kontekst, ale nie jest miejscem na agresywne nasycenie frazami.

Title ma sens przy obrazach, które wymagają krótkiego dopowiedzenia. Może zawierać nazwę dzieła, autora, datę, miejsce, dodatkowy komentarz albo wyjaśnienie skrótu. Ale jeśli title jest tylko kopią ALT, często niewiele wnosi.

Praktycznie można przyjąć prostą zasadę: ALT pisz dla dostępności i zrozumienia obrazu. Title traktuj jako opcjonalną notatkę. Jeśli nie masz sensownego title, nie wymyślaj go na siłę.

Nazwa pliku też ma znaczenie

To jest oczywista oczywistość, ale warto ją powtarzać. Jak sądzisz, które zdjęcie będzie lepiej zrozumiane przez Google?

0002.jpg czy pozycjonowanie-zdjec.jpg?

Druga nazwa jest lepsza, bo mówi cokolwiek o zawartości obrazu. Pierwsza jest tylko numerem. Tak, Google potrafi analizować obraz na wiele sposobów. Nie, to nie znaczy, że trzeba utrudniać mu życie.

Dobra nazwa pliku powinna być:

• krótka,
• opisowa,
• pisana małymi literami,
• rozdzielona myślnikami,
• bez polskich znaków,
• bez przypadkowych numerów, jeśli nie są potrzebne.

Przykłady:

• opis-alt-grafiki-przyklad.jpg
• kompresja-zdjec-przed-i-po.webp
• pozycjonowanie-obrazow-google-images.png

Nazwa pliku nie zastąpi ALT, ale jest kolejnym elementem kontekstu. A SEO grafik składa się właśnie z takich małych, logicznych sygnałów.

UX — dlaczego warto definiować rozmiary obrazów

Przy zamieszczaniu grafik na stronie warto definiować ich rozmiary. Chodzi o atrybuty width i height, które pozwalają przeglądarce zarezerwować miejsce na obraz jeszcze przed jego pełnym załadowaniem.

Dlaczego to ważne? Często zoptymalizowane strony korzystają z opóźnionego ładowania zdjęć. Najpierw pojawia się tekst, dopiero później grafika. Jeśli zdjęcie ma zdefiniowane rozmiary, w układzie strony od początku pojawia się miejsce przeznaczone na obraz. Jeśli wymiarów nie ma, po załadowaniu grafiki tekst może przesunąć się niżej.

Użytkownik zaczyna czytać, chce kliknąć link, a strona nagle skacze. Klik trafia gdzie indziej. Tekst ucieka. Nerwy rosną. To jest właśnie problem layout shift, czyli przesunięcia układu. W Core Web Vitals mierzy się to między innymi przez CLS — Cumulative Layout Shift.

Dlatego wymiary grafik nie są drobiazgiem dla pedantów. To część UX i technicznej optymalizacji strony. Dobrze opisany obraz, który rozwala układ strony, nadal jest problemem. SEO nie kończy się na ALT.

Najczęstsze błędy przy ALT i Title

Błędy przy opisach grafik są powtarzalne. Widać je w audytach SEO, sklepach internetowych, blogach i stronach usługowych.

• ALT jako nazwa pliku. alt="IMG_0002.jpg" nie mówi nic sensownego.
• ALT jako worek fraz. Upychanie słów kluczowych wygląda źle i nie pomaga użytkownikowi.
• Pusty ALT przy ważnych grafikach. Jeśli obraz wyjaśnia treść, nie powinien być niewidzialny dla czytników ekranu.
• Opis identyczny dla wszystkich zdjęć. Dziesięć różnych obrazów z tym samym ALT to lenistwo, nie optymalizacja.
• Brak width i height. Obraz może powodować przesunięcia układu i pogarszać UX.
• Brak sensownej nazwy pliku. Losowe nazwy nie pomagają ani w porządku na serwerze, ani w SEO grafik.
• Kopiowanie ALT do Title bez zastanowienia. Można, ale po co, jeśli nic to nie wnosi?

Najgorsze jest jednak myślenie, że ALT to tylko pole do odhaczenia. Nie. To mały opis, który ma pomóc zrozumieć obraz. Jeśli nie pomaga, jest źle napisany.

Wnioski

1. ALT opisuje obraz, a nie słowa kluczowe. Fraza może się pojawić, jeśli wynika z obrazu i kontekstu. Jeśli jest doklejona na siłę, robi się spam w miniaturze.

2. Google analizuje obraz szerzej niż tylko przez ALT. Liczy się też nazwa pliku, podpis, otaczający tekst, jakość obrazu, struktura strony i to, czy grafika pasuje do tematu.

3. Dobrze opisana grafika pomaga zarówno SEO, jak i użytkownikowi. To rzadki przypadek, w którym techniczna optymalizacja, dostępność i zdrowy rozsądek idą w tę samą stronę. Warto z tego korzystać.