Bilder-SEO 2026: Bilder für Google, Nutzer und Barrierefreiheit optimieren

Bilder-SEO verbindet technische Optimierung, hilfreiche Bildinhalte und Barrierefreiheit. Ziel ist nicht nur eine bessere Auffindbarkeit in Google Bilder, sondern eine Seite, auf der Nutzer Bilder schnell laden, verstehen und für ihre Entscheidung verwenden können.

Dieser Leitfaden zeigt, wie Sie Dateinamen, Alt-Texte, Formate, Bildgrößen, Seitenkontext und Bildmetadaten sinnvoll aufeinander abstimmen.

Was ist Bilder-SEO?

Bilder-SEO umfasst Maßnahmen, mit denen Bilder technisch zugänglich, verständlich beschrieben und im passenden inhaltlichen Umfeld eingebunden werden. Dadurch können Suchmaschinen die Dateien leichter entdecken und einordnen. Gleichzeitig profitieren Nutzer von schnelleren Ladezeiten, aussagekräftigen Abbildungen und passenden Textalternativen.

Google empfiehlt dafür unter anderem normale HTML-Bildelemente, beschreibende Alt-Texte, aussagekräftige Dateinamen, responsive Bildvarianten und einen relevanten Seitenkontext. Eine kompakte Übersicht bietet die offizielle Dokumentation zu den Best Practices für Bilder in der Google-Suche.

Wann Bilder Kaufentscheidungen besonders stark beeinflussen

Bilder sind besonders wichtig, wenn Aussehen, Verarbeitung, Form oder Nutzungssituation über den Kauf entscheiden. Dazu zählen beispielsweise Mode, Fahrzeuge, Möbel, Immobilien, Türen, Schmuck und viele E-Commerce-Produkte.

Auch bei Dienstleistungen können Bilder einen konkreten Nutzen haben: Ein anonymisierter Audit-Ausschnitt belegt eine Analyse, ein Prozessdiagramm erklärt die Zusammenarbeit und ein Vorher-/Nachher-Vergleich macht ein Ergebnis nachvollziehbar. Entscheidend ist, dass das Bild mehr leistet als reine Dekoration.

Wie funktioniert Bilder-SEO in der Praxis?

Bilder-SEO folgt demselben Grundprinzip wie gute Suchmaschinenoptimierung: Die Seite sollte die Suchintention erfüllen und für Nutzer einen erkennbaren Mehrwert bieten. Prüfen Sie deshalb zuerst, welche Information das Bild vermitteln soll und ob Nutzer bei dieser Suchanfrage tatsächlich visuelle Orientierung erwarten.

Bei der Suche nach einem Brautkleid im Prinzessinnen-Stil sind Form, Farbe und Details entscheidend. Ein aussagekräftiges Produktbild kann die Suchentscheidung daher stärker beeinflussen als eine rein textliche Beschreibung.

Alt-Texte richtig schreiben

Der Alt-Text beschreibt die wesentliche Information oder Funktion eines Bildes. Screenreader können ihn ausgeben, und er bleibt als Textalternative verfügbar, wenn ein Bild nicht geladen werden kann. Google nutzt ihn zusammen mit Computer-Vision-Verfahren und dem Seiteninhalt, um das Bild zu verstehen.

Bei mehreren ähnlichen Produktbildern kann der Alt-Text relevante Unterschiede nennen, beispielsweise Modell, Farbe, Ansicht oder besonderes Detail. Eine interne Artikelnummer gehört nur hinein, wenn sie Nutzern in diesem Kontext tatsächlich hilft.

Die Auswahl der passenden Textalternative richtet sich nach Zweck und Kontext des Bildes. Das W3C-Tutorial zu barrierefreien Bildern unterscheidet dafür unter anderem informative, dekorative, funktionale und komplexe Abbildungen.

Dateiname, Bildtitel und Seitenkontext

Kurze und beschreibende Dateinamen

Ein Dateiname wie weisses-brautkleid-prinzessinnen-stil.jpg gibt Suchmaschinen einen leichten inhaltlichen Hinweis. Kryptische Namen wie IMG_2320.jpg verschenken diese Möglichkeit. Halten Sie Dateinamen kurz, verständlich und passend zum tatsächlichen Motiv.

Das Title-Attribut ist kein Ersatz für den Alt-Text

Das optionale title-Attribut kann einen zusätzlichen Hinweis beim Überfahren mit der Maus anzeigen. Es ist jedoch weder zuverlässig auf Touch-Geräten verfügbar noch ein Ersatz für eine sinnvolle Textalternative. Für Barrierefreiheit ist der zweckgerechte Alt-Text entscheidend.

Einzigartige und aussagekräftige Bilder

Eigene Fotos, Diagramme, Screenshots oder Illustrationen können genau die Information zeigen, die zum Inhalt gehört. Stockbilder sind nicht grundsätzlich ungeeignet, sollten aber keine fachliche Aussage vortäuschen. Für Nutzer zählt, ob das Bild eine Frage schneller und verständlicher beantwortet.

Bildunterschrift und umgebender Text

Überschrift, Fließtext, Bildunterschrift und Bild sollten dasselbe Thema behandeln. Platzieren Sie wichtige Abbildungen in der Nähe der Textstelle, die sie erklären. So entsteht für Nutzer und Suchmaschinen ein nachvollziehbarer Zusammenhang.

Bildgröße, Formate und Ladezeit

Die beste Bilddatei ist so klein wie möglich und so detailreich wie nötig. Legen Sie die sichtbare Breite und Höhe im HTML fest, damit beim Laden kein unnötiger Layoutsprung entsteht. Unterhalb des sichtbaren Bereichs kann loading="lazy" Übertragungen verzögern, bis das Bild benötigt wird.

Google unterstützt unter anderem JPEG, PNG, WebP, SVG und AVIF. Entscheidend sind ein unterstütztes Format, eine passende Qualität und eine für das Endgerät geeignete Dateigröße – nicht ein pauschales Pixelmaß oder Seitenverhältnis.

Bild-URLs und Ordnerstruktur

Eine nachvollziehbare URL kann die Pflege großer Bildbestände erleichtern, beispielsweise /brautkleider/prinzessinnen/weisses-brautkleid-modell-marlon.jpg. Vermeiden Sie jedoch künstlich tiefe Ordnerstrukturen oder wechselnde URLs für dieselbe Datei. Wichtiger als die Verzeichnistiefe sind stabile, crawlbare Bildadressen und ein passender Seitenkontext.

Bei sehr großen oder technisch schwer auffindbaren Bildbeständen kann eine Bild-Sitemap zusätzliche Bild-URLs für Suchmaschinen bereitstellen.

Strukturierte Daten und IPTC-Bildmetadaten

Passende strukturierte Daten können Bilder mit dem jeweiligen Seitentyp verbinden. Bei Produkten, Rezepten oder Artikeln gelten dafür die Anforderungen des jeweiligen Markup-Typs. Fügen Sie keine Auszeichnungen hinzu, die Inhalt oder Seitentyp nicht korrekt beschreiben.

Für Urheber-, Lizenz- und Credit-Angaben unterstützt Google außerdem strukturierte Daten oder eingebettete IPTC-Fotometadaten. Die aktuelle technische Umsetzung erklärt Google in der Dokumentation zu Bild- und Lizenzmetadaten.

Responsive Bilder für unterschiedliche Displays

Smartphones, Tablets, Notebooks und große Monitore benötigen nicht dieselbe Bilddatei. Mit srcset und sizes können Browser eine geeignete Variante auswählen. Ein normales src-Attribut bleibt als Fallback erhalten.

<img
  src="/produkt-800.jpg" srcset="/produkt-400.jpg 400w, /produkt-800.jpg 800w"
  sizes="(max-width: 600px) 100vw, 800px"
  width="800" height="600"
  alt="Weißes Brautkleid im Prinzessinnen-Stil">

Prüfen Sie zusätzlich den sichtbaren Ausschnitt. Ein Bild kann technisch responsiv sein und auf einem kleinen Display trotzdem seine wichtigste Aussage verlieren.

Bilder mit A/B-Tests optimieren

Bei Produktseiten, Kategorien und Landingpages kann ein kontrollierter Test zeigen, welche Bildvariante mehr qualifizierte Interaktionen oder Conversions erzielt. Definieren Sie dafür vorab eine Hauptmetrik und verändern Sie nicht mehrere entscheidende Elemente gleichzeitig.

Google Optimize ist seit dem 30. September 2023 eingestellt. Verwenden Sie deshalb ein aktuell gepflegtes Experimentierwerkzeug, das zu Analytics, Consent-Management und Datenschutzanforderungen Ihres Projekts passt. Google nennt beispielsweise Integrationen mit AB Tasty, Optimizely und VWO in seiner Information zur Einstellung von Google Optimize.

Alt-Texte in HTML und CMS hinterlegen

Ohne CMS wird die Textalternative direkt am Bild hinterlegt:

<img src="/weisses-brautkleid.jpg"
     alt="Weißes Brautkleid im Prinzessinnen-Stil"
     width="900" height="600">

In WordPress, Joomla und anderen Content-Management-Systemen lassen sich Alt-Texte gewöhnlich über die Medien- oder Bildeinstellungen pflegen. Prüfen Sie nach dem Speichern im Frontend, ob die Textalternative tatsächlich am ausgegebenen img-Element ankommt.

Bilder-SEO-Checkliste für die Praxis