Atrybut ALT obrazka w znaczniku IMG

Atrybut ALT obrazka a SEO strony? Czy to ma wartość dla pozycjonera? Dlaczego warto z niego korzystać i oczym należy pamiętać – Krótki skrót dla początkujących.

Zacznijmy od początku..

Czym jest atrybut ALT?

Atrybut ALT czyli alternatywny tekst obrazka odgrywa kluczową rolę w optymalizacji dla wyszukiwarek internetowych. Jest to krótki opis, który opisuje zawartość obrazka dla osób korzystających z czytników ekranowych lub w przypadku, gdy obrazek nie może być załadowany. Jednakże, atrybut ALT ma znaczenie nie tylko dla użytkowników, ale także może pomóc przy zwiększaniu widoczności strony w wyszukiwarce.

Atrybut ALT w HTML

Puśćmy trochę naszą wyobraźnie na piaszczystą plażę!

Załóżmy, że mamy obrazek na którym znajduje się nasz piesek na plaży w Hiszpańskim  San Pedro w piękny słoneczny dzień.
 (miejscowość istnieje, ale nie jest bezpośrednio przy morzu – nie sprawdzaj 😉 )

<img src="źródło/piesek-sanpedro.jpg" alt="piesek bawiący się na plaży w San Pedro"/>

Fragment dla koderów:
Tak to wygląda w kodzie HTML. Ten atrybut, możemy także użyć przy przyciskach, linkach i innych elemetach.

Drzewo decyzyjne, które może być pomocne znajdziesz w dokumentacji od W3C: https://www.w3.org/WAI/tutorials/images/decision-tree/
Specyfikacja dla znacznika IMG: https://dev.w3.org/html5/spec-LC/embedded-content-1.html#alt

Tyle dla koderów. A co dla nas? Osób tworzących treści?

Jak używać atrybutu ALT, aby pomógł nam w SEO

Wprowadzając odpowiednio dobrany tekst do atrybutu ALT, możemy poprawić widoczność strony w wynikach wyszukiwania. Musimy przy tym pamiętać, że ten tekst jest przede wszystkim dla użytkowników.

Posłużmy się konkretnym przykładem:

Brak mydła na pustych regałach w makro

`Nazwa obrazka: brak-mydla.jpg, (zdjęcie wykonane i użyte w kontekście braków na sklepowych regałach w trakcie ostatniej pandemii.). Atrybut alt użyty dla tego obrazka to: „Brak mydła na pustych regałach w makro”.

Jasno wskazujemy w atrybucie ALT, co zawiera obrazek. Można zasugerować inną propozycje: „puste regały w sklepie”. Niezależnie od kontekstu, ważny jest przekaz zawartości.

Kluczowe jest, aby opis w atrybucie ALT był zwięzły. Nie wpisujemy tam opisów przyrody scenerii której fotografujemy – to nie jest dzieło literackie 😉 Unikaj nadmiernego spamowania słowami kluczowymi, ponieważ może to być interpretowane jako próba manipulacji przez wyszukiwarki. Staraj się dostarczać wartościową informację dla użytkowników, jednocześnie uwzględniając słowa kluczowe związane z treścią strony. Ale nigdy na siłę!

Nie pchajmy tu na siłę słów kluczowych. Warto dla przykładu podejrzeć konkurencje i zobaczyć czy zadbali już o swoje atrybuty ALT w obrazkach.

Przykład w którym ALT został wpisany, ale nie jest uzupełniony (walidatory w3c, wówczas informują o prawidłowym użyciu znacznika IMG, jednak atrybut ATL jest pusty)

Brak uzupełnionej treści w atrybucie ALT na stronie w znaczniku IMG

Jak dodać atrybut ALT w systemie CMS?

Przykład WordPress: Aby dodać, atrybut upewnij się, że dodawany obrazek spełnia zasady publikacji zdjęć do sieci. Czyli zawiera nazwę wskazującą na zawartość np.: zamek-w-ojcowie.jpg, zamiast: IMG5324.jpg. Następnie uzupełnij pole ALT/Tekst Alternatywny:

Dodawanie atrybutu ALT w WordPress

W jaki sposób to działa? – Podsumowanie

Wyszukiwarki, takie jak Google, nie są w stanie „zobaczyć” obrazków, dlatego właściwie zoptymalizowany atrybut ALT pozwala im zrozumieć, o czym jest dany obrazek. To z kolei wpływa pozytywnie na pozycjonowanie strony w wynikach wyszukiwania, na treści które tworzymy. Pamiętajmy dodając zdjęcia na nasze blogi/strony usługowe czy sklepy, aby uzupełnić ten atrybut. Nie kosztuje to nas wiele, a może pomóc 🙂

Warto pamiętać, że atrybut ALT nie tylko poprawia SEO strony, ale także wpływa pozytywnie na doświadczenie użytkownika, zwłaszcza dla osób z niepełnosprawnościami. Dlatego warto zadbać o odpowiednie wypełnienie tego elementu podczas tworzenia i optymalizacji zawartości strony internetowej.

Rate this post

Autor

Dominik

Zajmuje się tworzeniem stron internetowych i realizacją działań SEO na rzecz dużych i małych przedsiębiorstw. Pracowałem między innymi dla Semahead czy wydawnictwa HELION. Prowadzę szkolenia z zakresu HTML5 i SEO. Każdego dnia odkrywam nowe możliwości, tak by rozwijać Twój biznes w sieci.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *


The reCAPTCHA verification period has expired. Please reload the page.