Atrybut alt – opisz, co znajduje się na grafice

Będąc tylko użytkownikiem internetu, w natłoku informacji można nawet nie zwrócić uwagi na to, co wyświetla nam się w sytuacji, gdy obraz nie może się załadować, jak dostosować elementy witryny, do robotów Google czy osób niepełnosprawnych. Specjaliści SEO wiedzą, że jest mnóstwo elementów, nad którymi trzeba popracować, żeby strona internetowa spełniała wymagania i była komfortowa.

Atrybut alt – jest alternatywnym tekstem znacznika w języku HTML, który dokładnie opisuje, co znajduje się na grafice. Wykorzystywany jest przez roboty indeksujące, a także w sytuacji, gdy grafika nie może zostać wyświetlona. Tekst alternatywny sczytywany jest także przez technologie z czytnikiem ekranowym, z których korzystają osoby niepełnosprawne, aby bez problemu poruszać się po w internecie.

Atrybut Alt w kontekście SEO – warto z niego korzystać

Grafika także jest częścią tego, co prezentujemy użytkownikom. Dobranie odpowiednich obrazów pochłania sporo czasu i to właśnie one wywierają duży wpływ nad odczucia odbiorców. Niewątpliwie optymalizacja grafik jest częścią marketingu internetowego, szczególnie jeśli chodzi o pozycjonowanie witryny przez roboty indeksujące.

Roboty wyszukiwarki czytają obrazy właśnie poprzez znacznik artybutu ALT. Biorą pod uwagę opis alternatywny i słowa kluczowe w nim zawarte. Na odczytywanie obrazu przez roboty nie mają wpływu także błędy i awarie, używany atrybut zastąpi niezaładowany obraz i pozwoli zrozumieć przekaz. Warto zatem szczegółowo opisać pliki graficzne, bo ma to bezpośredni wpływ na pozycję strony w wynikach wyszukiwania.

Na pozycję w rankingu wyszukiwań ma wpływ także udostępnianie treści osobom z niepełnosprawnościami. Wyszukiwarki mają na względzie wspomaganie dostępności w sieci. Jest to plus zarówno ze względów społecznych i wizerunkowych. Właścicielom witryn również powinno na tym zależeć, ponieważ osoby z ograniczeniami także są użytkownikami, odbiorcami treści i potencjalnymi klientami. Jeśli nie będą mogli zobaczyć obrazka, ani zrozumieć przekazu, nie wrócą na naszą witrynę.

Wyszukiwarka Google wyświetlając obrazy w Google Grafika, wspiera się, właśnie znacznikiem tekstu alt. Jeżeli zależy nam, aby zdjęcia z naszej witryny znalazły się w „Grafice”, lepiej stosować tekst alternatywny każdego obrazka.

Gdzie zastosować znacznik alt?

Opis obrazka może mieć zastosowanie w bardzo różnych miejscach. Przykłady atrybutów alt możemy znaleźć:

• w grafice dodawanej do artykułów,
• we wpisach na blogu,
• w zdjęciach produktowych sklepu internetowego,
• przyciskach Call to Action,
• obrazkach do treści na stronie głównej
• banerach,
• menu nawigacyjnym,
• wykresach.

W praktyce powinniśmy wykorzystywać znacznik alt dla każdego pliku graficznego, który odzwierciedla treść i może być zrozumiany przez użytkowników.

Jak to zrobić dobrze? – sposób na opisywanie atrybutów

Zanim przystąpimy do opisu grafiki, warto się zastanowić, jak to poprawnie wykonać. To, co najbardziej  powinniśmy mieć na uwadze, to zrozumiałość. Atrybut ma pomóc innym wyobrazić sobie, co znajduje się na obrazku. Nie jest to proste zadanie. Dlatego warto stosować się do kilku zasad:

1. Opisz, co widzisz – postaraj się przekazać użytkownikowi, dokładnie to, co jest pokazane na grafice. Tak, jakbyś chciał, żeby opisano go Tobie;
2. Unikaj zbędnych słów – opis alt powinien być dość krótki. Unikaj upiększeń i zapychaczy, trudnych wyrażeń, początków typu ” Na tym obrazku”, slangu itp.
3. Twórz dla ludzi– postaraj się nie nadużywać fraz kluczowych. Twój opis ma zrozumieć człowiek, nie tylko robot indeksujący;
4. Pamiętaj o tekście na grafice – opisz wszystko, również treść napisów;
5. Pisz oryginalnie – Postaraj się pisać unikatowo. Grafika, to także część twojej witryny;
6. Zrezygnuj z niepotrzebnych znaków –  Dywizy, oznaczenia, emotikony, twarde spacje niczemu nie służą. Zmieniaj także oznaczenia zdjęć, które nie mają konkretnego przekazu.

Atrybut alt przy grafikach powinien być krótki, odpowiednia długość atrybutu to 80 – 110 znaków ze spacjami. Jako że treść w nim zawarta również wpływa na SEO, to słowo kluczowe powinno nawiązywać do zamieszczonego artykułu. Absolutnie nie umieszcza się tam innych fraz kluczowych, gdyż może to zostać źle odebrane podczas skanowania strony.

Jak dodać atrybut alt do obrazków na stronie?

Przejdźmy do tego, jak poprawnie dodać atrybut do obrazka. Cały proces jest dość prosty i zależy od systemu, na jakim działa twoja witryna. Użytkownicy CMS-ów dodają opisy w trochę inny sposób, jednak podstawą jest wpisanie ścieżki do obrazu oraz atrybutu alt w kodzie HTML określonej grafiki < img >. Atrybut alt powinien zawierać:

• <img scr=”ścieżka_do_obrazka” alt=”opis_obrazka”>

Wpisywanie atrybutu alt obrazka w WordPress 

Tymczasem osoby korzystające z WordPress mają ułatwione zadanie. Mogą uzupełnić atrybut alt w kilku prostych krokach:

1. Znajdź grafikę, do której chcesz dodać opis.
2. Kliknij „Edytuj”.
3. Wyszukaj ikonę „tekst alternatywny”.
4. Opisz grafikę w przeznaczonym polu.
5. Naciśnij „Zastosuj”.

Cały proces trwa chwilę, a największym wyzwaniem jest napisanie odpowiedniego tekstu. Z reguły w innych popularnych CMS -ach, takich Joomla, czy Wix wygląda to podobnie. Należy edytować wybranych obrazek i znależć  ” alt”/ „tekst alternatywny”, wpisać treść i zaakceptować.

Atrybut Alt w sklepach internetowych – czy jest potrzebny?

W takim razie, co ze sklepami internetowymi, czy tam również zasadne jest uzupełnianie atrybutu alt? Skoro opisy grafik, są tak istotne, to tym bardziej powinni o to zadbać właściciele sklepów internetowych, szczególnie takich, które mają dużą ilość zdjęć pokazujących ubrania, kosmetyki, dekoracje, aranżacje wnętrz. Atrybut alt pomaga zdobywać klientów. Klienci bardzo często podejmują decyzje zakupowe na podstawie zdjęć.

Duże platformy obsługujące sklepy internetowe, np. Shoper, czy Shoplo zazwyczaj posiadają takie oprogramowanie, które pozwala w prosty sposób dodać tekst do obrazów, oszczędzając czas użytkowników serwisu. To właśnie takie platformy generują do sieci duże ilości grafik, a każda z nich powinna być opisana.

Czego unikać podczas dodawania atrybutu alt

Opis alternatywny obrazka pomaga go zrozumieć, ale pod warunkiem, że jest odpowiedni. Zdarza się, że nie spełnia dobrze swojej roli, bo po drodze pojawił się błąd. Jakie błędy podczas stosowania atrybutów alt użytkownicy popełniają najczęściej?

• Upychanie słów kluczowych, celem pozycjonowania – wypisywanie fraz kluczowych, które nie są ze sobą powiązane z myślą o pozycjonowaniu, jest błędem, który raczej zaszkodzi, niż pomoże;
• Zbyt długi opis grafiki – rozległy, niemal poetycki opis nie powinien być stosowany przy opisywaniu obrazków;
• Opis z błędami – wszelkie błędy będą odczytane, osobom korzystającym ze specjalnej technologii, co nie świadczy profesjonalnie o witrynie;
• Opisywanie obrazków dekoracyjnych w witrynie inczej niż ( alt =””) – a w szczególności pozostawiony pusty atrybut alt;
• Dodawanie tagu alt, do bardzo długich opisów – bardzo długie opisy lepiej zapisać innej formie, tag alt nie służy do tak długich wpisów;
• Pozostawianie w opisie technicznych znaków – wszelkiego rodzaju opisy użytkowe nie powinny znajdować się w atrybucie alt;
• Dublowanie treści z tekstu na stronie w opisie grafiki – lepiej zrezygnować z opisywania grafiki tymi samymi słowami, które są w artykule na naszej stronie.
• Korzyści ze stosowania atrybutów alt dla obrazków — podsumowanie.

Atrybut alt pozwala opisać słownie zawartość grafiki, która znajduje się na stronie internetowej. Jest wiele powodów, dla których warto z niego korzystać – z jego pomocą można zwiększyć ruch na stronie, zadbać o SEO i dostępność dla osób z niepełnosprawnościami. Tekst alternatywny obrazka, ma prawie same zalety. Nic nie przemawia za tym, żeby nie stosować atrybutu alt. Jest on jak dopięcie wszystkiego na ostatni guzik. Tak, aby na twojej stronie internetowej każdy był mile widziany.