Na co zwrócić uwagę podczas optymalizacji grafik i zdjęć pod kątem SEO?

Dobrze przygotowana grafika robi dwie rzeczy: nie spowalnia strony i daje Google szansę pokazać ją w wynikach. Zła potrafi zepsuć oba efekty naraz, nawet gdy tekst na stronie jest świetny. Poniżej znajdziesz, na co zwrócić uwagę przy formacie, wadze, wczytywaniu i opisie zdjęć oraz jak sprawdzić to na własnej stronie.

Dlaczego optymalizacja grafik ma znaczenie dla SEO?

Bo grafiki wpływają jednocześnie na szybkość strony i na to, czy pojawisz się w wynikach z obrazami. Na stronach sklepów i usług zdjęcia to zwykle największe pliki, a jednocześnie główny argument sprzedażowy.

• Widoczność. Zdjęcia z Twojej strony mogą trafiać do Google Grafika, do miniatur przy wynikach tekstowych i do Google Discover. Ruch z wyszukiwania grafiki widzisz w Search Console jako osobny typ wyszukiwania.
• Szybkość. Ciężkie zdjęcie w pierwszym ekranie opóźnia moment, w którym klient widzi stronę. To mierzy wskaźnik LCP z Core Web Vitals.
• Odpowiedzi AI. Wśród dobrych praktyk dla AI Overviews i AI Mode Google wymienia uzupełnianie treści tekstowej grafikami i wideo wysokiej jakości, gdy to ma sens.

Optymalizacja grafik to więc część technicznego porządku strony, który w modelu Search Ecosystem™ opisujemy w obszarze Google Search. Nie zastąpi dobrej treści, ale sprawia, że treść szybciej dociera do klienta.

Jak Google znajduje i rozumie grafiki?

Google znajduje grafiki w atrybucie src znacznika img i rozumie je głównie z kontekstu: tekstu wokół, tekstu alternatywnego i nazwy pliku. Obrazów ustawionych jako tło w CSS Google nie indeksuje.

• Znacznik img. Zdjęcie produktu albo ilustracja, którą chcesz pokazać w wynikach, musi być w kodzie jako img z adresem pliku w src. Tło sekcji może zostać w CSS.
• Kontekst. Umieść grafikę blisko tekstu, którego dotyczy, na stronie o tym samym temacie. Tytuł strony i jej opis też pomagają Google ustalić, co grafika przedstawia.
• Tekst alternatywny. Google nazywa go najważniejszym atrybutem opisującym grafikę. Jak go pisać i czym różni się od atrybutu title, wyjaśniamy we wpisie o atrybutach alt i title.
• Nazwa pliku i adres. Krótka, opisowa nazwa, np. czarny-plecak-miejski.jpg zamiast IMG_4521.jpg, daje lekką wskazówkę. Ile naprawdę znaczy adres pliku i kiedy jego zmiana kosztuje ruch, opisujemy we wpisie Czy URL grafiki ma wpływ na SEO?

Dla sklepu wniosek jest prosty: zdjęcie produktu ma stać przy opisie produktu, w zwykłym znaczniku img, z tekstem alternatywnym, który mówi, co widać.

Jaki format i rozmiar pliku wybrać?

Format dobierz do rodzaju grafiki, a rozmiar do miejsca, w którym grafika się wyświetla. Google obsługuje w wyszukiwarce formaty BMP, GIF, JPEG, PNG, WebP, SVG i AVIF; rozszerzenie pliku powinno odpowiadać jego rzeczywistemu typowi.

Format	Kiedy używać	Na co uważać
JPEG	zdjęcia, gdy platforma nie obsługuje nowszych formatów	zbyt mocna kompresja daje widoczne artefakty
WebP, AVIF	zdjęcia i grafiki na stronach, które je obsługują	sprawdź, czy CMS i szablon tworzą wersję zapasową
PNG	grafiki z przezroczystym tłem, zrzuty ekranu, proste ilustracje	zdjęcie zapisane jako PNG bywa wielokrotnie cięższe
SVG	logo, ikony, schematy	nie nadaje się do zdjęć
GIF	bardzo proste animacje	dłuższą animację lepiej zamienić na wideo

Rozmiar to druga połowa pracy. Nie wgrywaj zdjęcia o szerokości pełnego aparatu, jeśli wyświetla się w kolumnie szerokiej na kilkaset pikseli. Przygotuj kilka wersji i podaj je przez atrybut srcset albo element picture, a przeglądarka wybierze plik pasujący do ekranu. Google zaleca, by zawsze zostawić też zwykły adres w src jako wersję zapasową.

Na koniec kompresja. Większość CMS-ów i platform sklepowych ma wtyczki albo ustawienia, które zmniejszają pliki przy wgrywaniu. Sprawdź, czy są włączone i czy działają także dla zdjęć dodanych przed ich instalacją.

Jak grafiki wpływają na szybkość strony i Core Web Vitals?

Bezpośrednio: zdjęcie często jest największym elementem pierwszego ekranu, więc od jego wczytania zależy LCP, a brak wymiarów powoduje przesunięcia układu, czyli CLS. Google zaleca, by LCP następował w ciągu 2,5 sekundy, a CLS był niższy niż 0,1 (dokumentacja Core Web Vitals, stan na październik 2026).

• Waga pliku. Mniejszy plik szybciej dociera do przeglądarki, zwłaszcza na telefonie i słabszym łączu.
• Wymiary. Podaj szerokość i wysokość grafiki (atrybuty width i height albo proporcje w CSS). Przeglądarka zarezerwuje wtedy miejsce, a tekst nie przeskoczy, gdy zdjęcie się wczyta.
• Leniwe ładowanie. Zdjęcia niżej na stronie mogą wczytywać się dopiero, gdy klient do nich przewinie. Google ostrzega jednak, by nie stosować leniwego ładowania do treści widocznej od razu po otwarciu strony, bo opóźnia to jej wyświetlenie.
• Stały adres i pamięć podręczna. Odwołuj się do tej samej grafiki zawsze tym samym adresem. Przeglądarka i Google mogą wtedy użyć zapisanej kopii, zamiast pobierać plik od nowa. Pliki z sieci CDN docierają do klienta z serwera bliżej niego.

Wyniki szybkości sprawdzisz w PageSpeed Insights i w raporcie Core Web Vitals w Search Console. Szerzej o samych wskaźnikach piszemy we wpisie o Core Web Vitals. Pamiętaj przy tym, że dobre wyniki nie gwarantują pozycji na szczycie. Google pokazuje najtrafniejszą treść nawet wtedy, gdy wrażenia ze strony są słabsze.

Jak pomóc Google znaleźć wszystkie grafiki?

Upewnij się, że grafiki są w kodzie strony po wyrenderowaniu, a te, których Google może nie znaleźć, wypisz w mapie witryny dla grafik. Najczęściej dotyczy to zdjęć wczytywanych skryptem, np. w galeriach i karuzelach.

1. Sprawdź wyrenderowany kod. W Search Console użyj narzędzia do sprawdzania adresu URL i zobacz wyrenderowany HTML. Adresy zdjęć muszą stać w atrybucie src znaczników img.
2. Nie wymagaj kliknięcia. Google nie przewija strony ani nie klika. Galeria, która wczytuje kolejne zdjęcia dopiero po kliknięciu strzałki, może pokazać robotowi tylko pierwsze.
3. Dodaj mapę grafik. W mapie witryny dla grafik możesz wskazać do 1000 grafik przy jednym adresie strony. Grafiki mogą leżeć w innej domenie, np. w CDN, pod warunkiem że obie domeny są zweryfikowane w Search Console.
4. Nie blokuj grafik. Plik robots.txt nie może blokować katalogu ani domeny, z której wczytują się zdjęcia.

W mapie grafik nie podawaj już podpisu, tytułu, lokalizacji ani licencji. Google usunął te znaczniki ze swojej dokumentacji; opis grafiki bierze ze strony, na której ona stoi.

Czy własne zdjęcia i metadane mają znaczenie?

Tak, choć inaczej, niż obiecują stare poradniki. Dokumentacja Google nie opisuje osobnej premii za to, że zdjęcie jest autorskie. Własne zdjęcie pokazuje to, czego klient szuka: Twój produkt, Twój zespół, Twoją realizację.

Zdjęcie z banku zdjęć, którego używa wiele innych stron, nie wyróżni Cię ani w wynikach, ani na karcie produktu.

Google zwraca uwagę, że ostre zdjęcia wysokiej jakości przyciągają więcej kliknięć w wynikach z grafikami.

Metadane pomagają, gdy zdjęcia są Twoim majątkiem, np. w fotografii, architekturze albo sklepie z własną sesją produktową:

• Licencja i autor. Metadane grafiki możesz dodać danymi strukturalnymi albo wpisać do pliku jako metadane IPTC. Z informacją o licencji grafika może dostać w Google Grafika oznaczenie, że można ją licencjonować.
• Dane strukturalne. Jeśli strona ma dane strukturalne, np. produktu albo przepisu, podaj w nich adres głównego zdjęcia. Według Google atrybut grafiki jest wymagany, by strona dostała w Google Grafika oznaczenie i wynik z elementami rozszerzonymi.

Jakie błędy w grafikach popełnia się najczęściej?

Większość problemów wynika z ustawień szablonu albo wtyczki, a nie z pojedynczych zdjęć. Poniżej lista, którą warto przejść przy każdym nowym szablonie i każdej nowej wtyczce do grafik.

• Zdjęcia wgrane prosto z aparatu albo telefonu, bez zmniejszenia i kompresji.
• Leniwe ładowanie włączone dla wszystkich grafik, także dla zdjęcia w pierwszym ekranie.
• Brak wymiarów, przez który treść przeskakuje podczas wczytywania.
• Zdjęcia produktów jako tło w CSS albo w galerii wczytywanej dopiero po kliknięciu.
• Ta sama grafika pod kilkoma adresami, np. z parametrem dopisywanym przy każdym wyświetleniu.
• Teksty alternatywne powielone z nazwy produktu na wszystkich zdjęciach albo upchane frazami.
• Tekst ważny dla oferty, np. cena albo warunki promocji, umieszczony tylko na obrazku.

Każdy z tych błędów kosztuje albo szybkość, albo widoczność. Do ich usunięcia nie potrzebujesz nowej sesji zdjęciowej.

Co zrobić teraz?

Zacznij od stron, które sprzedają: strony głównej, najważniejszych kategorii i kart najpopularniejszych produktów albo usług. Sprawdź je według tej listy:

1. Otwórz stronę w PageSpeed Insights i zobacz, czy elementem LCP jest zdjęcie oraz ile waży.
2. Sprawdź, czy zdjęcie w pierwszym ekranie nie jest wczytywane leniwie.
3. Upewnij się, że grafiki mają podane wymiary i są zapisane w formacie dopasowanym do treści.
4. W Search Console sprawdź wyrenderowany HTML jednej karty produktu: czy zdjęcia z galerii są w src.
5. W raporcie skuteczności przełącz typ wyszukiwania na grafiki i zobacz, które strony zbierają z nich wyświetlenia.
6. Jeśli zdjęcia wczytują się skryptem, dodaj mapę witryny dla grafik.

Grafiki to jeden z wielu elementów technicznych, które razem decydują o tym, czy klient zobaczy Twoją stronę szybko i w dobrym miejscu. Gdy lista pokaże problem na kilku stronach, szukaj przyczyny w szablonie, zanim zaczniesz poprawiać zdjęcia po kolei.

Najczęstsze pytania.

Ile powinno ważyć zdjęcie na stronie?

Nie ma jednego progu, który Google wymaga. Plik ma być możliwie lekki przy jakości potrzebnej klientowi oraz dopasowany do szerokości, w jakiej się wyświetla. Czy waga jest problemem, pokaże PageSpeed Insights dla konkretnej strony.

Czy podpis pod zdjęciem pomaga w SEO?

Podpis to tekst blisko grafiki, więc dokłada kontekstu, z którego Google korzysta przy ustalaniu, co przedstawia obraz. Pisz go dla czytelnika, np. z nazwą produktu albo źródłem zdjęcia, a nie jako miejsce na frazy.

Czy grafiki stworzone przez AI mogą pozycjonować się w Google?

Mogą, Google ocenia grafikę według tych samych zasad co inne obrazy. Na karcie produktu lepiej jednak pokazać prawdziwy produkt, bo grafika, która go upiększa, rozczarowuje klienta po zakupie.

Czy warto blokować kopiowanie zdjęć ze strony?

Skrypty blokujące prawy przycisk myszy nie chronią przed kopiowaniem i utrudniają korzystanie ze strony. Lepiej oznaczyć autora i licencję w metadanych. Jeśli grafika nie ma się pojawiać w Google Grafika, zablokuj ją dla robota Googlebot-Image w pliku robots.txt.