1. Dlaczego format obrazu ma znaczenie
Google rekomenduje używanie WebP zamiast tradycyjnych formatów jak JPEG czy PNG. WebP zapewnia tę samą jakość wizualną, ale z 25–34% mniejszym rozmiarem pliku.
Korzyści z WebP:
- Szybsze ładowanie stron
- Lepsze Core Web Vitals
- Mniejsze zużycie miejsca i przepustowości
Przykład HTML z WebP Fallback:
<picture>
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="Czarne gumowe buty dla kobiet" loading="lazy" width="800" height="600">
</picture>2. Tekst ALT: Tajna broń SEO
Atrybut alt pomaga wyszukiwarkom zrozumieć treść obrazu i poprawia dostępność. Jest również kluczowy dla SEO w Google Images.
Prawidłowy przykład:
<img src="boots.webp" alt="Damskie czarne buty przeciwdeszczowe PVC marki Litma">Unikaj pustych lub ogólnych wartości alt jak alt="obraz" czy alt="produkt".
3. LCP i PageSpeed: Optymalizacja Largest Contentful Paint
LCP (Largest Contentful Paint) to jeden z Google Core Web Vitals. Jeśli Twój główny obraz ładuje się powoli, Twoje pozycje SEO spadają.
Wskazówki do poprawy LCP:
- Używaj skompresowanych obrazów WebP
- Określaj wymiary obrazów (
width,height) - Ładuj początkowo tylko kluczowe obrazy
- Używaj
loading="lazy"dla niekrytycznych obrazów
4. Zmniejszenie rozmiaru pliku = Lepsze SEO
Każdy kilobajt ma znaczenie. Duże obrazy (1MB+) dramatycznie spowalniają Twój sklep.
Zalecane:
- Utrzymuj obrazy produktów poniżej 100KB
- Zmieniaj rozmiar do rzeczywistych wymiarów wyświetlania
- Używaj kompresji bezstratnej gdzie to możliwe
Najlepsze praktyki HTML:
<img src="shoes.webp" alt="Bawełniane sneakersy dla kobiet" width="600" height="600" loading="lazy">5. Prawdziwe dane: Dlaczego to ważne
- 53% użytkowników mobilnych porzuca stronę jeśli ładuje się dłużej niż 3 sekundy
- Ponad 70% stron eCommerce nie przechodzi Core Web Vitals z powodu złego zarządzania obrazami
- Tylko 32% czołowych sprzedawców używa WebP
- Tekst ALT brakuje w 38% ofert produktów
6. Szybka tabela referencjna
| Czynnik | Zalecenie |
|---|---|
| Format | WebP |
| Tekst ALT | Bogaty w słowa kluczowe i opisowy |
| Maks. rozmiar | Poniżej 100KB |
| Lazy loading | Tak (loading="lazy") |
| Obraz LCP | Zoptymalizowany i responsywny |
| Rozdzielczość | Dopasowana do rozmiaru wyświetlania |
7. Używaj WebPPhoto do szybkiej, darmowej optymalizacji
WebPPhoto.com pomaga Ci:
- Automatycznie usuwać tła
- Konwertować obrazy do WebP
- Zmieniać rozmiar i przycinać do platform sprzedażowych
- Optymalizować obrazy w sekundach
Wszystkie narzędzia są darmowe, szybkie i prywatne.