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

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.

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.

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.:

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.