Optymalizacja obrazów pod kątem SEO – jak ją prowadzić?

Czym jest optymalizacja obrazów pod kątem SEO

Obraz może przynosić ruch albo go kosztować

Dobrze opisany obraz generuje ruch z wyszukiwarki grafiki; źle zoptymalizowany spowalnia stronę i dla wyszukiwarki pozostaje samym plikiem, o którym nic nie wiadomo.

Obraz wstawiony w CSS dla wyszukiwarki nie istnieje

To warunek, o którym najłatwiej zapomnieć przy nowoczesnych układach stron, a dokumentacja stawia go bez zastrzeżeń: „Google can find images in src attribute of <img> element (…). Google doesn’t index CSS images”.1

Zdjęcie wstawione jako tło sekcji wygląda identycznie na ekranie i nie istnieje dla wyszukiwarki grafiki. Przy obrazach responsywnych dokumentacja zaleca też zawsze podać zapasowy adres w src, bo nie każdy robot rozumie srcset.1

Cztery poziomy tekstu alternatywnego

Dokumentacja podaje własną, czterostopniową skalę. To ona jest najużyteczniejszą rzeczą w całej dokumentacji obrazów. Od najgorszego: brak atrybutu; upychanie słów kluczowych, które „may cause your site to be seen as spam”; „Better: alt=’puppy’”; oraz „Best: alt=’Dalmatian puppy playing fetch’”.1

Różnica między dwoma ostatnimi poziomami jest praktyczna: „Better” nazywa temat, „Best” opisuje to, co widać na zdjęciu.

Zmierzyliśmy własne obrazy i wyszliśmy na „Better”

21 sierpnia 2026 sprawdziliśmy 970 obrazów na 150 własnych podstronach.2 Część wyniku jest w porządku: ani jeden obraz nie ma brakującego atrybutu alt, a 176 pustych opisów przypada na grafiki dekoracyjne, gdzie pusty alt jest poprawnym wyborem.

Gorzej wypada treść opisów. 164 z nich mają najwyżej trzy słowa i w większości powtarzają nazwę hasła: „rank brain”, „link kanoniczny”, „indeksowanie stron”. Formalnie poprawne, według skali Google to poziom „Better”: nazwa tematu zamiast opisu obrazu.

Przyczyna jest banalna i powtarzalna: alt powstawał razem z tekstem, zanim wybrano zdjęcie. Nie da się wtedy opisać czegoś, czego jeszcze nie ma, więc wpisuje się temat. Wniosek na przyszłość jest prosty: alt uzupełnia się na etapie wstawiania grafiki, nie pisania.

Drugie znalezisko dotyczy formatów: 682 z 970 obrazów to PNG, 247 to JPG, a WebP tylko 40, czyli niecałe cztery procent. Zalecenie „używaj nowoczesnych formatów” jest u nas spełnione w śladowym stopniu i to właśnie tu, a nie w opisach, leżą kilobajty do odzyskania.

Nazwa pliku, alt, format i kompresja

Pełny zakres pracy obejmuje: opisową nazwę pliku zamiast ciągu z aparatu, tekst alternatywny opisujący faktyczną zawartość, nowoczesny format jak WebP oraz kompresję dopasowaną do rzeczywistego rozmiaru wyświetlania.

Sama waga pliku bez opisu

Najczęstszy błąd polega na skupieniu się wyłącznie na kompresji, z pominięciem tekstu alternatywnego i nazwy pliku. Te dwa elementy są jedynym sposobem, w jaki wyszukiwarka rozumie treść obrazu. Waga pliku nie mówi o niej nic.

Kompresja, tekst alternatywny i WebP

Optymalizacja obrazów łączy kompresję, tekst alternatywny i wybór formatu WebP w jeden proces.

Najczęstsze pytania

Czy nazwa pliku obrazu ma znaczenie?
Tak. Opisowa nazwa, na przykład „hero-strony-glownej.webp” zamiast „IMG_2847.jpg”, pomaga zrozumieć kontekst obrazu.

Czy wystarczy skompresować obraz?
Nie. Kompresja to jeden z elementów, obok tekstu alternatywnego, nazwy pliku i formatu.

Jak napisać dobry tekst alternatywny?
Opisując, co widać na zdjęciu, a nie czego dotyczy strona. Dokumentacja nazywa pierwsze podejście „Best”, a drugie tylko „Better”.

Czy obraz w tle sekcji też się liczy?
Nie dla wyszukiwarki grafiki. Obrazy wstawione przez CSS nie są indeksowane: wyszukiwarka znajduje je wyłącznie w atrybucie źródła znacznika obrazu.

Źródła

1. Google Search Central, „Google Images SEO best practices” (odczyt 2026-08-21): „Google can find images in src attribute of <img> element (even when it’s a child of other elements, such as the <picture> element). Google doesn’t index CSS images”; „Avoid filling alt attributes with keywords (also known as keyword stuffing) as it results in a negative user experience and may cause your site to be seen as spam”; skala przykładów w dokumentacji: „Bad (missing alt text)”, „Bad (keyword stuffing)”, „Better: alt=’puppy’”, „Best: alt=’Dalmatian puppy playing fetch’”. Zobacz wytyczne Google →

2. Pomiar własny essaseo.pl z 2026-08-21 na 150 podstronach: 970 znaczników obrazu, z czego 0 bez atrybutu `alt`, 176 z pustym opisem (grafiki dekoracyjne) i 794 z opisem. 164 opisy liczą najwyżej trzy słowa. Formaty plików: 682 PNG, 247 JPG, 40 WebP, 1 GIF.