Bilder-SEO
Bilder-SEO bezeichnet die Optimierung von Bildern für Suchmaschinen. Dazu gehören sprechende Dateinamen, Alt-Texte, passende Bildformate, Komprimierung, responsive Ausspielung und sauberes Markup. Ziel ist, dass Bilder in Google Bilder und in den klassischen Suchergebnissen gefunden werden und die Ladezeit der Seite nicht ausbremsen.
Zuletzt aktualisiert:
■ FÜR MARKEN · SPONSORING
Marketing-Entscheider:innen treffen.
2.000+ B2B-Marketer auf der OMKI 2027 — plus laufende Reichweite über das Magazin und Directory. Vier Touchpoints, eine Audience.
Definition & Erklärung
Bilder-SEO bezeichnet die Optimierung von Bildern für Suchmaschinen. Dazu gehören sprechende Dateinamen, Alt-Texte, passende Bildformate, Komprimierung, responsive Ausspielung und sauberes Markup. Ziel ist, dass Bilder in Google Bilder und in den klassischen Suchergebnissen gefunden werden und die Ladezeit der Seite nicht ausbremsen.
Was ist Bilder-SEO?
Bilder-SEO (englisch image SEO) umfasst alle Maßnahmen, mit denen du Bilder auf deiner Website so aufbereitest, dass Suchmaschinen sie verstehen, indexieren und ausspielen können – und dass sie gleichzeitig die Performance der Seite nicht belasten. Der Begriff hat also zwei Seiten: eine inhaltlich-semantische (Was zeigt das Bild? In welchem Kontext steht es?) und eine technische (Wie groß, wie schnell, wie ausgeliefert?).
Bilder-SEO ist ein Teilbereich der Onpage-Optimierung, also aller Maßnahmen auf der eigenen Seite. Es zahlt auf zwei Kanäle ein: auf die Bildersuche (Google Bilder, Bing Images, Pinterest-Lens-artige Suchen) und auf die normale Websuche, in der Bild-Thumbnails, Rich Results und die Seitengeschwindigkeit eine Rolle spielen.
Wie funktioniert Bilder-SEO technisch?
Suchmaschinen können den Inhalt eines Bildes zwar zunehmend maschinell erkennen, verlassen sich für die Einordnung aber weiterhin stark auf den Kontext im HTML. Diese Signale sind relevant:
- Dateiname: beschreibend und mit Bindestrichen, zum Beispiel
espressomaschine-siebtraeger-reinigung.jpgstattIMG_4831.jpg. - Alt-Text: das
alt-Attribut beschreibt den Bildinhalt für Screenreader und Crawler. Es ist primär ein Barrierefreiheits-Feature – schreibe also für Menschen, nicht als Keyword-Liste. Rein dekorative Bilder bekommen ein leeresalt="". - Umgebender Text, Bildunterschrift und Title-Tag der Seite: Sie liefern den thematischen Rahmen. Ein Bild in einem passenden Absatz wird besser eingeordnet als eines in einer isolierten Galerie.
- Responsive Ausspielung: Mit
srcsetundsizeslieferst du je nach Displaygröße unterschiedlich große Varianten aus, statt ein riesiges Bild herunterskalieren zu lassen. - Lazy Loading:
loading="lazy"lädt Bilder erst, wenn sie in den sichtbaren Bereich rücken. Wichtig: Das Bild im ersten Viewport (oft das LCP-Element) sollte nicht lazy geladen werden, sonst verzögerst du genau das, was zuerst sichtbar sein soll. - Crawlbarkeit: Bilder müssen über
<img>- oder<picture>-Elemente erreichbar sein, dürfen nicht perrobots.txtblockiert sein und können zusätzlich in einer Bild-Sitemap gelistet werden. - Strukturierte Daten: Bei Rezepten, Produkten oder Videos verweist das Schema-Markup auf Bild-URLs und erhöht die Chance auf Rich Results.
Welches Bildformat und welche Komprimierung passen?
Komprimierung reduziert die Dateigröße. Bei verlustbehafteter Komprimierung gehen Bilddaten verloren, bei verlustfreier nicht. In der Praxis ist eine moderate verlustbehaftete Komprimierung meist der beste Kompromiss – die Qualitätsstufe solltest du visuell prüfen, nicht blind setzen.
| Format | Gut geeignet für | Hinweis |
|---|---|---|
| JPEG | Fotos | Universell unterstützt, keine Transparenz |
| PNG | Grafiken mit Transparenz, Screenshots | Bei Fotos oft unnötig groß |
| WebP | Fotos und Grafiken | Meist kleiner als JPEG/PNG bei ähnlicher Qualität |
| AVIF | Fotos | Sehr effizient, Encoding aufwendiger |
| SVG | Logos, Icons, Diagramme | Vektorbasiert, skaliert verlustfrei |
Mit dem <picture>-Element kannst du moderne Formate anbieten und ein klassisches Fallback hinterlegen. Setze außerdem immer width und height beziehungsweise ein CSS-Seitenverhältnis, damit der Browser Platz reserviert und kein Layout-Sprung entsteht.
Warum ist Bilder-SEO wichtig für SEO?
Erstens ist die Bildersuche ein eigener Einstiegskanal: Bei visuell geprägten Themen – Produkte, Rezepte, Reisen, Möbel, Anleitungen, Mode – suchen Menschen gezielt nach Bildern und klicken von dort auf Websites. Zweitens sind Bilder häufig der größte Teil des Datenvolumens einer Seite. Unkomprimierte Bilder verschlechtern Ladezeit und Core Web Vitals, besonders den Largest Contentful Paint. Drittens verbessern beschreibende Alt-Texte die Barrierefreiheit, was unabhängig von Rankings ein Qualitätsmerkmal ist. Und viertens liefern gut eingebundene Bilder Kontext, der das Verständnis einer Seite für Nutzer:innen und Maschinen erhöht.
Welche Fehler passieren am häufigsten?
- Originaldateien aus der Kamera hochladen und per CSS verkleinern – der Browser lädt trotzdem die volle Datei.
- Alt-Text mit Keywords vollstopfen statt das Bild zu beschreiben. Das hilft weder Nutzer:innen noch dem Ranking.
- Alle Bilder lazy laden, inklusive Hero-Bild – dadurch verschlechtert sich die wahrgenommene Ladezeit.
- Bilder nur per CSS-Hintergrund einbinden: Sie tauchen dann in der Regel nicht in der Bildersuche auf.
- Generische Stockfotos ohne Bezug zum Text – sie liefern keinen Mehrwert und kaum Kontextsignale.
- Fehlende Bildrechte oder Urheberangaben. Nutzungsrechte sind ein rechtliches, kein SEO-Thema – aber ein teures.
Ein pragmatischer Workflow: Motiv bewusst wählen, sinnvoll zuschneiden, Dateinamen sprechend vergeben, exportieren und komprimieren, in passender Größe per srcset einbinden, Alt-Text schreiben, Ladeverhalten prüfen. Tools wie Google Search Console, Lighthouse oder PageSpeed Insights zeigen dir anschließend, welche Bilder noch bremsen und welche Bild-URLs indexiert sind.
Häufige Fragen zu Bilder-SEO
Wie lang sollte ein Alt-Text sein?
Es gibt keine feste Vorgabe, aber ein bis zwei knappe Sätze reichen in der Regel. Beschreibe, was auf dem Bild zu sehen ist und was im Seitenkontext relevant ist. Screenreader lesen den Text vollständig vor – zu lange oder mit Keywords überladene Alt-Texte stören dort deutlich.
Ist WebP besser als JPEG für SEO?
WebP erzeugt bei vergleichbarer Qualität meist kleinere Dateien als JPEG und verbessert dadurch indirekt die Ladezeit. Ein direkter Ranking-Bonus für ein bestimmtes Format existiert nicht. Entscheidend ist die tatsächliche Dateigröße und die Darstellungsqualität – und dass du für ältere Umgebungen ein Fallback anbietest.
Schadet Lazy Loading dem Ranking?
Korrekt umgesetzt nicht. Nutze natives Lazy Loading über das Attribut loading="lazy" und verzichte darauf beim ersten sichtbaren Bild. Problematisch wird es bei JavaScript-Lösungen ohne echtes img-Element oder ohne Fallback, weil Crawler die Bilder dann unter Umständen nicht erfassen.
Wie kommen meine Bilder in die Google Bildersuche?
Die Bilder müssen über ein img- oder picture-Element eingebunden, crawlbar und nicht per robots.txt oder noindex ausgeschlossen sein. Hilfreich sind beschreibende Dateinamen, Alt-Texte, passender Umgebungstext und eine Bild-Sitemap. Eine Indexierung ist dennoch nie garantiert; im Bericht der Search Console kannst du den Status prüfen.
Wie viele Bilder sollte eine Seite haben?
Es gibt keine sinnvolle Zielzahl. Setze so viele Bilder ein, wie das Thema wirklich erklären oder zeigen – etwa Screenshots, Diagramme oder Produktdetails. Zusätzliche Deko-Bilder erhöhen nur das Datenvolumen und bringen weder Nutzer:innen noch Suchmaschinen einen Mehrwert.
Das könnte dich auch interessieren
Alt-Text
Alt-Text (Alternativtext) ist eine kurze Textbeschreibung im HTML-Attribut „alt" eines Bildes. Er vermittelt Inhalt und Funktion des Bildes für Menschen, die Screenreader nutzen, und erscheint, wenn das Bild nicht lädt. Zusätzlich hilft er Suchmaschinen dabei, Bildinhalte zu verstehen und einzuordnen.
OnPage-Optimierung
Alle SEO-Maßnahmen, die direkt auf der eigenen Website durchgeführt werden, wie Meta-Tags, Content und interne Verlinkung.
PageSpeed (Ladezeit)
PageSpeed (Ladezeit) bezeichnet die Geschwindigkeit, mit der eine Webseite geladen und für Nutzer:innen bedienbar wird. Gemessen wird sie über Metriken wie Largest Contentful Paint oder Interaction to Next Paint. Beeinflusst wird sie unter anderem durch Serverreaktion, Bildgrößen, Caching, Code-Auslieferung und eingebundene Drittanbieter-Skripte.
Core Web Vitals
Core Web Vitals sind eine Gruppe von Google-Metriken, die die Nutzererfahrung einer Seite messbar machen: Largest Contentful Paint (Ladewahrnehmung), Interaction to Next Paint (Reaktionsfähigkeit) und Cumulative Layout Shift (visuelle Stabilität). Sie basieren primär auf echten Nutzerdaten und gehören zu Googles Signalen zur Page Experience.
Strukturierte Daten (Schema.org)
Strukturierte Daten (Schema.org) sind maschinenlesbare Zusatzinformationen im Quellcode einer Website, die Inhalte nach einem standardisierten Vokabular auszeichnen. Suchmaschinen erkennen dadurch, ob es sich etwa um ein Produkt, Rezept oder Event handelt – und können erweiterte Suchergebnisse (Rich Results) ausspielen.
Indexierung
Indexierung bezeichnet die Aufnahme einer URL in den Suchmaschinen-Index – also in die Datenbank, aus der Google seine Ergebnisse zusammenstellt. Erst indexierte Seiten können in den Suchergebnissen erscheinen. Gesteuert wird sie unter anderem über noindex, Canonical-Tags, Sitemaps und die Server-Antworten deiner Website.
Finde die besten Tools für
SEO
Entdecke Software-Bewertungen und Vergleiche für SEO-Tools in unserem umfangreichen Verzeichnis.