Atrybut ALT (ang. alternative text) to inaczej tekst alternatywny, który jest dodawany do tagu obrazka (<img>) w kodzie HTML strony internetowej. Jego głównym celem jest opisanie zawartości obrazka w sposób zrozumiały dla użytkowników, którzy nie mogą go zobaczyć, np. osoby korzystające z czytników ekranowych oraz roboty wyszukiwarek.
Pomimo swojej prostoty, atrybut ALT ma bardzo duże znaczenie zarówno z punktu widzenia SEO, jak i użyteczności. Zdjęcia i różnego rodzaju grafiki odkrywają dziś istotną rolę w wyszukiwarce. Zapewne większość z Was nieraz korzystała z wyszukiwarki grafik (https://www.google.pl/imghp?hl=pl), jeżeli jesteście właścicielami stron internetowych to pamiętajcie, że aby Wasze zdjęcia (na przykład zdjęcia produktów) pojawiały się w wyszukiwarce grafik musicie zadbać o odpowiednią ich optymalizację. Jednym z elementów podlegającym takiej optymalizacji będzie właśnie odptymalizacja atrybutu ALT.
Jak jest zbudowany znacznik ALT?
Możecie zastanawiać się, w jaki sposób dodać atrybut ALT do swoich zdjęć. W większości przypadków będzie to bardzo proste (szczególnie, jeśli korzystacie ze znanych systemów CMS, na przykład WordPressa) – wystarczy w odpowiednim miejscu w panelu administracyjnym dodać opis alternatywny zdjęcia. W kodzie źródłowym strony, w miejscu w którym wyświetla się grafika pojawi się kod HTML tego typu:
<img src="logo-webiti.png" alt="Webiti - eksperci SEM">
Znaczenie atrybutu ALT
ALT – ułatwienie dostępu
Atrybut ALT poprawia dostępność strony internetowej, umożliwiając osobom niewidomym lub niedowidzącym zrozumienie, co znajduje się na obrazku. Osoby z probelmami ze wzrokiem często przeglądają strony ze pomocą specjalnych czytników ekranowych. Czytniki te odczytują zarówno treść na stronie, jak i tekst alternatywny danego obrazka. Jest to zgodne z zasadami WCAG (Web Content Accessibility Guidelines), które promują tworzenie dostępnych treści internetowych.
ALT – wpływ na pozycjonowanie
Wyszukiwarki, takie jak Google, analizują tekst alternatywny, aby zrozumieć, co znajduje się na obrazku. Dobrze napisany atrybut ALT może pomóc w poprawie widoczności strony w wynikach wyszukiwania, zwłaszcza w wyszukiwarce obrazów. Tekst alternatywny jest również uwzględniany przez algorytmy wyszukiwarki przy ocenie wartości strony dla określonych fraz kluczowych. Warto wspomnieć, że istnieją branże, w których optymalizacja grafik będzie szczególnie istotna. Do tego typu branż można zaliczyć wszystkie te branże w których istotny jest wygląd produktu, będzie to więc branża modowa, aranżacji wnętrz itp. Użytkownicy w poszukiwaniu pomysłów i inspiracji mogą wpisywać w wyszukiwarce grafik na przykład takie frazy: “nowoczesna łazienka inspiracje”, “kreacje na wesele”.
Doświadczenie użytkownika
W sytuacjach, gdy obraz nie może zostać załadowany (np. z powodu problemów z połączeniem internetowym), tekst alternatywny jest wyświetlany zamiast obrazu, zapewniając użytkownikom lepsze doświadczenie na stronie. Dzięki temu użytkownik nadal otrzymuje istotne informacje, co zwiększa użyteczność strony. Należy jednak przyznać, że sytuacje w których obrazek nie ładuje się ze względu na wolne połączenie internetowe są dziś naprawdę rzadkie.
Najlepsze praktyki tworzenia tekstów alternatywnych
- Konkretność i zwięzłość – tekst alternatywny powinien być krótki, ale jednocześnie dokładnie opisywać zawartość obrazu.
- Unikanie nadmiarowych słów – nie należy używać zwrotów takich jak „obrazek przedstawia” czy „zdjęcie pokazuje”, ponieważ jest to oczywiste w kontekście atrybutu ALT. Należy też unikać spamowania słowami kluczowynmi.
- Powiązanie – tekst alternatywny powinien być adekwatny do treści podstrony na której się znajduje i kontekstu, w jakim obraz jest używany.
Podsumowanie
Atrybut ALT jest nie tylko wymogiem w kontekście dostępności, ale także ważnym elementem podczas pozycjonowania strony. Poprawnie używany, może znacznie poprawić użyteczność strony dla wszystkich użytkowników oraz pozytywnie wpłynąć na jej widoczność w wynikach wyszukiwania (zwłaszcza w wyszukiwarce grafik). Znajomość i właściwe stosowanie atrybutu ALT jest więc nieodzowne dla każdego, kto zajmuje się tworzeniem i optymalizacją stron internetowych.
Jeśli potrzebujesz dodatkowych informacji na temat wdrożenia atrybutu ALT lub innych aspektów optymalizacji SEO, skontaktuj się z nami, chętnie doradzimy i pomożemy! 🙂