Zlecasz stronę internetową agencji lub freelancerowi. Dostajesz gotowy projekt, akceptujesz go, strona idzie na żywo. Wszystko wygląda świetnie. Ale jest jeden element który bardzo często jest pomijany, nawet przez doświadczonych wykonawców. To alt tekst.
Czym jest, dlaczego ma znaczenie i jak sprawdzić czy Twoja strona go ma - o tym jest ten wpis.
Czym jest alt tekst
Alt tekst (z angielskiego "alternative text") to krótki opis tekstowy przypisany do każdego zdjęcia na stronie internetowej. Nie widać go na pierwszy rzut oka, jest ukryty w kodzie strony. Pojawia się dopiero wtedy gdy zdjęcie się nie wczyta, lub gdy ktoś korzysta z czytnika ekranu.
W kodzie wygląda tak:
<img src="torba-skorzana.jpg" alt="Brązowa skórzana torba
na ramię marki XYZ na białym tle">
Prosta rzecz. Ale jej brak ma realne konsekwencje.
Dlaczego alt tekst ma znaczenie dla Twojej strony
1. SEO — Google nie widzi zdjęć
Wyszukiwarki nie potrafią "zobaczyć" obrazków tak jak widzi je człowiek. Jedyną informacją którą Google ma o Twoim zdjęciu jest właśnie alt tekst. Bez niego zdjęcie jest dla wyszukiwarki niewidoczne - przepada cały potencjał SEO który mogłoby wnieść.
Dobrze napisany alt tekst zawiera słowa kluczowe i pomaga stronie pojawiać się wyżej w wynikach wyszukiwania, zarówno w wyszukiwarce tekstowej jak i w Google Images.
Przykład złego alt tekstu:
zdj1_final_v3.jpg
Przykład dobrego alt tekstu:
Sklep internetowy z biżuterią handmade — kolczyki
srebrne z turkusem
2. Dostępność — osoby niewidome też odwiedzają strony
Osoby z niepełnosprawnością wzroku korzystają z czytników ekranu - programów które odczytują zawartość strony na głos. Gdy czytnik natrafi na zdjęcie bez alt tekstu, powie po prostu "obraz" albo odczyta nazwę pliku. Dla użytkownika to żadna informacja.
Dostępność strony to nie tylko kwestia etyczna, w wielu krajach staje się też wymogiem prawnym. W Polsce przepisy w tym zakresie stopniowo się zaostrzają, szczególnie dla firm i instytucji publicznych.
3. Profesjonalizm i jakość wykonania
Brak alt tekstów to sygnał że strona była robiona szybko i bez dbałości o szczegóły. Dla agencji która Ci ją zrobiła to zaniedbanie. Dla Ciebie jako właściciela marki to strata możliwości które są zupełnie darmowe.
Jak powinien wyglądać dobry alt tekst
Kilka zasad, które warto znać:
Opisuj co jest na zdjęciu - konkretnie Nie "zdjęcie produktu" tylko "czarny notes A5 z gumką i wstążką zakładkową na białym biurku."
Używaj słów kluczowych naturalnie Jeśli sprzedajesz świece sojowe, alt tekst "świeca sojowa o zapachu wanilii w szklanym słoiku" jest lepszy niż "świeca."
Nie zaczynaj od "zdjęcie przedstawia" lub "obraz" Czytniki ekranu same informują że to jest obraz. Przejdź od razu do opisu.
Ogranicz długość do 100-125 znaków Alt tekst ma być zwięzły i treściwy.
Zdjęcia dekoracyjne mogą mieć pusty alt tekst Jeśli zdjęcie jest czysto estetyczne i nie niesie żadnej treści — możesz zostawić alt="" . Czytnik ekranu je wtedy pominie.
Jak sprawdzić czy Twoja strona ma alt teksty
Nie musisz wchodzić w kod. Są prostsze sposoby:
Kliknij prawym przyciskiem myszy na dowolne zdjęcie na swojej stronie i wybierz "Zbadaj element" lub "Inspect." W kodzie znajdziesz znacznik <img> — sprawdź czy przy alt= jest jakiś opis czy tylko puste cudzysłowy.
Możesz też skorzystać z bezpłatnych narzędzi online — Wave (wave.webaim.org) przeskanuje całą stronę i pokaże Ci które zdjęcia mają brakujące alt teksty.
Co zrobić jeśli Twoja strona nie ma alt tekstów
Jeśli masz stronę na Webflow, WordPress, Shopify lub podobnym systemie - możesz dodać alt teksty samodzielnie bez znajomości kodu. W każdym z tych systemów jest pole "Alt text" przy wgrywaniu lub edytowaniu zdjęcia.
Jeśli stronę zrobiła dla Ciebie agencja, napisz do nich i poproś o uzupełnienie alt tekstów. To standardowy element dobrze wykonanej strony i nie powinno generować dodatkowych kosztów.
Podsumowanie
Alt tekst to mały element który robi dużą różnicę. Pomaga Google zrozumieć Twoją stronę, sprawia że jest dostępna dla wszystkich użytkowników i świadczy o jakości wykonania. Jeśli zlecasz stronę — zawsze pytaj wykonawcę czy alt teksty są uzupełnione. To jedno zdanie może zaoszczędzić Ci późniejszych problemów z SEO.
