Bild-SEO bezeichnet die Gesamtheit aller Maßnahmen, die dazu beitragen, Bilder auf einer Website für Suchmaschinen auffindbar und für Nutzer schnell ladbar zu machen.
Rubrik: Online-Marketing & Content · Unterrubrik: SEO · Niveau: Einsteiger
Was ist Bild-SEO?
Für Fotografen, Mediendesigner und Content Creator sind Bilder das Kernprodukt – und gleichzeitig eine oft unterschätzte SEO-Ressource. Google Bilder ist nach der Hauptsuche die meistgenutzte Google-Suche weltweit. Wer seine Bilder korrekt optimiert, kann über die Bildersuche neue Besucher auf die eigene Website lenken.
Bild-SEO umfasst mehrere Bereiche: die inhaltliche Beschreibung von Bildern (Alt-Text, Dateinamen, Captions), die technische Optimierung (Komprimierung, Formate, Lazy Loading) und den strukturellen Kontext (umgebender Text, Structured Data). Alle drei Dimensionen zusammen bestimmen, wie gut ein Bild in der Suche rankt und wie sehr es die Performance der gesamten Seite beeinflusst.
Erklärung
Alt-Text (Alternativtext)
Der Alt-Text ist das wichtigste SEO-Element bei Bildern. Er wird im HTML im alt-Attribut des <img>-Tags hinterlegt und erfüllt mehrere Funktionen:
- Barrierefreiheit: Screenreader für sehbehinderte Nutzer lesen den Alt-Text vor.
- Suchmaschinen: Google kann Bilder nicht "sehen" – der Alt-Text erklärt, was auf dem Bild zu sehen ist.
- Fallback: Wenn ein Bild nicht lädt, zeigt der Browser den Alt-Text an.
Guter Alt-Text:
- Beschreibt den Bildinhalt präzise und knapp
- Enthält das relevante Keyword (natürlich, nicht erzwungen)
- Ist auf ca. 80–125 Zeichen begrenzt
- Vermeidet Phrasen wie "Bild von..." oder "Foto zeigt..."
Beispiel für ein Portrtätfoto: alt="Portraitfoto einer Fotografin bei der Arbeit im Studio" ist besser als alt="foto1" oder alt="Bild von Frau".
Dekorative Bilder (z. B. reine Gestaltungselemente) erhalten ein leeres Alt-Attribut (alt=""), damit Screenreader sie überspringen.
Dateinamen
Suchmaschinen lesen auch den Dateinamen einer Bilddatei. Statt DSC_4823.jpg sollte die Datei aussagekräftig benannt sein:
- Gut:
portrait-fotografin-studio-berlin.jpg - Schlecht:
IMG_001.jpg,bild.png,neu_final_v3.jpg
Regeln für SEO-freundliche Dateinamen:
- Nur Kleinbuchstaben
- Wörter mit Bindestrichen trennen (kein Unterstrich, kein Leerzeichen)
- Relevante Keywords einbauen – aber nicht übertreiben (2–4 Wörter reichen)
- Datei umbenennen, bevor sie hochgeladen wird
Bildunterschriften (Captions)
Captions werden von Nutzern oft überdurchschnittlich häufig gelesen – sie befinden sich direkt neben dem Bild und fallen auf. Für SEO liefert ein sinnvoller Caption-Text zusätzlichen thematischen Kontext. Vermeidet redundante Captions, die dasselbe wie der Alt-Text sagen.
Bildkomprimierung & Formate
Große Bilddateien verlangsamen die Ladezeit einer Website erheblich und beeinflussen damit die Core Web Vitals (insbesondere LCP – Largest Contentful Paint). Deshalb ist die Komprimierung ein kritischer Teil der Bild-SEO.
Empfohlene Bildformate:
- WebP: Modernes Format mit hervorragendem Kompressionsgrad bei guter Qualität. Wird von allen modernen Browsern unterstützt. Empfohlen für alle Webbilder.
- AVIF: Noch neueres Format mit noch besserer Komprimierung, aber geringerer Browser-Unterstützung (Stand 2024).
- JPEG: Bewährt für Fotos, breite Kompatibilität. Wenn kein WebP möglich, JPEG in Qualitätsstufe 75–85 % komprimieren.
- PNG: Für Grafiken mit Transparenz oder scharfen Kanten (Screenshots, Logos). Nicht für Fotos.
- SVG: Für Vektorgrafiken, Icons, Logos – skalierbar ohne Qualitätsverlust.
Komprimierungs-Tools:
- Squoosh (web.dev): Browser-basiert, kostenlos, unterstützt WebP/AVIF-Konvertierung
- TinyPNG / TinyJPG: Einfache Online-Komprimierung
- Imagify, ShortPixel, Smush: WordPress-Plugins für automatische Komprimierung
- Lightroom: Export mit optimierten JPEG-Einstellungen
Faustregel: Kein Bild auf einer Website sollte größer als 200 KB sein, außer bei hochauflösenden Portfolio-Seiten mit explizitem Bildschirm-Display-Zweck.
Responsive Bilder (srcset)
Moderne Websites liefern Bilder in verschiedenen Auflösungen je nach Gerät. Das HTML-Attribut srcset ermöglicht es, dem Browser mehrere Bildversionen anzubieten. So erhält ein Smartphone ein kleineres Bild als ein 4K-Monitor – Ladezeiten werden reduziert.
Lazy Loading
Mit dem HTML-Attribut loading="lazy" werden Bilder erst dann geladen, wenn sie in den sichtbaren Bereich des Browsers scrollen. Das verbessert die initiale Ladezeit der Seite deutlich.
Strukturierte Daten für Bilder
Mit Structured Data & Schema.org: Rich Results für Websites (Schema.org) können Bilder mit zusätzlichen Metadaten versehen werden – zum Beispiel Lizenzinformationen (ImageObject-Schema) oder die Einbindung in Article- oder Product-Markup. Google zeigt lizenzierte Bilder in der Bildsuche mit einem Lizenzbadge an, was professionellen Fotografen bei der Rechtedurchsetzung hilft.
Image Sitemap
Eine Image Sitemap (oder Bilder in der regulären XML-Sitemap) hilft Google, alle Bilder einer Website zu entdecken – besonders wichtig bei Bildern, die über JavaScript geladen werden. Für Fotografie-Portfolios oder Bildgalerien ist eine Image Sitemap empfehlenswert.
Beispiele
Szenario: Fotografen-Portfolio auf WordPress
- Alle Fotos beim Export aus Lightroom auf max. 1200px Breite, JPEG 80 % komprimieren
- Dateinamen vergeben:
hochzeitsfotos-berlin-2024.jpg - In WordPress im Bild-Alt-Text:
"Hochzeitsfotografie Berlin – Braut und Bräutigam im Tiergarten" - ShortPixel-Plugin für automatische WebP-Konvertierung aktivieren
- Lazy Loading in WordPress-Theme sicherstellen
Szenario: Mediendesigner präsentiert Projekte
- Projektbilder als WebP exportieren
- Dateinamen:
corporate-design-logoentwicklung-muenchen.webp - Alt-Text:
"Corporate Design Projekt – Logoentwicklung für Münchner Architekturbüro"
In der Praxis
Workflow-Integration für Fotografen: Bild-SEO beginnt idealerweise schon beim Export aus Lightroom oder Capture One. Legt Exportpresets an, die optimierte Einstellungen beinhalten. Danach folgt die Umbenennung und der Upload mit korrektem Alt-Text.
WordPress-Optimierung:
- Plugin Rank Math oder Yoast SEO hilft dabei, Alt-Texte zu verwalten und fehlende Alt-Attribute zu identifizieren.
- Die Google Search Console zeigt unter "Bilder", welche Bilder in der Bildersuche erscheinen.
Audit bestehender Websites: Mit Screaming Frog können alle Bilder einer Website gecrawlt werden, um fehlende Alt-Texte oder große Bilddateien zu identifizieren.
Vergleich & Abgrenzung
| Aspekt | Bild-SEO | Standard On-Page-SEO |
|---|---|---|
| Ziel | Sichtbarkeit in Google Bilder + Ladegeschwindigkeit | Ranking in Google Suche |
| Hauptelemente | Alt-Text, Dateiname, Format, Komprimierung | Title, Meta-Description, H1, Textinhalt |
| Zielgruppe | Besonders relevant für Fotografen & Designer | Alle Website-Betreiber |
| Messbar mit | Google Search Console (Bilder-Tab) | Google Search Console (Suche-Tab) |
Häufige Fragen (FAQ)
Muss ich wirklich jeden Alt-Text manuell schreiben? Bei Portfolios mit hunderten Fotos ist das aufwendig, aber wichtig. KI-Tools wie Clarifai oder automatische Alt-Text-Generatoren in WordPress-Plugins können helfen – die Ergebnisse sollten aber kontrolliert und bei Bedarf angepasst werden.
Schadet es, wenn ich Alt-Text weglasse? Ja – in zweifacher Hinsicht: Barrierefreiheit leidet, und Suchmaschinen können den Bildinhalt nicht korrekt einordnen. Besonders auf Websites mit vielen Bildern ist das ein messbarer SEO-Nachteil.
Welches Format ist besser: WebP oder JPEG? WebP bietet bei gleicher visueller Qualität ca. 25–35 % kleinere Dateien als JPEG. Für neue Projekte immer WebP wählen. Für Legacy-Websites mit altem Code: JPEG als Fallback behalten, WebP als primäres Format über <picture>-Element ausliefern.
Wie finde ich heraus, welche meiner Bilder in Google ranken? In der Google Search Console: Einrichten & effektiv nutzen unter "Suche" → "Suchtyp: Bilder" siehst du, welche Bilder Impressionen und Klicks erhalten.
Verwandte Einträge
- SEO für Fotografen & Kreative: Portfolio optimieren
- Core Web Vitals
- Structured Data & Schema.org: Rich Results für Websites
- Google Search Console: Einrichten & effektiv nutzen
- On-Page-SEO
- Technisches SEO
Weiterführend
- Google: Google Bilder – Best Practices (Google Search Central, 2024)
- Crestodina, Andy: Image SEO – How to Optimize Images for Search (Orbit Media, 2023)
- Google: web.dev – Fast load times: Optimize Images (web.dev, 2023)
- Schwartz, Barry: Google's Alt Text Guidance for Images (Search Engine Roundtable, 2023)
