1. Warum das Bildformat wichtig ist
Google empfiehlt die Verwendung von WebP gegenüber traditionellen Formaten wie JPEG oder PNG. WebP bietet die gleiche visuelle Qualität, aber mit 25–34% kleineren Dateigrößen.
Vorteile von WebP:
- Schnellere Seitenladezeiten
- Verbesserte Core Web Vitals
- Geringerer Speicher- und Bandbreitenverbrauch
HTML-Beispiel mit WebP Fallback:
<picture>
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="Schwarze Gummistiefel für Damen" loading="lazy" width="800" height="600">
</picture>2. ALT-Text: Die SEO-Geheimwaffe
Das alt-Attribut hilft Suchmaschinen dabei, den Bildinhalt zu verstehen und verbessert die Zugänglichkeit. Es ist auch entscheidend für Google Images SEO.
Korrektes Beispiel:
<img src="boots.webp" alt="Schwarze PVC-Regenstiefel für Damen von Litma">Vermeiden Sie leere oder generische alt-Werte wie alt="Bild" oder alt="Produkt".
3. LCP & PageSpeed: Optimierung des Largest Contentful Paint
LCP (Largest Contentful Paint) ist einer der Google Core Web Vitals. Wenn Ihr Hauptbild langsam lädt, sinken Ihre SEO-Rankings.
Tipps zur Verbesserung von LCP:
- Verwenden Sie komprimierte WebP-Bilder
- Geben Sie Bildabmessungen an (
width,height) - Laden Sie anfangs nur wichtige Bilder
- Verwenden Sie
loading="lazy"für unkritische Bilder
4. Dateigröße reduzieren = Besseres SEO
Jedes Kilobyte zählt. Große Bilder (1MB+) verlangsamen Ihren Shop dramatisch.
Empfohlen:
- Halten Sie Produktbilder unter 100KB
- Skalieren Sie auf tatsächliche Anzeigeabmessungen
- Verwenden Sie verlustfreie Kompression wo möglich
HTML Best Practices:
<img src="shoes.webp" alt="Baumwoll-Sneaker für Damen" width="600" height="600" loading="lazy">5. Echte Daten: Warum es wichtig ist
- 53% der mobilen Nutzer verlassen eine Seite, wenn sie länger als 3 Sekunden zum Laden braucht
- Über 70% der eCommerce-Seiten bestehen die Core Web Vitals aufgrund schlechter Bildverwaltung nicht
- Nur 32% der Top-Händler verwenden WebP
- ALT-Text fehlt bei 38% der Produktlisten
6. Schnelle Referenztabelle
| Faktor | Empfehlung |
|---|---|
| Format | WebP |
| ALT-Text | Keyword-reich und beschreibend |
| Max. Größe | Unter 100KB |
| Lazy Loading | Ja (loading="lazy") |
| LCP-Bild | Optimiert und responsiv |
| Auflösung | Passend zur Anzeigegröße |
7. Verwenden Sie WebPPhoto für schnelle, kostenlose Optimierung
WebPPhoto.com hilft Ihnen dabei:
- Hintergründe automatisch zu entfernen
- Bilder zu WebP zu konvertieren
- Größe ändern und für Marktplätze zuschneiden
- Bilder in Sekunden zu optimieren
Alle Tools sind kostenlos, schnell und privat.