Jak dodać ALT czyli tekst alternatywny dla obrazu?

Każdy obraz / zdjęcie / grafika dodane na stronę powinny mieć uzupełnione teksty alternatywne czyli tzw. ALT teksty.

Po co stosować ALT (alternatywny) tekst dla obrazu?

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

1. Alternatywny tekst jest wyświetlany zamiast obrazu, jeśli nie można go wczytać z jakiegoś powodu (na przykład, gdy połączenie internetowe jest wolne).

2. ALT tekst jest istotny dla użytkowników niedowidzących lub niedosłyszących, ponieważ opisy tekstowe są odczytywane przez oprogramowanie do wspomagania czytania.

3. Trzecim ważnym powodem, dla którego warto go uzupełnić jest to, iż wyszukiwarki traktują ALT tekst jako słowa kluczowe i biorą je pod uwagę podczas indeksowania witryny. Obecność ALT tekstów poprawia wyniki we wszystkich testach badających jakość strony np. Google Lighthouse. Warto więc uzupełnić wszystkie te opisy przy zdjęciach.

Jak napisać skuteczny ALT tekst dla zdjęcia?

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, należy:

• Opisać cel obrazu: opisz główny cel obrazu i jego znaczenie dla strony internetowej.
• Skrócić opis: opis powinien być krótki i na temat, bez dodawania niepotrzebnych szczegółó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ład:

Obraz: Zdjęcie nowego samochodu sportowego

ALT tekst: Nowy samochód sportowy - stylowe i dynamiczne auto z silnikiem V8.

Pamiętaj, że ALT tekst jest ważnym elementem dostępności strony internetowej i powinien być pisany przede wszystkim z myślą o użytkownikach z różnymi potrzebami i ograniczeniami (np. niedowidzący)

Jak dodać ALT dla zdjęcia?

1. Kliknij w obraz, 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ę.

Jak dodać ALT tekst dla zdjęcia we wpisach blogowych?

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

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.