Tekst alternatywny jest słabym czynnikiem rankującym, co zostało wielokrotnie potwierdzone przez przedstawicieli Google.
Kiedy mowa o pozycjonowaniu grafik, ustawienie tekstu alternatywnego jest bardzo ważne i jest kluczowym czynnikiem przyczyniającym się do rankingu zdjęć w wyszukiwarce.
Stanowi również wskazówki dla robota na temat treści i przeznaczenia strony. Jednak tekst alternatywny jest źle rozumiany, przez co jest błędnie wykorzystywany i dobierany.
Mamy prawie dekadę doświadczenia w budowie i pozycjonowaniu stron internetowych i wiemy, że dodawanie słów kluczowych do tekstu alternatywnego jest znaną praktyką, która jednak nic nie wnosi. Bo z całą pewnością te same frazy są już użyte na stronie. Ponadto po zmianie paradygmatu wyszukiwania warto patrzeć na tekst alternatywny jak na możliwość dodania kontekstu i dopasowania do intencji użytkownika.
Czym jest atrybut alt?
Atrybut html „alt” to tekst alternatywny zdjęcia, który zostanie wyświetlony, jeśli nie można pobrać grafiki.
Początkowo tekst alternatywny został opracowany, aby pomóc osobom niewidomym i niedowidzącym zrozumieć, co przedstawia zdjęcie. Jest on rozpoznawany i odczytywany na głos przez technologie asystujące i czytniki ekranu.
Ponadto uznaje się, że tekst alternatywny to wskazówki dla robotów wyszukiwarek pomocne w ocenie i zrozumieniu treści strony.
Funkcje zdjęć na stronie internetowej
Zdjęcia na stronie internetowej mogą pełnić dwojakie funkcje: ozdobną lub informacyjną, gdy są częścią treści. Oczywiście, na pierwszy rzut oka każde zdjęcie wydaje się być potrzebne.
Warto przeczytać: Psychologia personalizacji w handlu ecommerce
Jednak z technicznego i UX punku widzenia, bardzo rzadko zdjęcie ma znaczącą, informacyjną rolę. Śmiało można zaryzykować stwierdzenie, że 99% zdjęć pełni funkcje ozdobne.
Jak ocenić funkcję zdjęcia?
Zdjęcia w tle, czyli dodane jako „background image” są zdjęciami ozdobnymi i automatycznie są traktowane przez przeglądarkę jako bez znaczenia oraz pomijane przez urządzenia asystujące.
Najczęściej są to zdjęcia w nagłówkach lub grafiki mające na celu zwrócenie uwagi.
Natomiast zdjęcia kontekstowe mają jakąś wartość dla użytkownika. Takie zdjęcia albo zawierają informacje w postaci tekstu, albo są w odpowiedniej relacji do tekstu i tematyki strony.
Na przykład artykuł opisujący pierwszą pomoc w zawale powinien zawierać zdjęcia obrazujące sytuacje lub wizualizować proces pierwszej pomocy. To samo dotyczy infografik i grafik opisujących procesy krok po kroku. Dodanie odpowiedniego tekstu alternatywnego do tego typu zdjęć jest jak najbardziej zasadne i wskazane.
Poważnym błędem jest umieszczanie napisów lub grafik przedstawiających procesy jako tła (background-image w CSS). W takich przypadkach technicznie nie ma możliwości dodania tekstu alternatywnego. Czyni to stronę niedostępną dla osób niewidomych, ponieważ czytniki ekranu całkowicie ignorują obrazy osadzone w tle, odcinając użytkownika od kluczowych informacji.
Co powinien zawierać tekst alternatywny?
Tekst alternatywny to nic innego, jak opis zdjęcia.
Jeśli na zdjęciu widnieje informacja tekstowa, jak wydarzenie z podanym miejscem i terminem, wtedy to powinno znaleźć się w opisie zdjęcia. W przypadku zdjęcia kontekstowego, zamiast skupiać się na frazach kluczowych i bez sensu je powtarzać, lepiej skupić się na opisie obrazka. Innymi słowy, tekst alternatywny to taki tekst, za pomocą którego wyjaśnilibyśmy niewidomemu, co jest na zdjęciu.
Jeśli na zdjęciu jest pies, to piszemy: „pies szczeniak rasy Nowofunladzkiej leży na trawie.” Oczywiście pod warunkiem, że leży na trawie.
Jak powinien wyglądać alt w przypadku tego zdjęcia?
W tym przypadku poprawnie napisany tekst alternatywny wygląda następująco:
„Wydarzenie: biegniemy razem dla zdrowia psychicznego. W Polsce żyje ok. 280 000 osamotnionych seniorów powyżej 80 roku życia. #towazne. Zrzutka”
Zauważmy, że zdjęcie zawiera informacje i kod do zrzutki. Czytnikowi ekranu kod się nie przyda, ale z takim tekstem alternatywnym osoba niepełnosprawna będzie wiedziała, co jest na zdjęciu i dowie się o akcji charytatywnej.
Jak tekst alternatywny wpływa na SEO?
Tekst alternatywny jest brany pod uwagę przez roboty, ale nie jest kluczowym czynnikiem pozycjonowania strony. Natomiast jest kluczowym czynnikiem jeśli chcemy się pokusić o zwiększenie widoczności w dziale grafik Google.
Warto przeczytać: Czym jest gotowość treści i jak ją zdefiniować
Dlatego myśląc o dodaniu tekstu alternatywnego, musimy najpierw zadecydować, czy zależy nam na pozycjonowaniu grafik, czy optymalizacji strony pod względem dostępności.
Atrybut alt najlepiej zostawić pusty
W internecie jest wiele błędnych twierdzeń, jak na przykład to, że brak atrybutu alt może mieć negatywne skutki SEO. Powtórzmy raz jeszcze: tylko kontekstowe zdjęcia, które mają wartość informacyjną, powinny zawierać alty.
W tym przypadku alt ma duże znaczenie, gdyż strona zoptymalizowana pod kątem dostępności ma dla Googla i użytkownika niepełnosprawnego duże znaczenie.
Jednak takich zdjęć w praktyce jest bardzo mało.
W przypadku zdjęć ozdobnych „alt” najlepiej zostawić pusty. Spowoduje to, że czytniki ekranu pominą grafiki.