Jaką rolę pełni atrybut ALT przy obrazku na stronie?

Czas czytania 3 minuty

Najprościej tłumacząc atrybut ALT (ang. alternative text) to tekst alternatywny dla obiektu wyświetlanego w IMG czyli dla jakieś grafiki, obrazka lub zdjęcia.

Kiedy ALT jest widoczny na stronie?

Tekst ten z założenia powinien się pojawić w sytuacji kiedy z jakiegoś powodu nie można wyświetlić obrazu. Powody takiej sytuacji mogą być różne od usunięcia zasobu z serwera po zwykły błąd w lokalizacji lub nazwie pliku. Atrybut ten ma jednak jeszcze inną rolę. Informuje on bowiem wyszukiwarki o tym co znajduje się na obrazku. W praktyce powoduje to, że ALT jest bardzo pomocny w procesie pozycjonowania witryn internetowych.

<img src="sciezka-do-obrazu/obraz.jpg" alt="alternatywny opis obrazu">

Poniżej znajduje się przykład po lewej strona z obrazkiem po prawej kiedy obrazek się nie wyświetli.

co pokaże się kiedy nie ma obrazu
co pokaże się kiedy nie ma obrazu – po prawej

Dlaczego warto o pamiętać o dodawaniu ALT do grafik!

Wyszukiwarki internetowe postrzegają obrazy zamieszczone na stronach w inny sposób niż ludzie. Nie są one w stanie określić co tak naprawdę mieści się na grafice. Dlatego też z pomocą ALT możemy je nawet oszukać. Czyli zamiast napisać co tak naprawdę na nim jest umieścić na stronie frazę kluczową lub bardzo krótki dodatkowy tekst.

budowa obrazka - jak dodać obrazek do strony
budowa obrazka – jak dodać obrazek do strony, web page

Co się stanie jeśli pominiemy ALT?

W sytuacji kiedy przy grafice nie ma atrybuty ALT, wyszukiwarki nie do końca wiedzą co mają z nim zrobić. W praktyce często ignorują więc obraz. Co jest bardzo dużą dla nas stratą. W tym miejscu przypominam, że np. w Google można też szukać po grafikach.

<img src="sciezka-do-obrazka/obrazek.jpg" alt="">

Atrybut TITLE przy obrazie

Atrybut ten jest mniej ważny od ALT nie mniej jednak czasami warto jest z niego korzystać. TITLE to nic innego jak tekst pojawiający się kiedy najedziemy na obrazek np.:

(alternative text) na stronie internetowej

W przykładzie title został ustawiony jako „budowa obrazka„. Poniżej możecie zobaczyć jak dodać tytuł do obrazka:

<img src="sciezka-do-obrazka/obrazek.jpg" alt="Opis obrazka" title="tytuł obrazka">

Atrybut ten przez systemy CMS takie jak WordPress czasem jest pomijany.

Prawidłowe nazewnictwo obrazów

Skro już jesteśmy przy obrazkach warto wspomnieć tu o jego nazwie. Jeśli zależy nam bowiem na poprawie pozycji w wynikach wyszukiwania warto zwrócić na nią również uwagę. Czyli w praktyce niech jej nazwa również będzie frazą. Oczywiście bez polskich znaków – niestety w dalszym ciągu bywają one problematyczne.

<img src="sciezka-do-obrazka/bez-polskich-znakow.png" alt="bez polskich znaków">

Podsumowanie

Z pewnością w tym, krótkim wpisie nie wyczerpałam całego tematu. O ALT w kontekście pozycjonowania a szczególności SEO można całkiem sporo powiedzieć. Chociaż by od strony dobierania fraz jakie można z jego pomocą umieścić. Z własnego doświadczenia mogę tu dodać, że słowa te nie muszą nigdzie się pojawiać widoczne na stronie. Bo jeśli pokrywają się choć by częściowo np. z nazwą obrazu to mogą spowodować, że strona zacznie pojawiać się na dane wyrazy w wynikach wyszukiwania.