Co to jest atrybut ALT? Słownik Pojęć

Q: Co to jest atrybut ALT?

Atrybut ALT to tekst alternatywny przypisany do obrazka w HTML. Opisuje, co przedstawia grafika, gdy przeglądarka nie może jej wyświetlić, i pomaga technologiom wspomagającym, takim jak czytniki ekranu.

Q: Czy każdy obrazek na stronie musi mieć ALT?

Tak, w kodzie warto dodać atrybut alt do każdego obrazu. Dla grafik informacyjnych wpisz opis, a dla dekoracyjnych użyj pustego ALT, czyli alt="".

Atrybut ALT w SEO i dostępności

W SEO tekst alternatywny pomaga wyszukiwarkom lepiej rozumieć zawartość grafiki. Ma znaczenie zwłaszcza wtedy, gdy obraz jest częścią treści i wnosi informację, np. pokazuje produkt, wykres albo element instrukcji. Nie należy jednak upychać w nim słów kluczowych. Opis powinien pasować do obrazu i brzmieć naturalnie.

W dostępności ALT ma równie ważną rolę. Czytnik ekranu może odczytać poprawny opis, na przykład: „czarny kot siedzący na drewnianym krześle”. Jeśli ALT nie ma albo jest pusty tam, gdzie powinien być opis, użytkownik może usłyszeć jedynie nazwę pliku, np. „image123.jpg”, co nic nie wyjaśnia. Dlatego tekst alternatywny wspiera osoby niewidome i słabowidzące, a nie tylko wyszukiwarki.

Coraz częściej opisy ALT pomaga tworzyć sztuczna inteligencja w CMS-ach i wtyczkach. Taki automatyczny opis bywa dobrym punktem wyjścia, ale warto go sprawdzić ręcznie. AI nie zawsze rozpoznaje kontekst obrazu, markę, produkt lub intencję treści.

Warto wiedzieć

Jeśli obraz ma charakter wyłącznie dekoracyjny, zwykle stosuje się pusty ALT, czyli alt="". Dzięki temu czytnik ekranu pomija taką grafikę i nie rozprasza użytkownika.

Użycie ALT na stronie

ALT zapisuje się w znaczniku obrazu jako atrybut alt. W praktyce wygląda to tak: <img src="adres-grafiki.jpg" alt="opis alternatywny">. W atrybucie src wskazujesz adres URL pliku graficznego. Opis ALT powinien być krótki, konkretny i zgodny z treścią obrazu.

Ważne jest też naturalne pozycjonowanie grafiki. Gdy obraz wspiera treść, dobrze opisany ALT może pomóc wyszukiwarce zrozumieć temat strony. Więcej o tym przeczytasz w materiale o pozycjonowaniu grafiki.

Nie każdy obraz wymaga tak samo rozbudowanego opisu. Jeśli grafika pokazuje konkretną informację, opisz ją prosto i jednoznacznie. Jeśli jest tylko ozdobą, zostaw pusty ALT.

Najczęściej zadawane pytania

Czy atrybut ALT jest widoczny na stronie?

Na co dzień nie. Użytkownik widzi go tylko wtedy, gdy grafika się nie załaduje albo gdy odczytuje go technologia wspomagająca. W kodzie HTML ALT zawsze powinien być obecny.

Jak długi powinien być tekst ALT?

Powinien być krótki i precyzyjny. Najczęściej wystarczy jedno zwięzłe zdanie, które opisuje to, co faktycznie widać na obrazie. Nie trzeba dodawać zbędnych słów kluczowych.

Czy każdy obrazek na stronie musi mieć ALT?

Tak, w kodzie warto dodać atrybut alt do każdego obrazu. Dla grafik informacyjnych wpisz opis, a dla dekoracyjnych użyj pustego ALT, czyli alt="".

Czym różni się atrybut ALT od TITLE obrazka?

ALT opisuje obraz i wspiera SEO oraz dostępność. TITLE to opcjonalna podpowiedź, która zwykle pojawia się po najechaniu kursorem. Nie zastępuje ALT i nie ma dla niego takiego znaczenia.

Ostatnia aktualizacja: 11 czerwca 2026

Czy ta definicja była dla Ciebie pomocna?

(4.8/5), głosów: 181

Ocena strony:

Dariusz Kmiecik

Pozyskuj klientów online i zwiększaj zyski dzięki reklamie w Internecie!

Skontaktuj się z nami

Powiązane Artykuły

Meta description — dlaczego warto tworzyć atrakcyjne opisy?

Co to jest atrybut ALT?

Definicja