Alt tekst (tekst alternatywny)

O atrubucie ALT narsło tyle mitów że tak na prawdę pierwotne założenia zastały zapomniane ale też ze wazględu na rozwój technologii przestały być potrzebne, Czym w takim razie jest znacznik ALT tekst, jak go używać i czy w ogóle ma to sens.

Atrybut ALT

ALT to atrybut znacznik IMG (czyli obrazka w HTMLu) który zgodnie z definicją w spsoób tekstowy ma opisywać zawartosć danego zdjęcia. Czyli jeżeli na zdjęciu jest kosz kwiatów to znacznik alt powinien wyglądać następująco alt=”Koszyk kwiatów”. Dość proste. Ten atrybut dodaje się do znacznika IMG (okreslajacy grafikę mniej więcej w ten sposób:

<img src="ściezka do grafiki" alt="Opis obrazka" />

W swoich założeniach miał ten atrybut sepłniać dośc istotne funkcje które już dzisiaj są zapomniane:

• W przypadku niezaładowanie się grafiki (tak kiedyś tak się działo bo dostęp do internetu był raczej wolny) alt pozwalał użytkownikowi zorientować sie co powino być na stronie ale się nie wyswietla. Czyli było zdjecia ale masz jego opis.
• W przypadku osób niewidomych, słabowidzących dzięki takim znacznikom oprogoramowanie czytające zawartośc strony było w stanie powiedzieć użytkownikowi co znajduje się na obrazku.

I były to bardzo fajne założenia i bardzo słuszne i przy uzywaniu atrybutu ALT warto mieć to na uwadze bo miał to być atrybut dla ludzi nie dla robotów !

Po pewnym czasie okazało się że wyszukwiarki internetowe czytają te znaczniki by wyświetlić daną grafikę w swoich zasobach, a same słowa kluczowe w znaczniku mogę wpływać na pozycje witryny. Także jeżeli chcesz żeby Twoje obrazy poprawnie wyswietlały się wysuzkiwarkach obrazów jednym z najwazniejszych punktów jest zadbanie o atrybut ALT

I zaczęło się upychanie keywords 🙂 Dosłownie przez jakiś czas powstawały takie twory że bardzo to odbiegało od pierwotnych założeń:

alt="mebel, szafa z drzwiami przesuwnym, tanie szafy z drzwiami przesuwnymi"

Tak zdarzały się takie kwiaty podonie jak to miało miejsce z title, meta description czy keywords. Teraz na szczęście wraca to do pierwotnych założeń.

ALT atrybut jak używać

Staram sie stosować go jak najbardziej naturalnie tak jakbym miał to robić dla ludzi zgodnie ze sztuką. Jeżeli jest to produkt to używam sobie schematu:

alt="#NAZWA# #MODEL# #PRODUCENT# #RZUT/WIDOK/OPIS#

Jako #RZUT/WIDOK/OPIS# rozumiem „widok z przodu” lub po prostu „przód” lub opis obrazu

Jest to idealne rozwiazanie ale warto żeby chociażby na karcie produktu, konkretne zdjecia miały swoje unikalne atrybut alt. Ważne też żeby opisy zdjecia n podstronie nie duplikowały się z tymi na inne podstronie, Muszą być też w miarę szególowe a nie ogólne jak np: „Rower”, „Szafa”, „Kubek”. Przy dużej liczbie prduktów zdjęć stosuje się atomatyzacje dodawania atrybutu alt ale tu także warto pamiętać żeby robić to z głową, umiarem i przede wszystkim dla ludzi.

Podstawowe zasady przy tworzeniu atrybytu ALT

• Zwięzłość i konkret opisu to nie rozprawka (max 140 znaków)
• Opis jak dla ludzi co znajduje się na obrazku
• Unikalność atrybytu ALT pomiędzy zdjęciami
• Opisujemy wszystkie zdjecia na stronie a nie wybrane
• Z tył głowy mamy zawsze że może to przeczytać audideskrypcja