Atrybut ALT – definicja, co to jest?

Atrybut ALT znany również jako „opis alternatywny”, jest atrybutem HTML stosowanym do znaczników zdjęć w celu zapewnienia alternatywy tekstowej dla wyszukiwarek internetowych. Zastosowanie alt tagów do np. zdjęć produktów może pozytywnie wpłynąć na pozycję strony internetowej w wynikach wyszukiwania. Znaczniki alt są jednym z najbardziej podstawowych elementów tworzącym dostępną dla Google witrynę internetową, gdzie jeśli obrazek nie może zostać wyświetlony na stronie internetowej to w jego miejsce zostaje właśnie umieszczony tekst alternatywny.

Dlaczego atrybut ALT jest tak ważny?

Istnieją dwie grupy odbiorców, dla których atrybuty ALT obrazków są bardzo potrzebne:

• Roboty Google – jak już zostało to wcześniej wspomniane w definicji, wyszukiwarki internetowe wysyłają boty, które odkrywają zawartość danej strony internetowej. Tekst ALT pomaga im lepiej zrozumieć kontekst obrazu i tekstu, a także pomaga w klasyfikacji obrazu w samych graficznych wynikach wyszukiwania Google. W rezultacie opis alternatywny jest jednym z czynników SEO;
• Niepełnosprawni ludzie – osoby mające trudności w czytaniu często używają oprogramowania, które czyta tekst zawarty na przeszukiwanej stronie internetowej. Kiedy oprogramowanie to napotyka obraz, nie potrafi go samo opowiedzieć, więc w takiej sytuacji program odczytuje na głos tekst alternatywny. Atrybuty są również przydatne dla użytkowników przeglądających strony internetowe na czytnikach lub przeglądarkach, które nie są w stanie przetwarzać obrazów.

Jak powinien wyglądać atrybut ALT?

1. Zawrzyj sporo cennych szczegółów – opis alternatywny powinien być napisany jak najprostszym językiem, a im bardziej szczegółowy będzie ten tekst, tym lepiej. Wyobraźmy sobie, że sprzedajemy rowery przez nasz sklep internetowy i chcemy stworzyć atrybuty ALT dla naszych zdjęć produktowych. Mógłby on wyglądać tak: “Rower górski KROSS MTB HEXAGON 8.0 grafitowy”;
2. Dbaj o odpowiednią długość – niektóre czytniki ucinają długość opisu alternatywnego przy 125 znakach, więc najlepiej zatem, aby opis wynosił ok. 100 znaków. Zatem, aby jak najlepiej wykorzystać ten limit, unikaj zbyt szczegółowego opisywania małych detali. Zamiast “brązowy koń po prawej stronie i biała owca po lewej stronie na łące z zieloną trawą i małymi niebieskimi kwiatkami.” napisz “brązowy koń i biała owca na łące.”;
3. Dodaj słowo kluczowe – jeśli zostawisz interpretację obrazu robotom Google to mogą one nie zrozumieć jego prawdziwej zawartości. Dlatego użyj w alternatywnym opisie odpowiedniej frazy kluczowej. Zawarcie jej pomoże wzmocnić pozycjonowanie danej strony internetowej na wybraną frazę kluczową. Oprócz tego możesz podjąć decyzję, aby dodawać nazwę firmy do zamieszczanych na stronie zdjęć, dzięki czemu zaznaczysz, że dane zdjęcie jest powiązane z Twoją marką; przekazującego jakąś informacje, więc są to, np. linie rozdzielające stronę lub element tła, który jest obrazem zamiast częścią arkusza stylu.
4. Nie zamieszczaj alt tekstu wszędzie – atrybut ALT powinieneś używać na głównych obrazach wpisu na blogu, obrazach używanych na swojej stronie internetowej, zdjęciach produktowych oraz nagłówkach. Choć warto umieszczać tekst alternatywny jak najczęściej, to są od tego pewne wyjątki. ALT tekstu nie powinno stosować się tam, gdzie element nie ma funkcji typowego obrazu przekazującego jakąś informacje, więc są to, np. linie rozdzielające stronę lub element tła, który jest obrazem zamiast częścią arkusza stylu.

Jak dodać atrybut ALT?

Prawidłowo uzupełniony atrybut ALT powinien wyglądać w następujący sposób:

<img src="adres grafiki blogowej" alt="Opis alternatywny grafiki blogowej" />

WordPress daje bardzo prostą i wygodną możliwość dodania atrybutu ALT. W trakcie wgrywania grafiki do biblioteki mediów należy znaleźć rubrykę „Tekst alternatywny”. Jest to miejsce, w którym należy dodać atrybut ALT obrazka, czyli wpisać tekst który opisuje obrazek oraz zawiera frazę kluczową. Atrybuty ALT w WordPressie można także uzupełnić po wstawieniu obrazka do treści. Wystarczy w tym celu zaznaczyć obrazek, a następnie w prawej kolumnie ekranu edycji wpisu uzupełnić pole „Alternatywny tekst”.