Jak dodać ALT czyli tekst alternatywny dla obrazu?

Każdy obraz, zdjęcie lub grafika dodane na stronę internetową powinny mieć uzupełnione teksty alternatywne, znane jako ALT teksty. Wprowadzenie odpowiednich tekstów alternatywnych ma kilka istotnych korzyści.

Po co stosować ALT czyli tekst alternatywny dla zdjęcia?

Poniżej 3 ważne powody aby stosować tekst alternatywny dla zdjęć:

1. Alternatywny tekst jest wyświetlany, gdy obraz nie może być załadowany z różnych powodów, takich jak wolne połączenie internetowe. Dzięki temu użytkownikom nadal udostępniana jest istotna informacja, zamiast pustego miejsca.
2. ALT tekst jest szczególnie istotny dla osób niedowidzących. Oprogramowanie do wspomagania czytania może odczytywać tekst alternatywny, co umożliwia im zrozumienie treści obrazków.
3. Wyszukiwarki, takie jak Google, traktują ALT tekst jako słowa kluczowe i biorą go pod uwagę podczas indeksowania strony. Obecność odpowiednich ALT tekstów wpływa pozytywnie na wyniki w różnych testach oceniających jakość strony, np. Google Lighthouse. Dlatego warto uzupełniać opisy przy zdjęciach, aby poprawić widoczność witryny w wynikach wyszukiwania.
4. Tekst alternatywny (ALT tekst) może wpływać na pozycję zdjęcia w wynikach wyszukiwania Google Images. Google Images używa różnych czynników do oceny i klasyfikacji obrazów, a tekst alternatywny to jedno z kryteriów, które algorytmy wyszukiwarki biorą pod uwagę.

Jak napisać skuteczny ALT tekst dla zdjęcia?

Tekst alternatywny jest używany do opisania zawartości obrazu i może pomóc wyszukiwarkom zrozumieć, o czym jest dany obraz. Tekst alternatywny ALT ma odpowiadać na pytanie Co jest na zdjęciu? Tekst ten powinien być krótki, ale treściwy.

Aby napisać skuteczny ALT tekst, warto zastosować kilka zasad:

• Opisać cel obrazu: Przedstaw główny cel obrazu i wyjaśnij, jakie jest jego znaczenie dla strony internetowej.
• Skrócić opis: opis powinien być krótki i na temat, bez dodawania niepotrzebnych szczegółów. Zaleca się, aby ALT tekst zawierał od kilku do kilkunastu słów.
• Unikać opisu "obraz" lub "zdjęcie": nie jest to opisujące znaczenie obrazu.
• Unikać używania języka obrazkowego: opis powinien być opisem tekstowym
• Uwzględnić informacje kluczowe: jeśli obraz zawiera ważne informacje, takie jak nazwa produktu lub cena, te informacje powinny być uwzględnione w ALT tekście.

Przykłady tekstów alternatywnych (ALT  TEXT)

ALT tekst do poprawki: Kanapa

ALT tekst: Kanapa dwuosobowa, kolor butelkowej zieleni, pluszowy pokrowiec, drewniana podłoga.

Kanapa dwuosobowa, kolor butelkowej zieleni, pluszowy pokrowiec, drewniana podłoga.

Wytyczne WCAG 2.1

Pamiętaj, że tekst alternatywny (ALT tekst) jest istotnym elementem zapewnienia dostępności strony internetowej dla różnych użytkowników, uwzględniając ich różne potrzeby i ograniczenia (np. osoby z wadami wzroku). ALT tekst jest na liście kontrolnej wytycznych WCAG 2.1 poziom A.

Jak dodać ALT dla zdjęcia?

1. W kreatorze stron kliknij w obraz w obszarze roboczym, przejdź do jego ustawień w Inspektorze.

2. Uzupełnij pole "ALT tekst", które znajduje się zaraz pod zdjęciem.

alt tekst dla zdjęcia<br>

3. Zapisz i opublikuj witrynę.

Zobacz krótki film!

Jak dodać ALT tekst dla zdjęcia w blogu?

Pod każdym wstawionym do wpisu zdjęciem jest pole tekstowe "ALT TEXT", w którym możesz wpisać tekst alternatywny.

alt tekst dla zdjęcia we wpisie<br>

Zapisz wpis. Przy edycji postów nie musisz publikować witryny w kreatorze, zapisywanie postów w kolekcji Blogi działa niezależnie.

Zobacz też: Wskazówki SEO dla początkujących.