Atrybut ALT

Atrybut alt występuje w kodzie HTML. Jego zadaniem jest dostarczenie alternatywnego dla obrazka tekstu, gdy z jakiegoś powodu grafika nie może zostać pokazana/odczytana. Jest on przydatny dla osób, które mają problemy ze wzrokiem i korzystają ze specjalnych urządzeń/programów do surfowania po internecie. Atrybut alt wykorzystuje się również w SEO w celu zwiększenia czytelności strony dla robotów indeksujących.

Ostatnia aktualizacja: 20-08-2024
Spis treści

Gdzie stosujemy atrybut alt?

Jako użytkownik internetu na pewno masz świadomość, że umieszczanie grafik w witrynach webowych może zwiększać atrakcyjność tych witryn, wzbogacając doświadczenia estetyczno-wizualne. Ważne jest, aby w miarę możliwości każdą grafikę opatrzyć odpowiednim alternatywnym opisem, dzięki któremu odbiorca dowie się, co obraz przedstawia, nawet jeśli nie będzie w stanie go zobaczyć.

Z punktu widzenia SEO atrybut alt również ma znaczenie. Roboty odpowiedzialne za indeksację stron internetowych w wyszukiwarkach typu Google nie mają takich możliwości odczytywania obrazów jak ludzie. Z tego powodu krótkie opisanie dla nich (i nie tylko) tego, co znajduje się na zdjęciu, może być dobrym pomysłem. Na stosowanie atrybutu alt pozwalają tagi HTML typu img.

 

Korzyści ze stosowania atrybut alt

Dla seowców użycie słów kluczowych w atrybutach alt zwiększa szanse na osiągnięcie dobrych pozycji w SERP-ach – szczególnie w przypadku, kiedy użytkownik wyszukiwarki korzysta z wyszukiwania za pomocą obrazów.

Inną korzyścią, o której coraz więcej się mówi w kontekście projektowania stron internetowych i poprawy UX, jest zwiększanie dostępności witryny dla osób niewidomych i słabo widzących.

Powody dla których atrybut alt jest istotny.

 

Jakie przeglądarki obsługują atrybut alt?

Atrybut alt jest obsługiwany przez większość przeglądarek. Wśród nich można wymienić:

  • Google Chrome,
  • Microsoft Edge,
  • Mozillę Firefox,
  • Safari,
  • Operę.

 

Zastosowanie atrybutu alt – dobre praktyki

Z punktu widzenia SEO atrybut alt powinien być zastosowany wraz z odpowiednią nazwą pliku, która ma dodatkowo informować roboty indeksujące o tym, co znajduje się na zdjęciu.

Warto pamiętać, że atrybut alt powinien opisywać, co zawiera obrazek widoczny w witrynie webowej (jeśli cel grafiki jest jedynie dekoracyjny, trzeba użyć atrybutu: alt=””. Ponadto warto zawrzeć w nim informację, gdzie prowadzi link z obrazka, jeśli takowy występuje.

Stosując atrybut alt, pomyśl oczywiście o osobach niewidomych. Tekst w atrybucie alt powinien być dobrą alternatywą do zobaczenia obrazka.

 

Atrybut Alt – najczęściej zadawane pytania

Czy atrybut alt jest istotny tylko z punktu widzenia SEO?

Atrybut alt nie jest istotny wyłącznie z perspektywy SEO. Na świecie są miliony osób, które mają problemy ze wzrokiem i często korzystają z narzędzi odczytujących dla nich to, co znajduje się na ekranie. Jeśli zdjęcia są ważnym elementem Twoich treści, to niestety w pewnym sensie pomijasz tych odbiorców. Stosując atrybut alt wraz z zamieszczonymi obrazkami, sprawiasz, że specjalne urządzenia/programy pomogą wszystkim niewidomym czy słabo widzącym zorientować się, co jest na Twojej stronie.

Czy można dodawać atrybut alt w systemach CMS?

Tak. Najpopularniejsze systemy CMS, takie jak WordPress, oferują tę możliwość.

Autorzy
  • Wojciech Trojak

    SEO Project Specialist. Absolwent SGH i WSKZ, obecnie edukuje się na studiach magisterskich na WSB-NLU, gdzie zgłębia analizę danych. Profesjonalista z chęcią ciągłego rozwoju. Doskonale radzi sobie z raportowaniem, SEO oraz marketingiem PPC. Miłośnik książek i audiobooków. Po godzinach preferuje aktywny wypoczynek – narty zimą, rower latem.

Wymieńmy się doświadczeniami
Opowiedz nam o potrzebach twojej firmy, a my z pasją zajmiemy się ich wdrożeniem.

Bartosz Kastelik
Global Chief Sales Officer

Jesteśmy częścią grupy