Dobre praktyki opisywania obrazków na stronie internetowej
Mariusz Miś
Ostatnia aktualizacja: 5 miesięcy temu
Nazwy plików - fundament SEO
Nazwa pliku obrazka to pierwsze, co zauważają roboty Google. Zamiast ogólnikowych nazw typu "IMG_1234.jpg" czy "zdjecie.png", stosuj opisowe nazwy oddzielone myślnikami, na przykład "bialy-fotel-skandynawski.jpg" lub "tort-czekoladowy-przepis.jpg". Unikaj polskich znaków diakrytycznych i spacji – Google lepiej radzi sobie z łącznikami i ASCII.
Atrybut alt - klucz do dostępności
Tekst alternatywny (atrybut alt) można dodać w panelu w zakładce Media. Wystarczy kliknąć w obrazek, a w otwartym oknie zobaczymy pole "Tekst alternatywny".
Alt to absolutna podstawa dostępności cyfrowej. Czytniki ekranu odczytują go użytkownikom niewidomym i słabowidzącym, pozwalając im to zrozumieć treść obrazka. Dobry opis alt powinien być konkretny i funkcjonalny - zamiast "zdjęcie" napisz "kobieta pracująca przy laptopie w jasnym biurze". Jeśli obrazek jest czysto dekoracyjny, pozostaw atrybut alt pusty (alt=""), aby czytnik go pominął i nie wprowadzał zamieszania.
Zasady efektywnego opisu
Dobry tekst alternatywny ma 125-150 znaków, jest napisany naturalnym językiem i zawiera kontekst. Nie zaczynaj od słów "zdjęcie przedstawia" czy "obrazek pokazuje" - czytniki ekranu same informują, że to grafika. Jeśli obrazek zawiera istotny tekst, uwzględnij go w opisie. Dla infografik i złożonych wykresów rozważ dodanie dłuższego opisu w polu Opis lub Podpis.
W polu tekstu alternatywnego warto uwzględniać słowa kluczowe, na które prowadzisz działania w kierunku pozycjonowania strony, ale naturalnie i z priorytetem dla użytkownika. Zasada jest prosta: najpierw napisz opis, który pomógłby osobie niewidomej zrozumieć, co jest na obrazku. Jeśli twoje naturalne słowa kluczowe pasują do tego opisu - świetnie! Jeśli nie - nie wciskaj ich na siłę.
Przykład dobry: Na stronie o tortach weselnych masz zdjęcie tortu. Alt: "trzypoziomowy tort weselny z białą polewą i różami" - naturalnie zawiera "tort weselny", co jest kluczowe dla SEO.
Przykład zły: Alt: "tort weselny warszawa cukiernia torty na zamówienie tort weselny cena" - to tzw. keyword stuffing, który nic nie wnosi dla osoby słabowidzącej.
W polu tekstu alternatywnego warto uwzględniać słowa kluczowe, na które prowadzisz działania w kierunku pozycjonowania strony, ale naturalnie i z priorytetem dla użytkownika. Zasada jest prosta: najpierw napisz opis, który pomógłby osobie niewidomej zrozumieć, co jest na obrazku. Jeśli twoje naturalne słowa kluczowe pasują do tego opisu - świetnie! Jeśli nie - nie wciskaj ich na siłę.
Przykład dobry: Na stronie o tortach weselnych masz zdjęcie tortu. Alt: "trzypoziomowy tort weselny z białą polewą i różami" - naturalnie zawiera "tort weselny", co jest kluczowe dla SEO.
Przykład zły: Alt: "tort weselny warszawa cukiernia torty na zamówienie tort weselny cena" - to tzw. keyword stuffing, który nic nie wnosi dla osoby słabowidzącej.