Image SEO
Definition: Image SEO bezeichnet die Optimierung von Bildern auf einer Website mit dem Ziel, in der Google Bildersuche besser zu ranken, die Seitenladezeit zu verbessern und Suchmaschinen das Verständnis des Bildinhalts zu erleichtern. Da Suchmaschinen Bildinhalte nicht direkt lesen können, sind textliche Signale um Bilder herum – Alt-Text, Dateiname, umgebender Text – entscheidend für die Bewertung.
Erläuterung
Image SEO wird oft unterschätzt: Google Bilder ist eine der meistgenutzten Suchmaschinen weltweit, und Rankings in der Bildersuche können erheblichen qualifizierten Traffic liefern – besonders für E-Commerce, Rezepte, Reise und Design. Gleichzeitig sind Bilder die häufigste Ursache für schlechte Core Web Vitals, weil unoptimierte Bilder Seitengewicht und LCP-Wert erheblich verschlechtern.
Die wichtigsten Image-SEO-Faktoren
- Alt-Text: Wichtigster Faktor – beschreibt Bildinhalt für Suchmaschinen und Barrierefreiheit; beschreibend und keyword-relevant, aber nicht keyword-gestopft
- Dateiname: Aussagekräftiger Name statt „IMG_1234.jpg"; z. B. „content-marketing-strategie.webp"
- Bildformat: WebP als Standard – 25–35 % kleinere Dateigrösse bei gleicher Qualität gegenüber JPEG
- Bildgrösse: Nur die tatsächlich benötigte Auflösung liefern; kein 3.000-px-Bild in einem 800-px-Container
- Lazy Loading: Bilder ausserhalb des initialen Viewports erst laden, wenn sie benötigt werden – aber NICHT für das LCP-Element!
- width und height-Attribute: Verhindert Cumulative Layout Shift (CLS)
- Umgebender Text: Kontext und Keywords im Fliesstext um das Bild herum geben Google thematischen Kontext
- Originalität: Eigene Bilder sind wertvoller als Stock-Fotos – Google erkennt Bild-Duplikate
Alt-Text richtig schreiben
- Beschreiben Sie, was auf dem Bild zu sehen ist – nicht was Sie ranken wollen
- Für dekorative Bilder: leeres Alt-Attribut (
alt="") – kein Alt-Text nötig
- Keyword natürlich integrieren wo passend, aber kein Keyword-Stuffing
- Maximale Länge: 125 Zeichen; prägnant und beschreibend
- Kontext berücksichtigen: Alt-Text im Kontext des Artikelthemas formulieren
Bilder für Core Web Vitals optimieren
- WebP-Konvertierung: Alle JPEG/PNG in WebP konvertieren (automatisch mit WordPress-Plugins oder Build-Tools)
- Responsive Images:
srcset-Attribut für verschiedene Bildschirmgrössen
- LCP-Bild vorladen:
<link rel="preload" as="image"> für das erste grosse Bild im Viewport
- Lazy Loading für alle anderen:
loading="lazy" auf alle Bilder ausser dem LCP-Element
Google Bildersuche: Ranking-Faktoren
- Relevanz des Alt-Texts und Dateinamens zur Suchanfrage
- Qualität und Autorität der Seite, auf der das Bild liegt
- Originalität des Bildes (keine Stock-Fotos, die tausendfach vorhanden sind)
- Ladezeit der Seite
- Strukturierte Daten für Bilder (ImageObject Schema)
Praxistipp: Konvertieren Sie alle JPEG/PNG-Bilder systematisch in WebP und implementieren Sie Lazy Loading für alle Bilder ausserhalb des initialen Viewports. Das reduziert die Seitengrösse typischerweise um 25–35 % und verbessert den LCP-Wert direkt. Wichtig: Das erste grosse Bild (LCP-Element) muss explizit mit fetchpriority="high" geladen werden und darf KEIN Lazy Loading haben – andernfalls verschlechtert sich der LCP-Wert deutlich.