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