Atrybut ALT, czyli opis alternatywny grafiki, to często niedoceniany, a jednocześnie bardzo ważny składnik skutecznej optymalizacji. Jeśli chcesz, by Twoja strona była czytelna dla Google, dostępna dla użytkowników i dobrze oceniana pod kątem technicznym – zadbaj o prawidłowy atrybut ALT.
ALT (z ang. Alternative Text), nazywany też tekstem alternatywnym obrazka, to opis zamieszczony w kodzie HTML, który ma za zadanie opisywać obrazy umieszczone na stronie. Nie jest on widoczny bezpośrednio dla użytkownika – pojawia się w sytuacji, gdy obrazek nie może się załadować albo jest odczytywany przez czytniki ekranu (np. przez osoby niewidome). W takim przypadku to właśnie tekst alt pomaga zrozumieć, co przedstawia dany obraz.
Ale to nie wszystko. Zawartość atrybutu alt jest również analizowana przez roboty Google – dzięki czemu tekst alternatywny wspiera SEO (Search Engine Optimization) i może wpływać na pozycjonowanie strony.
Z kilku powodów:
SEO – Google nie „widzi” obrazów jak człowiek. Dzięki opisowi alternatywnemu zdjęć, algorytmy lepiej rozumieją, co przedstawia grafika i jak ma się do zawartości strony.
Dostępność – zapewnienie tekstów alternatywnych sprawia, że Twoja strona jest dostępna dla większej grupy użytkowników, w tym dla osób korzystających z czytników ekranu.
UX – Gdy obraz się nie załaduje, pojawia się tekst zastępczy – czyli właśnie ALT, który może poinformować użytkownika, co miał zobaczyć.
Pozycjonowanie grafiki w Google Grafika – odpowiedni tekst opisu alternatywnego może pomóc Twoim zdjęciom znaleźć się w wynikach wyszukiwania obrazów.
Brakiem opisu alternatywnego ryzykujesz nie tylko utratę widoczności, ale też punkty w ocenie technicznej strony, np. w Lighthouse czy PageSpeed Insights.
Nie wystarczy dodać tekst alternatywny byle jak. Dobry ALT to:
krótki opis obrazu – zwięzły, trafny i konkretny (zazwyczaj do 125 znaków),
zawierający opis zawartości wizualnej obrazka, np. „niemowlę w różowym pajacyku leży na kocu”,
czasem może zawierać frazy kluczowe, ale tylko wtedy, gdy pasują naturalnie do obrazka,
unika przesady – nie powtarzamy słów „grafika” czy „zdjęcie” (np. nie piszemy „zdjęcie kota”).
👉 Przykład złego ALT: grafika 1.jpg
👉 Przykład dobrego ALT: Noworodek w białym body z długim rękawem – kolekcja Hello
Opis zawartości musi być trafny, logiczny i pomocny – zarówno dla użytkowników, jak i algorytmów.
Oprócz tworzenia opisów alternatywnych, pamiętaj o kilku zasadach optymalizacji:
Mały rozmiar pliku – im lżejszy obraz, tym szybciej ładuje się strona.
Format – preferowane są pliki .jpg, .webp lub skompresowane .png. Format .webp to dziś złoty standard pod kątem szybkości ładowania.
Nazwa pliku – jeszcze przed wgraniem grafiki, nazwij ją sensownie: pajacyk-niemowle-hello.jpg zamiast img_12345.jpg.
Stosować atrybut alt dla każdej grafiki – nie zostawiaj ALT pustych (chyba że to czysto dekoracyjna grafika).
👉 Kompleksowe podejście to nie tylko tworzenie atrybutów alt, ale też dbałość o dostępność treści, szybkość strony i logiczną strukturę.
W WordPressie dodawanie opisów alternatywnych jest banalnie proste:
Wejdź w „Media” i wybierz konkretny obraz.
Po prawej stronie znajdziesz pole „Tekst alternatywny” – tam wpisz tekst opisu alternatywnego.
Kliknij „Zaktualizuj” – gotowe!
Jeśli dodajesz obrazek bezpośrednio w edytorze (np. Gutenberg), po jego wstawieniu również pojawi się możliwość uzupełnienia pola „ALT”.
Pamiętaj, że każda grafika na stronie powinna posiadać atrybut alt – bez względu na to, czy to zdjęcie produktu, grafika w artykule czy ikonka.
W sklepie na Shoperze również możesz dodać tekst alternatywny dla zdjęć:
W panelu administracyjnym przejdź do sekcji „Produkty”.
Edytuj dany produkt i przejdź do zakładki „Zdjęcia”.
Przy każdym zdjęciu możesz uzupełnić tekst alternatywny obrazka – wystarczy kliknąć „Edytuj” i wpisać odpowiedni opis.
Warto również sprawdzić tekst alternatywny po zapisaniu – niektóre szablony lub wtyczki mogą nadpisywać ustawienia.
❌ Brak ALT – puste teksty alternatywne sprawiają, że strona traci na SEO i dostępności.
❌ Nadmiar słów kluczowych – zamiast pomóc, może zaszkodzić.
❌ Nieprawdziwy lub ogólny opis – nie pomaga ani Google, ani użytkownikowi.
❌ Ten sam ALT przy wielu grafikach – generowanie tekstów alternatywnych powinno być unikalne dla każdej ilustracji.
Atrybut ALT to jeden z najmniejszych, ale najważniejszych elementów na stronie, jeśli chodzi o SEO i dostępność. Nie traktuj go jako „opcjonalnego dodatku”, ale jako integralny składnik strony, który pomaga opisywać obrazy, poprawiać widoczność i zwiększać dostępność treści.
Dobrze napisany tekst alternatywny to nie tylko lepsze zrozumienie strony przez Google, ale też realna pomoc dla użytkowników. Jeśli chcesz, mogę pomóc Ci w tworzeniu alternatywnych opisów obrazów na Twojej stronie – niezależnie, czy pracujesz na WordPressie, Shoperze, czy innym systemie.
👉 Potrzebujesz konsultacji lub indywidualnego szkolenia z optymalizacji grafik i tekstów ALT? A może chcesz, bym sprawdziła, jak wygląda u Ciebie wykorzystanie atrybutów ALT?
Porozmawiajmy – chętnie pomogę!
Zamów audyt SEO swojej strony!
