Jak napisać dobry opis alternatywny do zdjęcia (ALT)?

Jak napisać dobry opis alternatywny do zdjęcia (ALT)?

Ile postów na blogu firmowym w miesiącu?
10 maja 2019
Jak nazywać pliki graficzne?
29 maja 2019

Jak napisać dobry opis alternatywny do zdjęcia (ALT)?

Co to jest atrybut alt?

Atrybut ALT zwany jest również „tekstem alternatywnym”, „tagiem ALT” czy (jak w przewodniku Google dla Webmasterów) „opisowym tekstem zastępczym”. To tekst, który pojawia się w przypadku, gdy z jakichś powodów nie możemy zobaczyć grafiki, zdjęcia czy obrazu (np. nie załadowała się, została zablokowana). Atrybut ALT pomaga również czytnikom ekranów opisywać obrazy niedowidzącym użytkownikom internetu, a przede wszystkim (i to dla nas jest najważniejsze) pozwala wyszukiwarkom lepiej indeksować i oceniać witrynę. Tag ALT prezentuje się w kodzie następująco:
<img src="nazwa-obrazka.gif" alt="Tutaj umieszczasz tekst alternatywny">

Dlaczego trzeba dodawać teksty w tagu ALT?

Wyobraźmy sobie, że umieściliśmy na naszym blogu podróżniczym tekst o ostatniej wyprawie np. w Góry Stołowe. Tekst o wycieczce w Błędne Skały, wspinaczce na Szczeliniec okrasiliśmy oczywiście całą masą pięknych i atrakcyjnych fotografii. W związku, z tym że tych fotografii było dość dużo, nie chciało nam się bawić w zmianę nazw zdjęć i wszystkie mają format prosto z aparatu, czyli IMG_23495848.jpg. Pomijam fakt, że taka rzecz nie powinna się zdarzyć i czy nam się chce, czy nie chce, nigdy nie wolno nam wrzucać zdjęć w takim formacie, ale...

W naszej hipotetycznej opowieści jesteśmy leniwi i w efekcie na stronie jest cała masa plików fotograficznych, które mają jedynie cyferki zamiast nazw. A format kodu to standardowy

<img src=”IMG 23495848.jpg”>

A teraz wyobraźmy sobie, że naszą stronę odwiedza bot Google i skanuje tekst o Górach Stołowych. Bardzo chciałabym zaindeksować nasze fotografie, ale nie ma kompletnie pojęcia, co na tych fotografiach się znajduje. Cyferki i liczby nic mu nie mówią. Potrafi oczywiście na podstawie kontekstu strony "z grubsza” przyporządkować zdjęcie do danej kategorii, ale w bardziej szczegółowych frazach się gubi.

Jak to wygląda praktyce? Jeśli tekst zatytułowany jest np. "Góry Stołowe na weekend" to Google bot zakłada, że zdjęcia w tym artykule dotyczą Gór Stołowych, ale już nie będzie wiedział, że na tym zdjęciu są Błędne Skały, a na innym Szczerbiniec. Chyba, że o tym mu powiemy.

W takim właśnie przypadku niezbędny jest atrybut ALT.

Tekst alternatywny obrazka ALT pomaga wyszukiwarkom powiązać obrazy z zawartością strony internetowej, aby mogły prawidłowo indeksować je w wynikach wyszukiwania. Tagi ALT pomagają również wyszukiwarkom określić najlepsze wyniki, które należy podać, gdy użytkownik szuka obrazów związanych z konkretną frazą. I tutaj zaczyna się robić ciekawie.

Jak tekst ALT pomaga nam w SEO?

Pomimo tego, że tekst przeważa w wynikach wyszukiwania, Google coraz więcej uwagi poświęca również innym formom jak obrazy, grafiki czy wideo. Wyniki wyszukiwania frazy stają się coraz bardziej atrakcyjne dla oka, a Google stara się podsuwać nam najbardziej wartościowe odpowiedzi na nasze pytanie i to w różnych formach. W tych wynikach obrazy zajmują szczególną rolę.

Zauważmy, że w odpowiedziach na zapytania do wyszukiwarki obrazy pojawiają się niezwykle często. Zlokalizowane są w różnych miejscach, nad i pod wynikami tekstowymi czy mapą. Zawsze jednak „gdzieś są”.

Oznacza to, że grafiki są jednym z elementów, które pomogą nam w zwiększeniu ruchu organicznego. Jeśli nie pojawiliśmy się w wynikach tekstowych, zawsze jest szansa, że pojawimy się w wynikach grafiki. Z tego powodu warto inwestować w dobre opisy zdjęć. Jest to szczególnie ważne szczególnie w takich branżach, w których wizualna strona ma znaczenie np. branży fotografów ślubnych.

Poniżej różne lokalizacje grafiki w wynikach wyszukiwania.

Jak napisać dobry tekst alternatywny do obrazka?

Wydaje się, że to prosta sprawa. Ot, po prostu trzeba opisać to, co znajduje się na obrazku. Nic trudnego. Hmmm… W takim razie zerknijmy na to, co na temat tekstów zastępczych mówi samo Google.

Wg Google tekst alternatywny powinien być „krótki, ale i pełen treści”. No nie wiele nam to mówi, poszperajmy zatem głębiej. W innymi miejscu czytamy, że atrybut ALT powinien być: “przydatny, dostarczać dużo informacji, zawierać odpowiednie słowa kluczowe oraz pasować do zawartości strony”.

Innymi słowy, musimy napisać to tak, żeby w maksymalnie, w tym małym formacie zmieścić maksymalnie wiele danych. A przy tym nie może to wyglądać nienaturalnie, ale dobrze by było, gdybyśmy jeszcze tam zmieścili jakieś słowa kluczowe. No i ma to wszystko jeszcze pasować do kontekstu i tematyki strony. Wszystko jasne?

Do mnie zdecydowanie lepiej przemawia inne wytłumaczenie na pisanie ALT-ów.

Tagi ALT powinny zawierać wystarczającą ilość informacji dla osób, które nie widzą obrazów, aby mogły zrozumieć, co obraz przedstawia. Z tego powodu podczas pisania tagów ALT warto zadać sobie pytanie sobie: czy po usłyszeniu tego osoba niedowidząca byłaby w stanie wyobrazić sobie zawartość obrazka?

PRZYKŁAD

a. Tekst w tagu ALT, który nie jest wystarczająco opisowy dla tego obrazu:

<img src="spacer-nad-baltykiem.jpg" alt="Ojciec  i corka">

b.Tekst w tagu ALT, który jest za długi dla tego obrazu.

<img src="spacer-nad-baltykiem.jpg" alt="Dziewczynka w różowej bluzie,  z włosami spiętymi w kucyk , trzyma za rękę tatę z plecakiem. Stoją na plaży, nad morzem  boso,  a woda obmywa ich stopy.">

b. Tekst w tagu ALT, który dobrze opisuje zawartość obrazu.

<img src="spacer-nad-baltykiem.jpg" alt="Tata z małą córeczką spacerują po plaży na bosaka">

W napisaniu dobrego ALT-u musimy względniać również kontekst strony. Ten opis alternatywny ALT byłby dobry, gdyby zdjęcie znajdowało się na stronie piszącej np. ogólnie o wycieczkach rodzinnych nad morze. A gdyby to samo zdjęcie znalazło się na moim blogu osobistym, który opowiadałby o wycieczce nad Morze Bałtyckie?

Wówczas prawidłowy ALT mógłby wyglądać tak:

<img src="spacer-nad-baltykiem.jpg" alt="Mąż z 3 letnią córką Olą  spacerują na bosaka po plaży nad Morzem Bałtyckim w Ustroniu.">

Tekst alternatywny do obrazu musi być konkretny, ale także reprezentatywny dla tematu strony, którą obsługuje. To samo zdjęcie można opisać w różny sposób w zależności do tego, na jakiej stronie się znajduje.

Jak długi powinien być tekst ALT do obrazu?

Jak już wiecie, teksty w atrybucie ALT nie tylko muszą być opisowe, ale muszą być również krótkie. Google nie podaje nigdzie limitu znaków, jakie powinny być w tagach, ale możemy się tego limitu domyślić. Najpopularniejsze czytniki ekranu ucinają tekst ALT po ok. 125 znakach. Wskazane jest, aby tekst zastępczy właśnie zamykał się w tej liczbie. W tych 125 znakach powinniśmy zapewnić użytkownikom i wyszukiwarkom wystarczającą ilość szczegółów, aby można było powiązać obraz z kontekstem strony.

Co to jest pusty atrybut ALT?

Pusty, czyli takie, którego nie dodaliśmy do strony. Wówczas kod obrazka wygląda tak.
<img src=”IMG 23495848.jpg” alt=” “>

Jeżeli na twojej stronie masz dużo takich pustych atrybutów ALT, najlepiej od razu zajmij się ich uzupełnieniem.

Kilka dobrych porad związanych z pisaniem ALT-ów.

Na koniec zbierzmy najlepsze praktyki związane z pisaniem opisów ALT do obrazów na stronie internetowej.

1. Opisuj grafikę w miarę możliwości wyczerpująco i konkretnie.
Opis powinien zawierać wszystkie kluczowe elementy, które pozwolą robotom (i osobom niedowidzącym) zorientować się w tematyce obrazu. Nie zapomnij opis dostosować do kontekstu strony.

2. Nie umieszczaj słów kluczowego w każdym opisie zastępczym.
Fraza kluczowa nie musi znajdować się w tekście alternatywnym każdego obrazu. Wybierz obraz, który Twoim zdaniem jest najbardziej reprezentatywny dla danego tematu i przypisz mu słowo kluczowe.

3. Zrezygnuj ze słów, które są niepotrzebne.
A takimi słowami i konstrukcjami są np. „na tym obrazku”, „fotografia przedstawia”. Od razu przechodź do sedna zawartości. Jaki jest koń, każdy widzi. Robot Google wie, że ma do czynienia ze zdjęciem, obrazkiem, grafiką. Nie trać znaków na pisanie o oczywistościach.

4. Używaj w opisie ALT słów kluczowych.
Opis alternatywy jest doskonałym miejscem na to, żeby zasygnalizować wyszukiwarkom słowa kluczowe, które są przez ciebie pożądane. Jeżeli jest tylko taka możliwość, wpleć frazę kluczową do opisu ALT. Pamiętaj jednak, że opis alternatywny powinien wyglądać naturalnie i mieć charakter opisowy. Dlatego…
5. Nie upychaj słów kluczowych w ALT-ach za wszelką cenę.
Forma
<img src= “nazwa.png" alt="słowo kluczowe 1, słowo kluczowe 2, słowo kluczowe 3, słowo kluczowe 4">
to jedna z najgorszych opcji, jaką możesz wybrać. Nie wykorzystuj tekstu zastępczego do obrazka jako miejsca, w którym upchniesz garść słów kluczowych. To się nie sprawdzi. Skup się na napisaniu dobrego tekstu alternatywnego i jak masz możliwość, umieścić w nim frazę. Jak nie masz, nie wsadzaj na siłę.

6. Zamknij opis w 125 znakach.
Już o tym wspominałam. Czytniki ekranu zazwyczaj po 125 znakach przestają czytać tekst dodatkowy. Staraj się, aby opis nie przekraczał tej liczby znaków.

7. Nie zapomnij o longdesc = " ".
Jeśli z jakichś powodów twój opis obrazka musi być dłuższy. Wówczas możesz skorzystać z tagu longdesc = "" . Przyda się dla bardziej złożonych obrazów, które wymagają dłuższego opisu.
Katarzyna Biernacka
Katarzyna Biernacka
Content marketer, copywriter, właścicielka agencji iMedia Solutions specjalizującej się w content marketingu - prowadzeniu blogów firmowych, tworzeniu treści do e-sklepów & SEO.

Dodaj komentarz

Twój adres email nie zostanie opublikowany.