Optymalizacja grafik – opisy ALT i Title- po co to zamieszanie?

W poprzednim artykule opisałem sens optymalizacji „wagi” grafik. Celem tamtego procesu było przyspieszenie ładowania się stron WWW. Optymalizacja dotycząca ALT i Title ma na celu zachowanie spójności grafik z treścią danego adresu URL.

Co to jest opis ALT ?

Opis alt ma opisywać treść zdjęcia. Na ogół treść opisu ALT jest niewidoczna dla czytelnika. Zasadniczo opis ALT można zobaczyć w dwóch przypadkach:

• używanie przeglądarki tekstowej- co hobbystycznie praktykuje bardzo wąskie grono internautów
• spowodowane różnymi błędami trudności w ładowaniu się grafiki.

Można przyjąć, że każdemu kiedyś zdarzyło się odwiedzić stronę WWW, na której jakaś grafika się nie załadowała. Wówczas widać mniej więcej coś takiego:

Tu celowo zdjęcie się nie ładuje. Zmieniłem adres pliku celowo, aby wyświetlić opis ALT. To jest właśnie jest opis ALT

Czym jest opis Title?

Tutuł obrazu to kolejny atrybut, który można dodać do znacznika Twojego obrazu. W odróżnieniu od ALT tekst nie jest pokazywany wtedy gdy nie można wyświetlić obrazu. Opis title pojawia się w wyskakującym okienku, gdy użytkownik przesuwa mysz na obszar obrazu. Efekt znany jest z elementów <A> czyli linków.

ALT i Title to nie tylko optymalizacja SEO, ale też UX.

Znaczniki ALT i Title poprawiają dostępność Twojej strony WWW dla osób słabo widzących i czytników ekranu. Czytnik przeczyta cały Twój artykuł a w przypadku obrazu powie:

„Obraz: Tytuł obrazu”

Dzięki takim zabiegom, czytelnik dowie się, dlaczego dodałeś grafikę, nawet jeśli danego obrazu nie widzi.

Dlaczego warto używać tekstu alternatywnego ALT i tytułu Title

Warto używać obu form: ALT i Title. Oczywistym faktem jest to, że pomagasz wyszukiwarkom odkrywać Twoje obrazy i wyświetlać je w wynikach wyszukiwania obrazów. Wyszukiwarki, no dobra, Google informuje, że koncentruje się wyłącznie na znaczniku ALT jako czynniku rankingowym dla obrazów. Nie jest to jednoznaczne ze stwierdzeniem, że całkowicie ignorowane są Title. Z resztą, czy nigdy nie było sytuacji, że Google zapierał się czegoś, a po czasie okazywało się to zupełną ściemą. Title i ALT są bardzo dobrym miejscem na nasycenie kodu frazami. 

UWAGA PRO TIP

Nie warto ładować fraz w ALT i Title na siłę. Jak to robić aby było dobrze? Ja osobiście sugeruję, aby ALT był krótkim, zwięzłym tytułem filmu. Title natomiast często definiuję jako krótki opis grafiki. Niby masło maślane więc

KNOW HOW i oczywista oczywistość

Nie spotkałem się z tym specyficznym PRO TIPem nigdzie, indziej- ale sprawa wydaje się być oczywistą oczywistością. Jak sądzisz, które zdjęcie będzie lepiej przyjęte przez Google?

0002.jpg czy pozycjonowanie-zdjec.jpg

UX PRO TIP

Pisząc ten artykuł, przed ostatnimi poprawkami, postanowiłem przedstawić jedną, bardzo istotną poradę. Przy zamieszczaniu grafik na stronie, definiujcie proszę ich rozmiary. Jest to kluczowe, przy prawidłowym rozmieszczaniu treści. Często zoptymalizowane strony mają funkcjonalność, która charakteryzuje się opóźnionym ładowaniem się zdjęć. W czasie wczytywania się strony WWW, najpierw wyświetla się tekst, a potem grafika. Jeśli zdjęcie ma zdefiniowane rozmiary, w oknie przeglądarki pojawi się puste pole o zadanych wymiarach. W sytuacji, kiedy grafika nie będzie miała podanych wymiarów, w czasie wczytywania się strony WWW pojawi się ikonka grafiki a po załadowaniu sie strony wyświetli się całe zdjecie. I tu uwaga: po załadowaniu sie zdjęcia, tekst przesunie się niżej. Jeśli wiec użytkownik zacznie czytać tekst, to będzie on się przesuwał ustępując miejsca grafice. Warto oszczędzić tych irytujących sytuacji swoim czytelnikom.