Wer bei Bilder-SEO nur an Dateigröße und Alt-Text denkt, verschenkt Traffic. Google zeigt optimierte Bilder in der Bildersuche, in Bildpaketen mitten in den normalen Suchergebnissen und in Google Lens, drei Kanäle, die parallel laufen und getrennt Besucher bringen. Dieser Leitfaden zeigt, was wirklich zählt: von Alt-Text über das passende Bildformat bis zu Core Web Vitals, verständlich erklärt und sofort umsetzbar.
Was ist Bilder-SEO?
Bilder-SEO bezeichnet alle Maßnahmen, mit denen Bilder für Suchmaschinen auffindbar werden, von der Dateibenennung über den Alt-Text bis zur Kompression. Ladezeit gehört genauso dazu. Google bewertet ein Bild dabei anhand von drei Signalen: dem Dateinamen, dem Alt-Text und dem Text, der das Bild umgibt. Daraus leitet der Algorithmus ab, was zu sehen ist, und entscheidet, ob es in der Google-Bildersuche, in einem Bildpaket der normalen Suchergebnisse oder in Google Lens auftaucht.
Bilder-SEO ist keine Bildbearbeitung. Es geht nicht um Ästhetik, sondern um Sichtbarkeit als Rankingfaktor. Ein Bild kann technisch makellos aussehen und trotzdem unsichtbar für Google bleiben, wenn Dateiname und Alt-Text keine brauchbaren Hinweise liefern. Wer die Grundlagen einmal sauber umsetzt, profitiert bei jedem neuen Artikel und jeder neuen Produktseite automatisch, ganz ohne wiederholten Aufwand.
Warum Bilder-SEO für Rankings und Ladezeit wichtig ist
Bilder sind kein Beiwerk. Sie sind ein eigener Traffic-Kanal, der unabhängig von den klassischen Textrankings funktioniert. Ignoriert eine Seite ihre Bilder komplett, bleibt ein Teil des Suchvolumens ungenutzt liegen, weit über die normale Linkliste hinaus.
Vier Bereiche profitieren direkt von guter Bilder-SEO:
- Organischer Traffic: Ein optimiertes Bild kann eigenständig in der Google-Bildersuche ranken, unabhängig davon, wie die dazugehörige Seite im Text-Ranking abschneidet. Das ist eine zweite Chance auf einen Klick. Bilder tauchen zusätzlich in Bildpaketen innerhalb der normalen Suchergebnisse auf.
- Ladezeit: Bilder machen auf den meisten Webseiten den größten Teil des Datenvolumens aus. Schlecht komprimierte oder überdimensionierte Dateien verlangsamen den Seitenaufbau spürbar. Google nutzt Ladezeit als eigenes Rankingsignal.
- Barrierefreiheit: Alt-Text wird von Screenreadern vorgelesen. Für blinde und sehbehinderte Nutzer ist er oft die einzige Möglichkeit, den Inhalt eines Bildes zu erfassen. Was hier funktioniert, hilft in der Regel auch Google beim Verständnis des Bildes.
- Nutzererfahrung: Schnell ladende Bilder senken die Absprungrate und erhöhen die Verweildauer, zwei Verhaltenssignale, die mit besseren Rankings korrelieren. Schlanke, sinnvoll benannte Bilder sind dafür Voraussetzung, kein netter Nebeneffekt.
Der Effekt ist besonders auf mobilen Geräten spürbar. Vor allem unterwegs. Nutzer mit langsamerer Verbindung verlassen Seiten mit trägen Bildern deutlich häufiger, gerade wenn mehrere große Fotos direkt untereinanderstehen, und reine Text-Optimierung liefert diesen Vorteil nicht, weil sie auf einer anderen Ebene des Rankings ansetzt als alle vier Hebel gleichzeitig zusammen. Bei Onlineshops mit vielen Produktfotos oder Rezeptblogs mit Step-by-Step-Bildern summiert sich das über Hunderte Seiten zu einem spürbaren Unterschied im Gesamttraffic.
Die wichtigsten Rankingfaktoren für Bilder-SEO
Google bewertet Bilder anhand von drei Faktorengruppen: Merkmalen des Bildes selbst, dem Kontext auf der Seite und technischen Eigenschaften wie Ladezeit. Drei Elemente aus der ersten Gruppe zählen am meisten. Sie entscheiden darüber, ob ein Bild überhaupt eine Chance auf ein gutes Ranking bekommt.
Alt-Text richtig schreiben
Der Alt-Text ist das wichtigste einzelne Signal für ein Bild, denn er beschreibt im Alt-Attribut, was auf dem Bild zu sehen ist, und wird sowohl von Screenreadern vorgelesen als auch von Google zur Einordnung genutzt. Kurz gesagt: alles hängt daran.
Für einen guten Alt-Text gelten folgende Regeln:
- Beschreiben, was tatsächlich zu sehen ist, nicht die Wunsch-Keywords aneinanderreihen
- Auf maximal etwa 125 Zeichen begrenzen, danach schneiden viele Screenreader ab
- Das Hauptkeyword nur dort einbauen, wo es natürlich zum Bildinhalt passt
- Nicht mit „Bild von…“ oder „Foto von…“ beginnen, Screenreader kündigen das Bild bereits selbst an
- Bei rein dekorativen Bildern (Trennlinien, Hintergrundtexturen) das Alt-Attribut leer lassen (alt=““), damit Screenreader sie überspringen
- Keyword-Stuffing im Alt-Text vermeiden, Google wertet das als Spam-Signal
Gutes vs. schlechtes Beispiel:
Schlecht: Dateiname bild1.jpg, Alt-Text „Bild“
Gut: Dateiname roter-lederrucksack-herren.jpg, Alt-Text „Roter Lederrucksack für Herren aus Vollnarbenleder“
Der Unterschied liegt nicht in der Länge, sondern in der Konkretheit. Klarheit schlägt Kürze. Weder Google noch ein Screenreader-Nutzer erfährt aus dem schlechten Beispiel etwas über das Produkt. Auf einen Blick beantwortet der gute Alt-Text dagegen, was genau abgebildet ist.
Das Title-Attribut auf Bildern, nicht zu verwechseln mit dem Alt-Attribut, hat für Bilder-SEO praktisch keine Bedeutung mehr und muss nicht gepflegt werden.
Dateinamen und URL-Struktur
Der Dateiname ist ein weiterer Hinweis. Nicht mehr, nicht weniger. Laut eigener Dokumentation dient er Google als Anhaltspunkt für das Thema des Bildes, weshalb jede Bilddatei schon vor dem Hochladen einen sprechenden Namen erhalten sollte, der den Inhalt beschreibt.
Entscheidend ist dabei die Trennung der Wörter: Bindestrich statt Unterstrich, also roter-lederrucksack-herren.jpg statt roter_lederrucksack_herren.jpg oder gar rlrh.jpg. Bindestriche interpretiert Google zuverlässig als Worttrennzeichen. Unterstriche dagegen häufig nicht.
Schlechte Beispiele sind Kamera-Standardnamen wie IMG_4821.jpg oder generische Bezeichnungen wie foto1.jpg. Sie liefern keinerlei Information. Bei mehreren Bildern auf derselben Seite sollte jedes einen eigenen, eindeutigen Namen bekommen. Doppelte Dateinamen für unterschiedliche Motive verwirren Google darüber, welches Bild zu welcher URL gehört.
Praktischer Hinweis für WordPress: Der Dateiname wird beim Hochladen zur Bild-URL. Ein Umbenennen danach erfordert eine manuelle Anpassung der Permalink-Struktur, und es riskiert kaputte Bildverweise auf bereits veröffentlichten Seiten. Das kostet Zeit. Besser also vor dem Hochladen umbenennen, nicht danach.
Der Kontext: Umlaufender Text und Platzierung
Google bewertet ein Bild nie isoliert. Es zählt immer zusammen mit dem umlaufenden Text, der Bildunterschrift und der Überschrift, unter der es steht. Mitten in einem thematisch passenden Absatz platziert, sendet dasselbe Bild ein deutlich stärkeres Relevanzsignal als am Ende eines unpassenden Artikels.
Für die Praxis bedeutet das: Ein Bild zur WebP-Komprimierung gehört direkt neben den Absatz, der WebP-Komprimierung erklärt, nicht irgendwo im Text vergraben. Die Überschrift sollte ebenfalls zum Bildinhalt passen. Ein Bild zum Thema Bildformate unter einer Überschrift zu Sitemaps zu platzieren, verwirrt Leser und Google gleichermaßen.
Bildunterschriften verdienen dabei mehr Aufmerksamkeit, als ihnen die meisten Websites geben, denn sie zählen zu den am häufigsten gelesenen Textelementen einer Seite, noch vor manchen Absätzen im Fließtext. Oft unterschätzt. Eine kurze, faktische Unterschrift von einem Satz, die etwas über das Bild aussagt, statt nur den Artikeltitel zu wiederholen, liefert zusätzlichen Kontext für Leser und für Google gleichermaßen.
Wird dasselbe Bild auf mehreren Seiten verwendet, lohnt sich eine konsistente URL, weil Google Bilder anhand ihrer URL zwischenspeichert. Sonst drohen Streuverluste. Unterschiedliche Pfade für dasselbe Motiv, etwa durch verschiedene CDN-Endpunkte, führen zu wiederholten Downloads und verteilen das Rankingsignal auf mehrere URLs, statt es zu bündeln.
Auch externe Links spielen eine Rolle. Verlinkt eine andere Seite mit dem Ankertext „beste Praktiken für Bilder-SEO“ auf einen Artikel, ordnet Google diesen Ankertext auch den Bildern auf der Zielseite thematisch zu. Gezielter Linkaufbau auf die bildintensivsten Seiten einer Domain, etwa Vergleichsartikel oder Produktkategorien, stärkt damit indirekt auch das Ranking der einzelnen Bilder auf diesen Seiten.
Bildformate im Vergleich: JPEG, PNG, WebP, AVIF und SVG
Fotos und komplexe Aufnahmen profitieren am meisten von WebP oder AVIF, aktuell das beste Verhältnis von Bildqualität zu Dateigröße. Für Icons und Logos ist SVG die richtige Wahl. Die folgende Tabelle zeigt die fünf wichtigsten Formate im direkten Vergleich.
| Format | Einsatzzweck | Kompression | Transparenz | Browser-Unterstützung |
|---|---|---|---|---|
| JPEG | Fotos, komplexe Motive | Verlustbehaftet, guter Kompromiss bei Qualitätsstufe 75 bis 85 | Nein | Universell |
| PNG | Screenshots, Grafiken mit Transparenz | Verlustfrei, dadurch größere Dateien | Ja | Universell |
| WebP | Fotos und Illustrationen, moderner Standard | Verlustbehaftet oder verlustfrei wählbar, spürbar kleiner als JPEG | Ja | Breite Unterstützung in aktuellen Browsern |
| AVIF | Fotos und Illustrationen, höchste Kompression | Verlustbehaftet, oft die kleinsten Dateien aller Formate | Ja | Breite Unterstützung in aktuellen Browsern, wächst weiter |
| SVG | Icons, Logos, einfache Illustrationen | Vektorbasiert, keine Pixelkompression nötig | Ja | Universell |
JPEG bleibt der sichere Standard, wenn keine moderneren Formate zum Einsatz kommen. Die verlustbehaftete Kompression verwirft Bilddaten, die im Ergebnis kaum auffallen, solange die Qualitätsstufe nicht zu niedrig gewählt wird. Transparenz kann JPEG allerdings nicht. Dafür braucht es PNG oder WebP.
PNG arbeitet verlustfrei und behält jedes Pixel exakt bei, weshalb es sich für Screenshots, Logos mit scharfen Kanten und Bilder mit Textanteilen eignet. Dafür zahlt man einen Preis. Der Preis sind größere Dateien, und für reine Fotografien ist PNG fast immer die falsche Wahl.
WebP hat sich als praktischer Standard etabliert. Kein Wunder. Es erzeugt bei Fotos deutlich kleinere Dateien als JPEG bei vergleichbarer Qualität und unterstützt zusätzlich Transparenz, was PNG in vielen Fällen komplett ersetzt.
AVIF geht noch einen Schritt weiter. Es erzielt bei vergleichbarer Qualität die kleinsten Dateigrößen aller hier verglichenen Formate. Für neue Projekte und Seiten mit hohem Traffic ist die Kombination aus AVIF und WebP als Fallback aktuell am performantesten.
SVG gehört nicht in diese Kompressionslogik. Es speichert keine Pixel, sondern mathematische Formen. Bei Icons, Logos und einfachen Illustrationen ist es praktisch konkurrenzlos klein und skaliert verlustfrei auf jede Größe. Fotorealistische Motive mit vielen Farbverläufen sind dagegen die Schwäche von SVG, hier gehören WebP oder PNG hin.
Legacy-Formate wie GIF, BMP oder TIFF spielen für Bilder-SEO praktisch keine Rolle mehr, mit einer Ausnahme: GIF für kurze Animationen. Auch dafür gibt es inzwischen oft eine schnellere Alternative, etwa ein animiertes WebP oder ein schlankes Video-Format.
Wichtig für CSS-Hintergrundbilder: Über die Eigenschaft background-image eingebundene Bilder indexiert Google nicht als Bildinhalt. Das gilt ausnahmslos. Soll ein Bild in der Bildersuche ranken, muss es zwingend als echtes img-Element im HTML stehen, nicht als CSS-Hintergrund.
Bilder und Core Web Vitals: LCP und CLS richtig optimieren
Core Web Vitals ist Googles Rahmenwerk zur Messung der Nutzererfahrung einer Seite, und zwei der drei Kennzahlen hängen direkt von Bildern ab: Largest Contentful Paint (LCP) und Cumulative Layout Shift (CLS). Beide leiden oft gemeinsam. Falsch gehandhabte Bilder verschlechtern beide Werte gleichzeitig, meist ohne dass es beim ersten Blick auffällt. Andere Faktoren wie Serverantwortzeit oder JavaScript-Ausführung spielen für Core Web Vitals ebenfalls eine Rolle, bleiben hier aber bewusst außen vor, weil sie nichts mit der Bildoptimierung zu tun haben.
LCP durch Bildoptimierung verbessern
Largest Contentful Paint misst die Zeit vom Seitenaufruf bis zum Rendern des größten sichtbaren Elements, und auf den meisten Content-Seiten ist das größte Element ein Hero-Bild, ein Banner oder das Beitragsbild. Der Zielwert ist klar. Ein guter LCP-Wert liegt unter 2,5 Sekunden.
Folgende Maßnahmen verbessern den LCP-Wert direkt über Bilder:
- WebP oder AVIF statt JPEG oder PNG verwenden, um Dateigröße und Ladezeit zu senken
- Für das LCP-Bild einen Preload-Hinweis im Dokumentenkopf setzen
- Das Attribut fetchpriority=“high“ auf dem LCP-Bild selbst setzen
- Das LCP-Bild niemals mit loading=“lazy“ versehen, das verzögert genau das Element, das zuerst sichtbar sein soll
- Das LCP-Bild aggressiv komprimieren, schon 20 KB weniger können den LCP-Wert um 100 bis 200 Millisekunden verbessern
Wird das LCP-Element als CSS-Hintergrundbild eingebunden, lässt es sich nicht per Preload-Hinweis vorladen, ein Nachteil, der in der Praxis oft übersehen wird. Die Lösung: umstellen. In diesem Fall lohnt sich die Umstellung auf ein echtes img-Element.
CLS durch feste Bildmaße vermeiden
Cumulative Layout Shift misst, wie stark sich sichtbare Inhalte während des Ladens unerwartet verschieben, und fehlende Breiten- und Höhenangaben bei Bildern zählen zu den häufigsten Ursachen für schlechte CLS-Werte. Ein simpler Fehler mit großer Wirkung.
Kennt der Browser die Abmessungen eines Bildes nicht, reserviert er auch keinen Platz dafür. Lädt das Bild dann nach, schiebt es Text und Buttons plötzlich nach unten, ein sichtbarer und störender Sprung im Layout. Die Lösung ist einfach: width- und height-Attribute auf jedem img-Element angeben. Der Browser berechnet daraus das Seitenverhältnis und reserviert den passenden Platz, bevor das Bild überhaupt geladen ist. Über CSS (max-width: 100%; height: auto;) bleibt das Bild trotzdem responsiv, die reservierte Fläche skaliert einfach mit.
Ein guter CLS-Wert liegt unter 0,1. In der Praxis lässt sich der Großteil bildbedingter CLS-Probleme allein durch das Nachtragen von width- und height-Attributen beheben, ohne dass weitere Änderungen nötig sind.
Technische Bilder-SEO: Responsive Bilder, Lazy Loading und strukturierte Daten
Neben Alt-Text, Dateinamen und Core Web Vitals gibt es eine Reihe technischer Stellschrauben, die im deutschen Wettbewerbsumfeld kaum jemand konsequent nutzt, obwohl sie messbar Ladezeit sparen und Google zusätzliche Hinweise liefern. Ungenutztes Potenzial.
Responsive Bilder mit srcset und sizes
Responsive Bilder sorgen dafür, dass mobile Nutzer nicht dieselbe große Desktop-Datei herunterladen, die anschließend nur per CSS verkleinert wird, was unnötig Bandbreite kostet. Die Lösung heißt srcset. Über dieses Attribut lassen sich mehrere Bildgrößen gleichzeitig anbieten, der Browser wählt dann selbst die passende Variante für Viewport und Pixeldichte des jeweiligen Geräts aus.
Praktisch bedeutet das:
- Mehrere Auflösungen derselben Datei bereitstellen, etwa 400px, 800px und 1200px Breite
- Über das sizes-Attribut festlegen, welche Größe bei welcher Bildschirmbreite geladen werden soll
- Für Google Discover und Social Sharing mindestens 1200px Breite anbieten, damit große Bildvorschauen möglich sind
- Immer ein src-Attribut als Fallback angeben, ältere Browser benötigen es zwingend
Lazy Loading richtig einsetzen
Lazy Loading verzögert das Laden von Bildern, die beim Seitenaufruf noch nicht im sichtbaren Bereich liegen, wodurch sich die beim ersten Rendern übertragene Datenmenge reduziert und der sichtbare Seitenaufbau beschleunigt. Weniger Daten, schnellerer Start.
Moderne Browser unterstützen natives Lazy Loading über das loading-Attribut, ganz ohne zusätzliche JavaScript-Bibliothek:
- loading=“lazy“ auf alle Bilder unterhalb des sichtbaren Bereichs setzen
- Das Hero-Bild beziehungsweise LCP-Bild niemals lazy laden, das verzögert genau das Element, das zuerst gerendert werden muss
- fetchpriority=“high“ stattdessen für das LCP-Bild verwenden, siehe vorheriger Abschnitt
Strukturierte Daten und XML-Bilder-Sitemap
Strukturierte Daten helfen Google, ein Bild inhaltlich einzuordnen, und ermöglichen erweiterte Darstellungen wie Bildpakete oder Produkt-Karussells, ein klarer Vorteil im Wettbewerb um Sichtbarkeit. Die Grundlage bildet der ImageObject-Typ von schema.org, eingebunden als JSON-LD im Seiten-Head:
{„@type“: „ImageObject“, „url“: „https://beispiel.de/bild.jpg“, „width“: 1200, „height“: 630}
Bei Artikeln reicht meist die Angabe des Hauptbildes über primaryImageOfPage, idealerweise mit derselben URL wie im og:image-Tag, während auf Produktseiten das Bild stattdessen in das Product-Schema gehört. Bei Rezepten ist es strenger. Eine korrekte Bildangabe im Recipe-Schema ist dort sogar Voraussetzung, um im entsprechenden Filter der Google-Bildersuche zu erscheinen.
Zusätzlich lohnt sich eine XML-Bilder-Sitemap, besonders für bildintensive Seiten wie Onlineshops oder Foto-Portfolios, denn sie hilft Google, Bilder zu entdecken, die per JavaScript nachgeladen werden oder auf selten gecrawlten Seiten liegen. Der Aufwand ist gering. Die meisten SEO-Plugins wie Yoast oder Rank Math erzeugen eine solche Sitemap automatisch, eingereicht wird sie über die Google Search Console.
Ein letzter technischer Baustein ist die Auslieferung über ein Content Delivery Network. Kurz: ein CDN. Es speichert Kopien der Bilddateien auf Servern, die geografisch näher am jeweiligen Nutzer liegen, wodurch die Übertragungswege kürzer werden und Bilder schneller ankommen, ein Effekt, den vor allem Seiten mit internationalem Publikum spüren, gerade in Märkten weit entfernt vom eigenen Hosting-Standort. Viele CDN-Anbieter konvertieren Formate zusätzlich automatisch, sie liefern WebP an Browser, die es unterstützen, und JPEG als Fallback an alle anderen, ohne dass mehrere Dateiversionen manuell gepflegt werden müssen.
Bilder für Google Lens und die visuelle Suche optimieren
Google Lens ermöglicht die bildbasierte Suche. Nutzer fotografieren ein Produkt, eine Pflanze oder ein Gericht, und Google gleicht das Foto mit indexierten Bildern im Web ab. Die Konkurrenz schläft hier. Die meisten Websites ignorieren diesen Kanal bislang komplett und konzentrieren sich ausschließlich auf klassische Text- und Bildersuche.
Für die Sichtbarkeit in Google Lens zählen vor allem:
- Bildschärfe und Auflösung: Lens arbeitet mit visuellem Musterabgleich, unscharfe oder stark komprimierte Bilder lassen sich schlechter zuordnen. Mindestens 1200px auf der längeren Seite mit guter Ausleuchtung erhöhen die Trefferquote.
- Strukturierte Daten für Produkte: Vollständige Angaben zu Produktname, Preis und Verfügbarkeit helfen Google, Produktbilder erkennen und in Shopping-bezogenen Anfragen zuordnen zu können.
- Präziser Alt-Text: Lens kombiniert visuelle Analyse mit Textmetadaten, ein genauer Alt-Text verbindet die visuelle Anfrage mit der richtigen Seite.
- Einheitliche Bild-URLs: Erscheint dasselbe Produktbild auf mehreren URLs, etwa durch Kategoriefilter im Onlineshop, sollte ein Canonical-Tag auf die bevorzugte Seite verweisen.
Onlineshops profitieren von Lens als besonders kaufnahem Kanal: Ein Nutzer, der ein Produkt im Laden fotografiert und per Lens sucht, will in der Regel sofort wissen, wo er es online kaufen kann, und ist damit näher an einer Kaufentscheidung als bei einer klassischen Textsuche. Content-Seiten profitieren anders. Sie gewinnen vor allem bei Infografiken und Diagrammen, die auch außerhalb der eigenen Domain wiedererkannt werden und so zusätzliche Markenpräsenz schaffen, selbst wenn der Klick am Ende auf einer anderen Seite landet.
Häufig gestellte Fragen zu Bilder-SEO
Wirkt sich die Dateigröße von Bildern auf das Ranking aus?
Direkt nicht, indirekt aber deutlich. Große, unkomprimierte Bilder verlangsamen die Ladezeit und verschlechtern den LCP-Wert, und Ladezeit fließt als Rankingsignal ein. Selbst ein einzelnes zu großes Hero-Bild kann eine Seite allein in den schlechten LCP-Bereich über 4 Sekunden drücken. Der Rest des Codes kann dabei sauber und schlank sein, das spielt keine Rolle.
Ist WebP wirklich besser für SEO als JPEG?
Für die meisten Fälle ja: WebP erzeugt bei vergleichbarer Qualität kleinere Dateien als JPEG und verbessert dadurch Ladezeit und LCP. Ältere Browser ohne WebP-Unterstützung sind trotzdem abgesichert. Das picture-Element liefert ihnen per JPEG-Fallback ein funktionierendes Bild.
Wie viele Bilder sollte ein Artikel für SEO enthalten?
Es gibt keine feste Zahl. Bilder gehören dorthin, wo sie tatsächlich etwas erklären, etwa einen Prozess zeigen, eine Vergleichstabelle ergänzen oder einen Screenshot belegen. Beliebige Stockfotos ohne inhaltlichen Bezug verlängern nur die Ladezeit, ohne dem Leser oder dem Ranking zu helfen.
Spielen Alt-Text und Dateiname 2026 noch eine Rolle?
Ja, weiterhin. Computer-Vision-Verfahren sind deutlich besser geworden, ersetzen Alt-Text und Dateiname aber nicht, sondern ergänzen sie als zusätzliches Textsignal. Ein Bild mit präzisem Alt-Text, sprechendem Dateinamen und passendem Kontext schlägt in der Praxis weiterhin dasselbe Bild mit leerem Alt-Attribut und generischem Namen. Das gilt besonders bei visuell ähnlichen Motiven, bei denen die Bilderkennung allein nicht eindeutig entscheiden kann.
