blog/bild-seo-shops-dfm
BLOG · ARTIKEL
SEO/AEO 02. Oktober 2026KI-generiert~4 Min Lesezeit

Bild-SEO für Shops: Sichtbar in der Google-Bildersuche

Die Google-Bildersuche ist ein eigener Einstieg in den Shop: Dateinamen, Alt-Texte, Bild-Sitemaps und moderne Formate — was Produktbilder auffindbar macht.

Bild-SEO ist die Gesamtheit aller Signale, mit denen Google ein Bild einem Suchbegriff zuordnet: ein sprechender Dateiname, ein präziser Alternativtext, die Product-Strukturdaten der Seite, ein Eintrag in der Bild-Sitemap und der Text, der das Bild auf der Seite umgibt. Die Google-Bildersuche ist dabei ein eigener Suchtyp neben der Websuche, mit eigener Auswertung in der Search Console und einer eigenen Nutzerabsicht: Viele Produktanfragen beginnen visuell, bevor ein Textvergleich stattfindet. Die Technik entscheidet mit — WebP und AVIF senken die Ladezeit, und das Ladeverhalten entscheidet, ob das wichtigste Bild rechtzeitig gecrawlt und gerendert wird.

Warum lohnt sich der Blick auf die Bildersuche überhaupt?

Die Bildersuche ist keine Randnotiz der Websuche, sondern ein eigenes Ergebnisformat mit eigener Nutzerabsicht: Wer eine Kommode, ein Abendkleid oder eine Werkstattausstattung sucht, beginnt oft visuell und vergleicht erst danach textlich. Für Shops heißt das: Ein Produktbild ist ein eigener Einstieg in die Produktdetailseite — und er funktioniert auch bei Anfragen, die Kunden textlich nie formulieren, weil ihnen der Fachbegriff fehlt. Bildergebnisse erscheinen zudem innerhalb der normalen Suche; ein gutes Bild arbeitet also in beiden Kanälen gleichzeitig.

Was gehört in den Dateinamen?

Der Produktname in Kleinbuchstaben mit Bindestrichen, dazu eine unterscheidende Angabe wie Farbe, Material oder Ansicht: lederhose-braun-kurze-ansicht.webp statt IMG_4471.webp. Der Dateiname ist eines der ersten Signale, die beim Crawlen gelesen werden, und er bleibt erhalten, wo der Seitenkontext längst fehlt. Die Endung hilft nicht beim Ranking — sie identifiziert das Format.

Wie schreibt man einen guten Alternativtext?

  • ›Das Motiv benennen, nicht das Bild beschreiben: Produktart, unterscheidendes Merkmal, Blickwinkel.
  • ›Konkrete Formulierungen statt Stichwortketten — der Alt-Text wird von Screenreadern vorgelesen, er ist Barrierefreiheit und Suchsignal zugleich.
  • ›Keine Wiederholung des Seitentitels über alle Bilder hinweg; jedes Bild bekommt seine eigene Ansicht.
  • ›Rein dekorative Bilder leer lassen (alt=""), nicht mit Suchbegriffen füllen.
  • ›Text im Bild vermeiden, wo es geht — Suchmaschinen lesen Beschriftungen innerhalb der Grafik kaum verlässlich.

Warum zählt der Text um das Bild mit?

Weil Google Bild und Seite als eine Einheit bewertet. Produktname, Beschreibung, Preis, Kategorie und Bildunterschrift in der Nähe des Bildes bestätigen, worauf sich der Dateiname bezieht. Ein optimal benanntes Bild auf einer Seite ohne Kontext wird seltener ausgespielt als dasselbe Bild mit klarem Produktumfeld. Deshalb ist Bild-SEO bei Shop-Systemen meist eine Frage der Produktdatenpflege, nicht der Technik: Wer knappe, austauschbare Beschreibungen pflegt, schwächt auch seine Bilder.

Wann brauchen Sie eine Bild-Sitemap?

Dann, wenn Bilder nicht einfach als eigenes Bildelement im Dokument stehen — also bei Galerien, die erst bei Klick laden, bei per JavaScript nachgeladenen Ansichten und bei sehr großen Sortimenten, die Sie aktiv melden wollen. Über eine Bild-Sitemap zählen Sie Google die Bild-URLs einer Seite explizit auf; sie lässt sich in die bestehende Seiten-Sitemap integrieren.

── xml ──
<url>
  <loc>https://www.example-shop.de/lederhose-braun</loc>
  <image:image>
    <image:loc>https://www.example-shop.de/bilder/lederhose-braun-kurze-ansicht.webp</image:loc>
    <image:title>Lederhose braun, kurze Ansicht</image:title>
  </image:image>
</url>

Welche Strukturdaten gehören zu Produktbildern?

Product-Daten mit Bild-URL, Name, Preis und Verfügbarkeit. Sie qualifizieren die Seite für Produktergebnisse, und ausgespielte Produktbilder erhalten in der Bildersuche Zusatzinformationen wie Preis und Bewertungen. Üblich und empfohlen ist das Format JSON-LD im Dokumentkopf — dort, wo Ihr Shop-System ohnehin seine Metadaten schreibt.

── json ──
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Lederhose braun, kurz",
  "image": [
    "https://www.example-shop.de/bilder/lederhose-braun-kurze-ansicht.webp"
  ],
  "description": "Kurze Lederhose in Braun mit Trägern und Hirschstickerei.",
  "offers": {
    "@type": "Offer",
    "price": "89.00",
    "priceCurrency": "EUR",
    "availability": "https://schema.org/InStock"
  }
}

Was bringen WebP, AVIF und srcset?

Die Formate selbst ranken nicht — sie beschleunigen. WebP und AVIF liefern bei gleicher Qualität deutlich kleinere Dateien als JPEG, und schnellere Seiten werden häufiger vollständig gerendert und gecrawlt; davon hängt ab, ob Ihre Bilder überhaupt im Index ankommen. Über srcset und sizes liefern Sie jedem Endgerät die passende Auflösung. Eine gewisse Grundschärfe bleibt Voraussetzung dafür, dass ein Bild in der Bildersuche überhaupt groß ausgespielt wird.

Wie laden Sie nach, ohne das LCP-Bild auszubremsen?

Mit loading="lazy" unterhalb des sichtbaren Bereichs — und nirgendwo sonst. Das größte Bild im ersten Bildschirm, bei Produktdetailseiten in der Regel das Hauptproduktfoto, ist das LCP-Element; wird es träge geladen, verschlechtert sich der Largest Contentful Paint. Browserseitiges Lazy Loading erledigt das Nachladen heute ohne Eigenbau-Skripte, scrollbasierte JavaScript-Lösungen sind überflüssig und brechen ohne JavaScript oft komplett.

── html ──
<!-- Hauptbild (LCP): sofort, hohe Priorität, kein Lazy Loading -->
<img src="/bilder/lederhose-braun-kurze-ansicht.webp"
     alt="Lederhose in Braun, kurze Ansicht von vorne"
     width="1200" height="1600"
     srcset="/bilder/lederhose-braun-kurze-ansicht-480.webp 480w,
             /bilder/lederhose-braun-kurze-ansicht-960.webp 960w,
             /bilder/lederhose-braun-kurze-ansicht.webp 1200w"
     sizes="(min-width: 768px) 480px, 90vw"
     fetchpriority="high">

<!-- Weitere Ansichten unterhalb des ersten Bildschirms -->
<img src="/bilder/lederhose-braun-detail.webp"
     alt="Lederhose in Braun, Detail der Naht"
     width="1200" height="1600"
     loading="lazy">
ACHTUNG· Nie das LCP-Bild lazy laden

Das Hauptproduktfoto gehört in den ersten Bildschirm, wird dort mit fetchpriority="high" ausgeliefert und trägt kein loading="lazy". Alles, was Besucher erst durch Scrollen sehen, darf träge nachladen.

Woran sehen Sie, dass es wirkt?

In der Search Console, Bericht „Leistung“, Filter Suchtyp: Bild. Dort lesen Sie ab, welche Einzelseiten Einblendungen aus der Bildersuche erhalten und mit welchen Suchbegriffen sie gefunden werden — die ehrlichste Rückmeldung darauf, ob Produktbild und Suchinteresse zusammenpassen. Vergleichen Sie Zeiträume vor und nach der Umstellung; der Bildindex reagiert in Wochen, nicht in Tagen. Beginnen Sie mit den zwanzig meistverkauften Artikeln: Dort zahlt sich jede Verbesserung am schnellsten aus, und Sie lernen am konkreten Beispiel, wie gut Ihr Shop-System Dateinamen, Alt-Texte und Strukturdaten überhaupt durchreicht.

/blog/bild-seo-shops-dfm
$ echo "Gefallen?" | share --to=you

Wir bauen das für Sie

Vom Artikel zur Implementierung — sprechen Sie mit uns.