Obrazy to często pomijany element SEO, a mogą generować znaczący ruch z Google Images. Poza tym, zoptymalizowane obrazy poprawiają szybkość strony i user experience. Poznaj wszystkie aspekty Image SEO - od nazw plików po nowoczesne formaty.
Krótka odpowiedź
Usługi KC Mobile
Sprawdź naszą ofertę
Potrzebujesz pomocy specjalisty? Skorzystaj z naszych usług i rozwiń swój biznes online.
Nazwy plików i alt text
Nazwy plików:
- Opisowe, ze słowami kluczowymi
- Małe litery, myślniki zamiast spacji
- Dobre: `czerwone-buty-sportowe-nike.jpg`
- Złe: `IMG_1234.jpg`, `obraz(1).png`
Alt text (tekst alternatywny):
- Opisz co jest na obrazku
- Dla użytkowników niewidomych (screen readers)
- Naturalnie wpleć słowo kluczowe
- Max ~125 znaków
Przykład dobrego alt:
<img src="czerwone-buty-nike.jpg"
alt="Czerwone buty sportowe Nike Air Max na białym tle">Czego unikać w alt:
- Keyword stuffing ("buty buty sportowe buty nike buty")
- "Obrazek", "zdjęcie" na początku
- Pusty alt dla ważnych obrazów
- Za długie opisy
Kiedy używać pustego alt:
- Obrazy dekoracyjne (ikony, tła)
- `alt=""` mówi screen readerom żeby pominąć
- Nie pomijaj atrybutu całkowicie
Formaty i kompresja obrazów
Nowoczesne formaty:
WebP:
- 25-35% mniejszy niż JPEG/PNG
- Wsparcie: 97%+ przeglądarek
- Obsługuje przezroczystość
- Rekomendowany standard
AVIF:
- 50% mniejszy niż JPEG
- Wsparcie: ~85% przeglądarek
- Wolniejsze enkodowanie
- Przyszłość, ale fallback potrzebny
Fallback dla starszych przeglądarek:
<picture>
<source srcset="image.avif" type="image/avif">
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="Opis obrazu">
</picture>Kompresja:
- Lossy: 80-85% jakości to sweet spot
- Target: <100KB dla content images
- Hero images: <200KB
- Thumbnails: <30KB
Narzędzia:
- Squoosh (web app, najlepsza kontrola)
- TinyPNG/TinyJPG
- ImageOptim (Mac)
- ShortPixel (WordPress plugin)
Wolisz, żeby zrobił to specjalista?
Oszczędź czas i uniknij błędów. Wdrożymy to rozwiązanie za Ciebie – profesjonalnie i szybko.
Wymiary, lazy loading i responsywność
Określaj wymiary:
<img src="photo.webp" width="800" height="600" alt="...">- Zapobiega CLS (layout shift)
- Przeglądarka rezerwuje miejsce przed załadowaniem
- Używaj też CSS aspect-ratio
Lazy loading:
<img src="photo.webp" loading="lazy" alt="...">- Native lazy loading (no JS needed)
- Ładuje obrazy gdy zbliżają się do viewport
- NIE dla obrazów above the fold (LCP)
Responsive images:
<img src="photo-800.webp"
srcset="photo-400.webp 400w,
photo-800.webp 800w,
photo-1200.webp 1200w"
sizes="(max-width: 600px) 400px,
(max-width: 1200px) 800px,
1200px"
alt="...">- Różne rozmiary dla różnych ekranów
- Oszczędza bandwidth na mobile
- Ważne dla Core Web Vitals
Preload dla LCP image:
<link rel="preload" as="image" href="hero.webp">Google Images i advanced SEO
Image sitemap:
<url>
<loc>https://example.com/page/</loc>
<image:image>
<image:loc>https://example.com/images/photo.jpg</image:loc>
<image:caption>Opis zdjęcia</image:caption>
</image:image>
</url>- Pomaga Google odkryć obrazy
- Szczególnie dla JS-rendered images
Schema ImageObject:
{
"@type": "ImageObject",
"contentUrl": "https://example.com/image.jpg",
"description": "Opis obrazu",
"name": "Nazwa obrazu"
}Dla e-commerce - Product images:
- Schema Product z image property
- Wiele zdjęć produktu
- Wysokiej jakości, white background
Google Images ranking factors:
- Alt text i kontekst na stronie
- Jakość i oryginalność obrazu
- Autorytet strony
- Mobile-friendliness strony
- SafeSearch classification
Prawa autorskie:
- Używaj własnych zdjęć lub licencjonowanych
- Google Image Search pokazuje licencje (IPTC metadata)
- Watermarki nie blokują indeksacji, ale szkodzą UX
Wspomniane narzędzia
Chcesz więcej ruchu z Google?
Pozycjonujemy strony firmowe i sklepy internetowe. White-hat SEO, comiesięczne raporty. Bez długich umów.
Najczęściej zadawane pytania
Czy WebP jest lepszy od JPEG dla SEO?
Ile ruchu można zdobyć z Google Images?
Potrzebujesz pomocy?
Wolisz, żeby zrobił to specjalista?
Oszczędź czas i uniknij błędów. Wdrożymy to rozwiązanie za Ciebie – profesjonalnie i szybko.