Tekst alternatywny
Krótki opis obrazka zapisany w kodzie. Czytają go osoby niewidome (przez czytnik ekranu) i Google, a pokazuje się, gdy grafika się nie wczyta.
Co to właściwie znaczy
Tekst alternatywny (z angielskiego „alt text”) to opis obrazka umieszczony w kodzie strony. Pełni trzy role: pozwala osobom niewidomym „zobaczyć” grafikę przez czytnik ekranu, pomaga Google zrozumieć, co przedstawia obraz (i pokazać go w grafice), oraz wyświetla się jako tekst zastępczy, gdy zdjęcie z jakiegoś powodu się nie załaduje.
Przykład z życia firmy
Zdjęcie na stronie ma alt „IMG_2831.jpg” albo pusty - dla niewidomego to nic, dla Google to nic. Zmieniasz na „drewniany stół warsztatowy z narzędziami stolarskimi”. Teraz osoba korzystająca z czytnika wie, co jest na obrazku, a Google może pokazać to zdjęcie komuś szukającemu grafiki „stół stolarski”. Ten sam obraz, nagle użyteczny.
Dlaczego to dla Ciebie ważne
To dlatego alty to jednocześnie kwestia dostępności (realne włączenie osób z niepełnosprawnością wzroku) i drobny, pomijany element SEO. Kosztują chwilę przy dodawaniu zdjęcia, a robią stronę bardziej dostępną i lepiej zrozumiałą dla wyszukiwarki. Ich brak to nie katastrofa, ale i darmowa okazja, której szkoda nie wykorzystać.
Jak to wykorzystać
Opisuj obrazki tak, jakbyś tłumaczył je komuś przez telefon: konkretnie i rzeczowo, bez „zdjęcie” i bez upychania fraz na siłę. Grafiki czysto dekoracyjne mogą mieć alt pusty. Tam gdzie obraz niesie treść (produkt, wykres, zdjęcie realizacji), dodaj sensowny opis. To nawyk przy każdym zdjęciu, nie osobny wielki projekt.
Powiązane pojęcia
SEO · Struktura nagłówków · UX
← Wszystkie pojęcia w słowniku · Prześwietl swoją stronę skanerem →