Krótka odpowiedź: aby sprawdzić obrazy na stronie pod kątem SEO, wklej ich adres URL do darmowego narzędzia SEO Image Checker w PromoPilot. Narzędzie przeanalizuje do 100 tagów <img>: czy występuje tag alt, czy ustawiono loading="lazy", czy ustawiono szerokość i wysokość, czy użyto formatu WebP, AVIF lub SVG oraz czy występuje atrybut srcset. Wynikiem jest wynik od 0 do 100 oraz komentarze do każdego obrazu. Poniżej znajdziesz informacje o tym, jak obliczany jest wynik, co należy poprawić w pierwszej kolejności i czego narzędzie nie wykryje.
Tworzę strony internetowe i sklepy od 12 lat, a obrazy stanowią główne wąskie gardło w prawie każdym z nich. Typowa karta produktu: pięć zdjęć o rozmiarze 3 MB prosto z aparatu, pusty tekst alternatywny i nazwa pliku IMG_4512.jpg.
Co sprawdza Image SEO Check?
Narzędzie analizuje każdy obraz na stronie na podstawie pięciu kryteriów i sumuje je, aby uzyskać ogólną ocenę.
| Co sprawdza? | Na co on patrzy? | Dlaczego jest to ważne dla SEO i biznesu? |
|---|---|---|
| Alt | Czy dla każdego <img> | Pozycja Google Images według alt; dostępność dla niewidomych |
| Leniwe ładowanie | Atrybut loading="lazy" jest stosowany do obrazów znajdujących się poniżej pierwszego ekranu. | Strona nie ładuje niczego, czego użytkownik jeszcze nie przewinął. |
| Szerokość i wysokość | Czy wymiary są określone w atrybutach tagu? | Bloki nie „skaczą” podczas ładowania – to metryka CLS |
| Format | WebP, AVIF lub SVG według rozszerzenia pliku | Nowoczesne formaty są zauważalnie mniejsze niż JPG i PNG. |
| Źródło | Czy istnieją opcje obrazu dla różnych ekranów? | Telefon odbiera mały plik, a nie wersję monitora. |
Każdy obraz otrzymuje listę komentarzy, a strona otrzymuje ocenę końcową. To wygodne: widać nie tylko, co jest nie tak, ale także, który obraz jest wadliwy.
Jak sprawdzić zdjęcia na stronie internetowej?
- Otwórz narzędzie Image SEO Checker.
- Wpisz adres strony, najlepiej takiej z dużą ilością zdjęć: karta produktu, kategoria, artykuł blogowy, portfolio.
- Kliknij „Sprawdź” i poczekaj, aż wszystkie obrazy zostaną zeskanowane.
- Zobacz oceny i listę komentarzy dla każdego obrazu.
- Proszę rozwiązać problemy i sprawdzić stronę ponownie.
Tak wygląda strona narzędzia: pole adresu, lista sprawdzeń i FAQ.
Jak obliczana jest ocena i co należy poprawić w pierwszej kolejności?
Ocena zaczyna się od 100 punktów, a za każde zgłoszenie naliczane są kary, w zależności od odsetka obrazów na stronie, które nie spełniają kryteriów. Znając zasady, łatwo jest wywnioskować, co przyniesie największy wzrost.
| Badanie | Cienki | Komentarz |
|---|---|---|
| Alt | Mniej niż 50% obrazów z alt — -30; mniej niż 80% — -15; mniej niż 100% — -5 | Najważniejszy punkt |
| Leniwe ładowanie | mniej niż 50% - −15; mniej niż 80% - −8 | Pierwsze trzy zdjęcia nie są brane pod uwagę |
| Szerokość i wysokość | mniej niż 50% - −15; mniej niż 80% - −8 | Wymiary dostępne wyłącznie w CSS nie są brane pod uwagę. |
| WebP, AVIF lub SVG | mniej niż 30% - 10 | Format jest określany przez rozszerzenie |
| Srcset dla obrazów rastrowych | mniej niż 30% - 10 | SVG nie potrzebuje srcset |
Oto moje zlecenie:
- Alt. Najdroższy i najłatwiejszy do naprawy przedmiot. Wpisz, co jest pokazane:
alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", a niealt="рюкзак купить дёшево рюкзак". W przypadku elementów dekoracyjnych użyj pustegoalt="". - Szerokość i wysokość. Określ rzeczywiste wymiary w atrybutach i dodaj
img { max-width: 100%; height: auto; }do CSS — obraz pozostanie responsywny, a układ przestanie się przeskakiwać. - Leniwe ładowanie dotyczy wszystkiego poniżej linii zagięcia. Ma jednak negatywny wpływ na obraz główny: musi być ładowany natychmiast i priorytetowo.
- WebP lub AVIF. WordPress obsługuje przesyłanie danych w formacie WebP od wersji 5.8, a w formacie AVIF od wersji 6.5.
- Źródło dla dużych zdjęć, aby telefon nie pobierał wersji monitora.
Przykład prawidłowego umieszczenia obrazu głównego i zdjęcia adaptacyjnego w tekście:
<img src="/img/hero.webp" alt="Мастерская кожаных изделий Nord" width="1200" height="600" fetchpriority="high"> <img src="/img/bag-700.webp" srcset="/img/bag-700.webp 700w, /img/bag-1400.webp 1400w" sizes="(max-width: 700px) 100vw, 700px" alt="Рюкзак Nord 20 л, вид сбоку" width="700" height="700" loading="lazy">Jak napisać dobry tag alt dla obrazu?
Tag alt to najważniejszy element oceny i to właśnie tutaj najczęściej popełniane są błędy: albo pozostawia się go pustym, albo wypełnia słowami kluczowymi. Prosta zasada: opisz obraz komuś, kto nie widzi go w jednym zdaniu.
| Zdjęcie | Zły alt | Dobra alternatywa |
|---|---|---|
| Zdjęcie produktu | рюкзак купить рюкзак недорого | Кожаный рюкзак Nord 20 л, коричневый, вид спереди |
| Zdjęcie drużynowe | photo1 | Мастера мастерской Nord за работой над сумкой |
| Diagram lub wykres | график | Рост заказов с сайта по месяцам: с 40 до 120 в месяц |
| Ikona dekoracji | иконка | pusty alt="" — nie ma potrzeby tego czytać |
W przypadku katalogu wygodnie jest tworzyć tagi alt, korzystając z szablonu: nazwa produktu + kolor lub wariant + kąt. W ten sposób pięć zdjęć na jednej karcie będzie miało pięć różnych, przydatnych opisów, zamiast pięciu identycznych.
Nazwa pliku również ma znaczenie: kozhanyj-ryukzak-nord-korichnevyj.webp jest lepszy niż IMG_4512.jpg. Nie ma sensu zmieniać nazw starych plików tylko z tego powodu, lepiej przesłać nowe z opisowymi nazwami.
Porównanie: Image SEO Checker i alternatywy
| Narzędzie | Co jest darmowe? | Ograniczenia | Dla kogo jest to odpowiednie? |
|---|---|---|---|
| PromoPilot — narzędzie do sprawdzania SEO obrazów | Alt, leniwe ładowanie, szerokość/wysokość, formaty, srcset; ocena 0–100 i komentarze dla każdego obrazu | Do 100 obrazów, rozmiar pliku nie jest szacowany | Szybkie analizowanie obrazów z dowolnej strony |
| Google PageSpeed Insights | Audyty obrazów w ramach testu szybkości: format, rozmiar, leniwe ładowanie | W połączeniu z dziesiątkami innych kontroli, alt ledwo rozumie | Ocena wpływu obrazów na prędkość |
| Squoosh | Kompresuj i konwertuj pojedynczy obraz w przeglądarce | Nie sprawdza strony, działa z plikami | Przygotowywanie pojedynczych obrazów |
| Screaming Frog SEO Spider | Lista obrazów bez tekstu alternatywnego w całej witrynie | Wymagana jest instalacja, darmowa wersja ma limit adresów | Audyt Alt na setkach stron |
Wnioski: Narzędzie online pokazuje, co jest nie tak z obrazami na konkretnej stronie, PageSpeed pokazuje, ile kosztuje szybkość ładowania, a Squoosh lub konwerter pomaga naprawić same pliki.
PromoPilot oferuje 87 darmowych narzędzi SEO, w tym narzędzie do kompresji obrazów i konwerter WebP, które działają bezpośrednio w przeglądarce, bez przesyłania plików na serwer. Aby poznać całkowity rozmiar strony, zapoznaj się z naszym artykułem z serii poświęconej analizie szybkości ładowania stron.
Czego nie widzi weryfikacja obrazem?
Bądźmy szczerzy co do ograniczeń tego narzędzia — ważne jest, aby je znać, aby prawidłowo zinterpretować ocenę:
- Rozmiar pliku nie jest brany pod uwagę — obrazy nie są pobierane; format jest określany na podstawie rozszerzenia.
- Znacznik
<picture>nie jest parsowany: plik JPG w<img>zostanie oznaczony tagiem, nawet jeśli obok w<source>znajduje się znacznik AVIF lub WebP. - Obrazy tła pochodzące z CSS i obrazy dodane za pomocą JavaScript nie są uwzględniane w raporcie.
- Wymiary określone wyłącznie w CSS nie są brane pod uwagę.
- Strona bez ani jednego
<img>otrzymuje 50 punktów - nie oznacza to „połowy błędów”, ale „nic do oceny”.
Kiedy darmowe narzędzie nie wystarcza?
Poprawienie tekstu alternatywnego na jednej stronie zajmuje dziesięć minut. Ale jeśli sklep ma pięć tysięcy produktów, nie da się tego zrobić ręcznie. Potrzebujesz specjalisty, jeśli:
- alt powinien być generowany automatycznie na podstawie nazwy, koloru i kąta dla całego katalogu;
- obrazy są ładowane z aparatu bez kompresji i potrzebny jest automatyczny proces: kompresja, WebP, wiele rozmiarów;
- Motyw witryny wyświetla zdjęcia bez szerokości, wysokości i atrybutu srcset, a szablon wymaga naprawy;
- Chcesz uzyskać ruch z Google Images w związku z zapytaniami o produkty?
Co mogę zrobić dla Twojej strony internetowej?
Nazywam się Walerij Danyuk, jestem programistą i specjalistą SEO z 12-letnim doświadczeniem i ponad 200 klientami, w tym wieloma sklepami internetowymi z tysiącami zdjęć.
SEO i audyt
- Kompleksowy audyt SEO witryny: sprawdzam obrazy na całej stronie, konfiguruję automatyczną konwersję i tekst alternatywny w szablonach.
- Blog SEO oparty na sztucznej inteligencji, który przyciąga organicznych klientów — automatycznie wyświetla obrazy alt i WebP dla każdego artykułu.
Sklepy i katalogi
- Katalog zawierający 300 pozycji w zaledwie kilka minut, przygotowany przez MCP i Claude — z opisami i zdjęciami każdej pozycji.
- Sklep internetowy na WooCommerce z odpowiednim przetwarzaniem obrazów.
- Przenoszenie sklepu z Instagram na stronę internetową — zdjęcia i opisy produktów przenoszą się w inne miejsce.
- Produkty, zdjęcia i tekst można przenieść do 1001site za pośrednictwem linku ze starej witryny lub mediów społecznościowych.
Księgowość i automatyzacja
- Księgowość + rachunkowość + sklep na 30 000 produktów.
- Bot Telegram z AI dla sklepu internetowego z sosami.
Wyślij mi link do karty produktu w Telegram - powiem Ci na podstawie zdjęć, ile możesz wygrać.
Wynik
- Internetowy program do sprawdzania obrazów SEO analizuje do 100 obrazów na stronie i przypisuje każdemu z nich ocenę od 0 do 100, a także komentarze.
- Najwięcej punktów przyznano wymiarom alt oraz width/high, następnie leniwemu ładowaniu, WebP/AVIF i srcset.
- Obraz główny nie wymaga leniwego ładowania - wymaga
fetchpriority="high". - W przypadku dużych katalogów przetwarzanie zdjęć odbywa się automatycznie — lub wybierana jest platforma, na której takie przetwarzanie jest już wykonywane, np. 1001site.
Sprawdź najcięższą stronę swojej witryny za pomocą bezpłatnego narzędzia Image SEO Checker — zacznij od alt.
Źródła
- Strona PromoPilot Image SEO Checker – sprawdzenia, zasady oceny, ograniczenia i FAQ.
- Google Search Central — rekomendacje obrazów do wyszukiwania.
- Google PageSpeed Insights i Squoosh — opisy funkcji.
