SEO obrazów: jak optymalizować grafiki pod wyszukiwarki

  • Aktualizacja
  • Czas czytania 13 min
How to Optimize Images for Search Engines
Spis treści 29
  1. Czym jest optymalizacja obrazów w SEO?
  2. Dlaczego SEO obrazów jest ważne?
  3. Jak zoptymalizować obraz pod SEO?
  4. 12 skutecznych praktyk SEO obrazów
    1. 1. Używaj opisowych nazw plików
    2. 2. Pisz tekst alternatywny przede wszystkim dla człowieka
    3. 3. Wgrywaj obrazy w rozmiarze wyświetlania
    4. 4. Kompresuj z otwartymi oczami
    5. 5. Wybierz właściwy format
    6. 6. Serwuj obrazy responsywne
    7. 7. Ładuj leniwie to, co poniżej pierwszego ekranu
    8. 8. Umieszczaj obrazy blisko powiązanego tekstu
    9. 9. Serwuj przez CDN
    10. 10. Dodaj dane strukturalne i mapę witryny obrazów
    11. 11. Nie umieszczaj ważnego tekstu w obrazach
    12. 12. Ogranicz zdjęcia stockowe
  5. Jak znaleźć problemy z SEO obrazów?
  6. Jakiego rozmiaru obrazów używać?
  7. Jaki format obrazu jest najlepszy dla SEO?
    1. PNG czy JPEG – co lepsze dla SEO?
    2. PNG czy WebP – co lepsze dla SEO?
    3. JPEG czy WebP – co lepsze dla SEO?
  8. Jak obsługiwać obrazy w serwisie wielojęzycznym?
  9. Jak robić SEO obrazów w WordPressie?
  10. Czy obrazy wpływają na SEO?
  11. Co sprawia, że obraz jest przyjazny SEO?
  12. Jakie są najlepsze narzędzia do SEO obrazów?
  13. Jakie są ograniczenia SEO obrazów?
  14. Skorzystaj z usług międzynarodowego SEO Marketer Coffee

SEO obrazów to przygotowanie grafik tak, aby szybko się ładowały, były rozumiane przez wyszukiwarki i pojawiały się w wynikach wyszukiwania grafik. W e-commerce ma to większe znaczenie, niż większość osób zakłada: Mike Blumenthal z Near Media podaje, że 74% kupujących uważa firmę za bardziej wiarygodną, gdy w wynikach wyszukiwania widać zdjęcia, a według danych Google każda sekunda opóźnienia ładowania kosztuje około 7% konwersji. Obrazy są zwykle najcięższym elementem strony, co czyni je najszybszą drogą do problemów z Core Web Vitals i zarazem najszybszą drogą do ich rozwiązania. Nazywam się Adrian Dąbrowiecki i zajmuję się SEO e-commerce, gdzie zdjęcia produktów są jednocześnie głównym atutem i głównym obciążeniem wydajności. Oto dwanaście rzeczy, które warto zrobić.

Czym jest optymalizacja obrazów w SEO?

Optymalizacja obrazów w SEO polega na przygotowaniu grafik tak, aby szybko się ładowały, były wykrywalne dla wyszukiwarek i wzmacniały trafność strony, na której się znajdują.

Obejmuje wybór formatu, wymiary, kompresję, opisowe nazwy plików, tekst alternatywny i responsywne serwowanie. Praca zaczyna się przed wgraniem pliku i trwa dalej w sposobie jego dostarczania – obie części są ważne: idealnie nazwany obraz ważący trzy megabajty nadal jest problemem.

Dlaczego SEO obrazów jest ważne?

SEO obrazów jest ważne, ponieważ grafiki wpływają jednocześnie na szybkość strony, doświadczenie użytkownika, widoczność w wyszukiwarce i dostępność.

Szybkość to bezpośredni mechanizm. Niezoptymalizowane obrazy są najczęstszą przyczyną słabego wyniku Largest Contentful Paint, a elementem LCP jest zwykle główny obraz (hero). Popraw ten jeden plik, a poprawi się cała strona.

Drugi czynnik to widoczność. Zoptymalizowane obrazy pojawiają się w Google Grafika i Discover, co dla handlu i wydawców jest realnym kanałem ruchu, a nie błędem zaokrąglenia. W serwisach opartych na produktach wyszukiwanie grafik często przewyższa bloga.

Trzeci czynnik to dostępność – i warto o nią zadbać niezależnie od pozycji. Tekst alternatywny odczytuje czytnik ekranu, a jego poprawne napisanie zajmuje kilka sekund na obraz.

Jak zoptymalizować obraz pod SEO?

Aby zoptymalizować obraz, wybierz coś trafnego i oryginalnego, nadaj plikowi opisową nazwę, przeskaluj go do wymiarów wyświetlania, skompresuj, napisz sensowny tekst alternatywny, a następnie serwuj go responsywnie z leniwym ładowaniem.

Kolejność ma znaczenie, bo każdy krok zmniejsza to, czym musi zająć się następny. Przeskalowanie przed kompresją daje więcej niż agresywna kompresja obrazu o szerokości 3000 pikseli i nie pogarsza tego, co widzi odwiedzający.

Zmieniaj nazwy plików przed wgraniem: organic-almond-butter.jpg zamiast IMG_2045.jpg. Skaluj do maksymalnego rozmiaru, jaki faktycznie wyświetla układ strony – serwowanie 2400 pikseli do kontenera o szerokości 800 pikseli marnuje transfer przy każdej wizycie. Kompresuj w TinyPNG, Squoosh lub ImageOptim i oglądaj podgląd wyniku zamiast ufać ustawieniom. Potem napisz tekst alternatywny opisujący, co jest w kadrze, naturalnym językiem, z odpowiednią frazą tylko tam, gdzie pasuje.

Wskazówka: Google zaleca WebP, a ja używam go ostrożnie. W praktyce wystarczająco często trafiałem na problemy z indeksowaniem plików WebP, by nie polegać na nim tam, gdzie o wyniku decyduje szybkie i pewne indeksowanie – czyli w treściach newsowych i wszystkim, co celuje w Discover. W takich przypadkach dobrze skompresowany JPEG pozostaje bezpieczniejszym wyborem. W katalogu e-commerce, gdzie oszczędność wagi jest znacząca, a indeksowanie mniej pilne, WebP zasługuje na swoje miejsce.

12 skutecznych praktyk SEO obrazów

Dwanaście praktyk wartych stosowania to: opisowe nazwy plików, naturalny tekst alternatywny, właściwe wymiary, rozważna kompresja, odpowiednie formaty, obrazy responsywne, leniwe ładowanie, umieszczenie w kontekście, dostarczanie przez CDN, dane strukturalne i mapy witryny obrazów, unikanie tekstu w obrazach oraz ograniczenie zdjęć stockowych.

1. Używaj opisowych nazw plików

Drobny sygnał, który nic nie kosztuje, a sumuje się na tysiącach plików. Myślniki między słowami, bez podkreślników, bez domyślnych nazw z aparatu.

2. Pisz tekst alternatywny przede wszystkim dla człowieka

„Kobieta nakładająca serum przeciwzmarszczkowe” działa. „Kup serum do pielęgnacji najlepsze serum online” to upychanie słów kluczowych, które czytnik ekranu przeczyta na głos – to dobry test, czy nie przesadziłeś.

3. Wgrywaj obrazy w rozmiarze wyświetlania

Jeśli baner wyświetla się w rozmiarze 1200 na 600, wgraj go w rozmiarze 1200 na 600. Ten jeden nawyk eliminuje większość problemów z wagą obrazów, zanim w ogóle powstaną.

4. Kompresuj z otwartymi oczami

Kompresja stratna z jakością 70–85% dla zdjęć, bezstratna dla grafik z ostrymi krawędziami. Zawsze sprawdzaj podgląd. Nadmierna kompresja to osobny problem z konwersją, zwłaszcza przy zdjęciach produktów, na podstawie których odwiedzający ocenia towar.

5. Wybierz właściwy format

JPEG do zdjęć, PNG do przezroczystości i ostrych grafik, SVG do logo i ikon, WebP tam, gdzie oszczędność wagi to uzasadnia, AVIF tam, gdzie jesteś gotów obsłużyć przypadki brzegowe wsparcia. BMP i TIFF nie mają miejsca na stronie internetowej.

6. Serwuj obrazy responsywne

Używaj srcset i picture, aby telefon pobierał plik w rozmiarze dla telefonu. Na stronach z dużą liczbą obrazów ma to większy wpływ na wydajność mobilną niż jakiekolwiek ustawienie kompresji.

7. Ładuj leniwie to, co poniżej pierwszego ekranu

Ładuj tylko to, co widoczne. W artykule z dziesięcioma obrazami wymiernie poprawia to LCP, a natywne leniwe ładowanie obsługuje większość przypadków bez wtyczki.

8. Umieszczaj obrazy blisko powiązanego tekstu

Wyszukiwarki czytają otaczającą treść i podpisy, aby zinterpretować obraz. Zdjęcie tarty truskawkowej obok akapitu o sezonowych deserach jest czytelne. To samo zdjęcie w bloku galerii bez tekstu – już nie.

9. Serwuj przez CDN

Opóźnienie zależy od geografii. CDN serwuje kopie z serwerów blisko odwiedzającego, co ma ogromne znaczenie, gdy masz ruch z więcej niż jednego kraju, i prawie żadne, jeśli nie masz.

10. Dodaj dane strukturalne i mapę witryny obrazów

Schema Product z prawdziwą ceną i dostępnością sprawia, że obrazy kwalifikują się do wyników rozszerzonych. Mapa witryny obrazów pomaga, gdy grafiki ładują się przez JavaScript lub są głęboko w strukturze serwisu.

11. Nie umieszczaj ważnego tekstu w obrazach

Wyszukiwarki nie odczytają tekstu wtopionego w grafikę. Godziny otwarcia, ceny i nagłówki należą do HTML. To także kwestia dostępności, a czasem również prawna.

12. Ogranicz zdjęcia stockowe

Zdjęcia stockowe nie powodują kary – po prostu nie dają żadnej przewagi. Ten sam obraz pojawia się na pięciuset innych stronach, więc nie zajmie pozycji w wyszukiwarce grafik i nie zdobędzie linku. Oryginalne zdjęcia dają jedno i drugie.

Wskazówka: Umieszczaj docelową frazę w adresie URL obrazu, a nie tylko w nazwie pliku. Na pojedynczej stronie to drobna optymalizacja, ale stosowana konsekwentnie w całym katalogu staje się znacząca – i właśnie stąd bierze się większość efektu kuli śnieżnej w SEO e-commerce.

Jak znaleźć problemy z SEO obrazów?

Aby znaleźć problemy z obrazami, przeskanuj serwis Screaming Frogiem, sprawdź raport obrazów w Search Console i przepuść kluczowe strony przez PageSpeed Insights.

Screaming Frog wykrywa brakujące teksty alternatywne, zbyt duże pliki, niedziałające adresy obrazów i obrazy bez zadeklarowanych wymiarów. Ustaw próg rozmiaru pliku – 500 KB to rozsądny punkt wyjścia – a wszystko powyżej staje się listą zadań.

W Search Console przełącz raport Skuteczność na wyszukiwanie grafik. Niska liczba wyświetleń w serwisie bogatym w obrazy zwykle oznacza, że grafikom brakuje kontekstu, a nie że są za ciężkie. Obrazy zeskanowane, ale niezindeksowane, zazwyczaj wskazują na brak tekstu alternatywnego, ładowanie przez JavaScript lub ograniczenia w robots.

PageSpeed Insights i Lighthouse wskazują konkretne problemy: dobierz odpowiedni rozmiar obrazów, wyświetlaj obrazy w formatach nowej generacji, odłóż ładowanie obrazów poza ekranem. Jeśli LCP jest wolne i prowadzi do obrazu hero, znalazłeś ten jeden plik, który warto poprawić najpierw.

Potem sprawdź ręcznie. Kliknij prawym przyciskiem i użyj opcji Zbadaj w Chrome, aby porównać wymiary naturalne z renderowanymi – w ten sposób wyłapiesz plik o szerokości 2400 pikseli skalowany w przeglądarce do 600.

Jakiego rozmiaru obrazów używać?

Utrzymuj obrazy w treści poniżej ok. 100 KB, a obrazy hero poniżej 300 KB, w wymiarach nie większych niż kontener, który je wyświetla.

Typ obrazuTypowa szerokośćDocelowa waga
Obrazy w treści800 do 1200pxPoniżej 100 KB
Zdjęcia produktów1000 do 1500px100 do 200 KB
Banery heroDo 1920pxPoniżej 300 KB
Miniatury300 do 400pxPoniżej 30 KB

To cele robocze, a nie sztywne zasady. Prawdziwym testem jest to, czy strona osiąga progi Core Web Vitals na telefonie ze średniej półki przy transmisji komórkowej – a to zupełnie inne środowisko niż to, w którym testujesz.

Jaki format obrazu jest najlepszy dla SEO?

Używaj JPEG do zdjęć, PNG do przezroczystości, SVG do logo i ikon, a WebP tam, gdzie oszczędność rozmiaru pliku uzasadnia kompromisy.

PNG czy JPEG – co lepsze dla SEO?

JPEG do zdjęć, bo przy porównywalnej postrzeganej jakości daje znacznie mniejsze pliki. PNG do logo, ikon i wszystkiego, co wymaga przezroczystości lub ostrych krawędzi. Używanie PNG do zdjęć produktów to jedna z najczęstszych przyczyn przeładowanych stron sklepów.

PNG czy WebP – co lepsze dla SEO?

W większości przypadków WebP, ponieważ obsługuje przezroczystość jak PNG przy znacznie mniejszych rozmiarach. PNG tylko tam, gdzie bezstratna precyzja naprawdę ma znaczenie.

JPEG czy WebP – co lepsze dla SEO?

WebP daje podobną jakość przy mniejszym rozmiarze, co przemawia na jego korzyść pod względem samej wagi. Obowiązuje jednak moje wcześniejsze zastrzeżenie: tam, gdzie o wyniku decyduje niezawodne, natychmiastowe indeksowanie, JPEG okazywał się w mojej praktyce pewniejszy.

Jak obsługiwać obrazy w serwisie wielojęzycznym?

W serwisach wielojęzycznych teksty alternatywne i nazwy plików powinny być w języku danej strony, bo Google Grafika jest personalizowane według języka i lokalizacji.

Tego brakuje w większości poradników o SEO obrazów, a to proste źródło ruchu, po które prawie nikt nie sięga. Trzy kwestie:

  • Tekst alternatywny dla każdej wersji językowej. Niemiecka strona z angielskim tekstem alternatywnym nie pojawi się w niemieckich zapytaniach o grafiki. Większość serwisów powiela angielskie atrybuty alt we wszystkich wersjach, bo CMS kopiuje je automatycznie.
  • Nazwy plików dla każdego rynku, gdzie to wykonalne. Nie zawsze jest to możliwe przy wspólnej bibliotece mediów, ale gdy ten sam produkt ma na różnych rynkach naprawdę różne nazwy, warto włożyć w to wysiłek.
  • Wspólne adresy URL obrazów dla wszystkich wersji są w porządku. Nie potrzebujesz osobnych plików dla każdego języka, a ich powielanie rozprasza sygnały. Zachowaj jeden plik, zmieniaj otaczające atrybuty.

Szerszy kontekst znajdziesz w naszym przewodniku po międzynarodowym SEO, ale już sama warstwa obrazów często odpowiada za kilka procent ruchu organicznego w serwisie produktowym działającym w kilku językach.

Jak robić SEO obrazów w WordPressie?

W WordPressie kompresuj i skaluj obrazy przed wgraniem, nadawaj plikom opisowe nazwy, wypełniaj pole tekstu alternatywnego w Bibliotece mediów i pozwól motywowi obsłużyć responsywny kod.

WordPress automatycznie dodaje srcset i od wersji 5.5 ma natywne leniwe ładowanie, więc wtyczki są potrzebne tylko do kompresji, konwersji do WebP i masowych poprawek. ShortPixel, Smush i Imagify robią to dobrze. Yoast lub Rank Math uwzględnią obrazy w mapie witryny.

W WooCommerce ustaw prawidłowe rozmiary obrazów w Customizerze przed wgraniem katalogu, bo regenerowanie tysięcy miniatur później to znacznie gorsze popołudnie niż zrobienie tego dobrze od początku.

Czy obrazy wpływają na SEO?

Tak. Obrazy wpływają na szybkość strony, trafność treści, dostępność i zaangażowanie – a wszystko to przekłada się na wyniki strony.

Szybkość to ścieżka mierzalna, głównie przez LCP. Trafność jest subtelniejsza: teksty alternatywne, nazwy plików, podpisy i otaczająca treść pomagają wyszukiwarkom zrozumieć, czego dotyczy strona, a dzięki widzeniu maszynowemu swój wkład ma też sama zawartość obrazu. Ruch z Google Grafika to bezpośredni kanał dla handlu i przepisów kulinarnych. A zaangażowanie, sygnał bardziej miękki, wynika ze stron, które wyglądają na przemyślane, a nie poskładane.

Wskazówka: Podczas migracji serwisu zachowaj dokładne adresy URL obrazów albo prawidłowo przekieruj stare. Zespoły starannie odtwarzają strukturę adresów stron, a pozwalają bibliotece mediów wygenerować wszystko pod spodem na nowo, co z dnia na dzień przekreśla wypracowaną widoczność w wyszukiwarce grafik. Widziałem, jak kosztowało to więcej ruchu, niż sama migracja miała przynieść.

Co sprawia, że obraz jest przyjazny SEO?

Obraz przyjazny SEO szybko się ładuje, ma opisową nazwę pliku i trafny tekst alternatywny, używa odpowiedniego formatu w odpowiednich wymiarach i znajduje się blisko treści, która go objaśnia.

To cała lista kontrolna. Żaden z jej punktów nie jest trudny – i właśnie dlatego się je pomija, a konsekwentne stosowanie ich w całym katalogu daje realną przewagę konkurencyjną.

Jakie są najlepsze narzędzia do SEO obrazów?

Warto mieć TinyPNG lub Squoosh do ręcznej kompresji, ShortPixel lub Imagify do zautomatyzowanej pracy w WordPressie, CDN taki jak Cloudflare lub Cloudinary do dostarczania oraz Screaming Frog i Search Console do wyszukiwania problemów.

NarzędzieZastosowanieNajlepsze do
TinyPNG / SquooshRęczna kompresja z podglądemPojedyncze obrazy, pełna kontrola
ShortPixel / Imagify / SmushAutomatyczna kompresja i konwersjaWordPress na dużą skalę
Cloudflare / Cloudinary / ImgixSkalowanie i dostarczanie w locieRuch międzynarodowy, duże katalogi
Screaming FrogMasowy audyt tekstów alt, rozmiarów, uszkodzonych plikówZnajdowanie błędów
PageSpeed Insights / LighthouseDiagnostyka wydajnościPriorytetyzacja według wpływu
Google Search ConsoleSkuteczność w wyszukiwarce grafik i indeksowanieMierzenie, czy to zadziałało

Jakie są ograniczenia SEO obrazów?

Ograniczenia SEO obrazów są takie, że obrazy nie zastąpią treści tekstowej, nie każdy obraz zostaje zindeksowany, nadmierna kompresja psuje doświadczenie, a tekst alternatywny niesie ograniczony kontekst.

„same obrazy nie zapewnią wysokich pozycji”Landingi, SEO Image Optimization: Definition, Importance, and 12 Tips

Indeksowanie nie jest gwarantowane. Obrazy bez tekstu alternatywnego, ładowane przez JavaScript, ustawione jako tła CSS lub zablokowane w robots.txt nic nie wnoszą, a grafiki dekoracyjne z założenia nic nie wnoszą.

Nadmierna kompresja to realny koszt, traktowany jak darmowy. Rozmazane zdjęcie produktu podważa zaufanie dokładnie w chwili, gdy ktoś decyduje o zakupie, i żaden wynik Core Web Vitals tego nie zrekompensuje.

SEO obrazów nie naprawi też wolnego hostingu, słabego designu mobilnego ani brakujących danych strukturalnych. To jedna z kilku warstw – warto ją dopracować, ale nie należy mylić jej ze strategią.

Skorzystaj z usług międzynarodowego SEO Marketer Coffee

Praca nad obrazami to mało efektowna, kumulująca się robota, która w ciągu kilku lat różnicuje katalogi – a jej efekt mnoży się, gdy sklep sprzedaje w kilku językach, bo teksty alternatywne, opóźnienia dostarczania i widoczność w wyszukiwarce grafik różnią się w zależności od rynku. Tym właśnie zajmujemy się w Marketer Coffee – polskiej agencji SEO specjalizującej się w międzynarodowym SEO, pracującej z markami e-commerce i SaaS w USA, Wielkiej Brytanii i Europie, w stawkach o 40–60% niższych niż porównywalne agencje z USA i Wielkiej Brytanii. Każdą współpracę zaczynamy od bezpłatnego wstępnego audytu obejmującego Core Web Vitals, indeksację i luki na poziomie rynków, a do tego 90-dniowego planu uporządkowanego według tego, co kosztuje Cię najwięcej.

Zakres i ceny znajdziesz w usługach międzynarodowego SEO lub przejdź od razu do swojego rynku: Stany Zjednoczone, Wielka Brytania, Niemcy. Jeśli wolisz najpierw zobaczyć wyniki w handlu, case study Aldi pokazuje 132% wzrostu ruchu organicznego w dwanaście miesięcy.

Leave a Reply

Your email address will not be published. Required fields are marked *

Chcesz takich wyników dla swojej strony?

Umów bezpłatną 30-minutową rozmowę. Wyjdziesz z trzema konkretnymi szansami SEO, niezależnie od tego, czy będziemy współpracować.

Umów bezpłatną rozmowę