Bilder-SEO hat einen seltsamen Status: Jeder weiß, dass es „irgendwie wichtig“ ist – und auf fast jeder Website liegt es brach. Dateinamen wie IMG_4823.jpg, fehlende Alt-Texte, unkomprimierte 4-MB-Fotos im Header: Die Fehler sind so verbreitet, dass saubere Bildoptimierung ein echter Wettbewerbsvorteil geworden ist.
Dieser Guide geht alle Hebel in der Reihenfolge ihrer Wirkung durch. Er ist bewusst plattformneutral gehalten; wo WordPress-Besonderheiten wichtig sind, verlinken wir die Detailartikel.
1. Warum Bilder-SEO 2026 zählt
Drei Entwicklungen machen Bildoptimierung wichtiger, als sie je war:
- Bilder sind eigene Suchoberflächen geworden. Google Bildersuche, Google Lens und die Bild-Elemente in den normalen Suchergebnissen (Bild-Packs, Produkt-Grids) sind eigenständige Traffic-Quellen – besonders im E-Commerce, wo die Kaufentscheidung visuell fällt. Warum Google dabei gezielt aussagekräftige Alt-Texte bevorzugt, haben wir im Artikel zur Bildersuche-SEO im Detail analysiert.
- Ladezeit ist Rankingfaktor – und Bilder sind der größte Ladezeit-Posten. Auf typischen Seiten machen Bilder den Löwenanteil des übertragenen Datenvolumens aus. Wer Core Web Vitals verbessern will, fängt fast immer bei den Bildern an.
- Barrierefreiheit ist Pflicht geworden. Seit dem 28. Juni 2025 verlangt der European Accessibility Act (in Deutschland: BFSG) barrierefreie Online-Shops – und Alt-Texte sind die sichtbarste Anforderung. Bilder-SEO und Compliance sind damit zu großen Teilen dieselbe Arbeit.
2. Formate & Komprimierung
Die Formatfrage ist 2026 im Grunde entschieden: Moderne Formate schlagen die Klassiker bei gleicher Qualität deutlich in der Dateigröße.
| Format | Stärke | Einsatz 2026 |
|---|---|---|
WebP | Deutlich kleiner als JPEG/PNG, seit Jahren in allen gängigen Browsern | ✓ Der solide Standard |
AVIF | Meist noch stärkere Komprimierung als WebP | ✓ Erste Wahl, wo der Stack es sauber ausliefert |
| JPEG/PNG | Universelle Kompatibilität | Fallback; PNG nur noch für Grafiken mit Transparenz, wenn kein WebP möglich |
| SVG | Verlustfrei skalierbar, winzig | Logos, Icons, einfache Illustrationen |
Dazu gehören zwei Handwerksregeln: Erstens, liefern Sie Bilder in der Größe aus, in der sie angezeigt werden – ein 2400-Pixel-Foto in einem 400-Pixel-Container verschwendet Bandbreite. Das srcset-Attribut lässt den Browser automatisch die passende Größe wählen. Zweitens, komprimieren Sie verlustbehaftet mit Augenmaß: Für Web-Darstellung sind Qualitätsstufen spürbar unterhalb des Maximums fast immer visuell nicht unterscheidbar, aber deutlich kleiner. Die meisten CMS und CDNs automatisieren beides – einmal eingerichtet, läuft dieser Hebel von allein.
Apropos CDN: Ein Content Delivery Network liefert Bilder vom geografisch nächsten Server aus und übernimmt bei modernen Anbietern die Formatwahl gleich mit – derselbe Bild-Request bekommt AVIF, WebP oder JPEG, je nachdem, was der Browser unterstützt. Für internationale Zielgruppen ist das oft der größte einzelne Ladezeit-Hebel, ganz ohne Änderungen am Bildbestand.
3. Dateinamen
Der Dateiname ist ein kleines, aber kostenloses Signal: Er hilft Google (und Ihrem eigenen Team), das Bild einzuordnen, und erscheint als Teil der Bild-URL. Die Regeln sind simpel:
- Beschreibend statt kryptisch:
porzellan-kaffeetasse-milano-weiss.webpstattIMG_4823_final_v2.webp - Kleinschreibung, Bindestriche, keine Umlaute: Bindestriche trennen Wörter für Suchmaschinen sauber; Unterstriche tun das nicht.
- Kein Keyword-Stuffing: Zwei bis fünf beschreibende Wörter reichen.
Ehrliche Einordnung: Der Dateiname ist ein schwaches Signal im Vergleich zum Alt-Text. Bei neuen Uploads sollte er zur Routine gehören – aber tausende Bestandsbilder umzubenennen (mit Redirects, um eingesammelte Bild-Rankings nicht zu verlieren) lohnt den Aufwand meist nicht. Priorisieren Sie den Bestand über Alt-Texte, nicht über Dateinamen.
4. Alt-Text: der wichtigste Hebel
Wenn Sie nur einen einzigen Punkt aus diesem Guide umsetzen, dann diesen. Der Alt-Text ist das einzige Element, das Google den Bildinhalt direkt in Textform erklärt – und gleichzeitig die zentrale Barrierefreiheits-Anforderung nach WCAG 2.1 AA. Was ein Alt-Text genau ist, haben wir in den Grundlagen erklärt; hier die SEO-Essenz:
Die Alt-Text-Formel für SEO
Beschreiben, was zu sehen ist – konkret, mit Material, Farbe, Kontext: „Weiße Porzellan-Kaffeetasse Milano mit goldenem Rand“.
Das Keyword organisch einbauen, wenn es zum Bild passt – nicht erzwingen und niemals aneinanderreihen.
Prägnant bleiben: ein beschreibender Satz, keine Romane. Dekorative Bilder bekommen ein leeres alt="".
Die häufigsten Fehler – leeres Attribut, Dateiname als Text, Keyword-Ketten – und wie man sie vermeidet, behandelt ausführlich unser Leitfaden Alt-Text richtig schreiben. Und für die Skalierungsfrage bei hunderten oder tausenden Bildern: dazu mehr in Abschnitt 9.
5. Lazy Loading & Core Web Vitals
Bilder entscheiden über zwei der drei Core Web Vitals – und beide Optimierungen sind heute Bordmittel:
Largest Contentful Paint (LCP)
Das LCP-Element ist auf den meisten Seiten ein Bild – Hero, Produktfoto, Header. Für dieses eine Bild gilt: niemals lazy laden. Alle Bilder unterhalb des sichtbaren Bereichs dagegen profitieren vom nativen Lazy Loading:
<!-- LCP-Bild: sofort laden, ggf. priorisieren --> <img src="hero.webp" alt="…" fetchpriority="high"> <!-- Bilder unterhalb des Folds: lazy --> <img src="produkt-detail.webp" alt="…" loading="lazy">
Cumulative Layout Shift (CLS)
Springende Layouts entstehen, wenn der Browser die Bildgröße erst beim Laden erfährt. Die Lösung ist trivial und wird trotzdem ständig vergessen: width– und height-Attribute setzen (bzw. per CSS aspect-ratio reservieren). Der Browser hält dann den Platz frei, bevor das Bild da ist.
Preload & Browser-Caching
Zwei Feinschliff-Maßnahmen für kritische Bilder: Mit <link rel="preload" as="image"> im <head> lässt sich das LCP-Bild noch vor dem Parsen des restlichen Markups anfordern – sinnvoll, wenn das Hero-Bild per CSS oder spät im DOM eingebunden ist. Und großzügige Cache-Header (z. B. ein Jahr für versionierte Bild-URLs) sorgen dafür, dass wiederkehrende Besucher Bilder gar nicht erst neu laden. Beides sind Einmal-Einstellungen auf Server- oder CDN-Ebene.
6. Kontext: Umfeld, Captions, Platzierung
Google bewertet Bilder nie isoliert, sondern im Kontext der Seite. Drei Kontext-Signale können Sie aktiv gestalten:
- Umgebender Text: Ein Bild rankt für Themen, die der Text um es herum behandelt. Platzieren Sie Bilder nah am relevanten Absatz statt gesammelt am Seitenende.
- Überschriften und Seitentitel: Sie geben dem Bild das thematische Dach. Ein Produktfoto auf einer sauber strukturierten Produktseite hat bessere Karten als dasselbe Foto in einer unstrukturierten Galerie.
- Bildunterschriften (Captions): Kein Ersatz für Alt-Text (und rechtlich nicht gefordert), aber sichtbarer Kontext, den Nutzer und Suchmaschinen lesen – sinnvoll dort, wo eine sichtbare Erklärung dem Leser tatsächlich hilft.
- Eigene Bilder statt Stockfotos: Ein Stockfoto liegt in identischer Form auf hunderten Websites – als Suchtreffer in der Bildersuche ist es damit praktisch wertlos, denn Google muss sich für eine Quelle entscheiden, und das ist selten Ihre. Eigene Produktfotos, Screenshots und Grafiken sind die einzigen Bilder, für die Sie konkurrenzlos ranken können.
7. Strukturierte Daten & Bild-Sitemaps
Strukturierte Daten machen aus einem Bild-Treffer ein reiches Suchergebnis. Zwei Anwendungen lohnen sich besonders:
- Produkt-Markup: Wer im
Product-Schema dasimage-Feld sauber pflegt, qualifiziert seine Bilder für Produkt-Badges und Shopping-Darstellungen in der Bildersuche – mit Preis- und Verfügbarkeitsinformationen direkt am Bild. - Article-/Rezept-Markup: Auch redaktionelle Inhalte profitieren, wenn das Hauptbild im Markup referenziert ist – Grundlage für Rich Results mit Bildvorschau.
Bild-Sitemaps sind das Werkzeug für Sonderfälle: Google findet Bilder normalerweise über das reguläre Crawling. Wenn Bilder aber per JavaScript nachgeladen werden oder ein großer Katalog schnell in die Bildersuche soll, beschleunigt eine Sitemap mit <image:image>-Einträgen die Entdeckung. In WordPress erzeugen gängige SEO-Plugins wie Rank Math diese Einträge automatisch.
Vorschaubilder: Open Graph, Discover & Lizenz-Badge
Drei Spezialfälle runden das Kapitel ab. Erstens das og:image: Es bestimmt die Bildvorschau beim Teilen in sozialen Netzwerken und Messengern – ein eigenes, breitformatiges Vorschaubild pro wichtiger Seite gehört zur Grundausstattung. Zweitens Google Discover: Damit Inhalte dort mit großen Bildern ausgespielt werden können, sollte die Seite max-image-preview:large in den Robots-Meta-Angaben erlauben und hochauflösende Bilder einbinden. Drittens für Fotografen und Bildanbieter: Über Lizenz-Metadaten im ImageObject-Markup zeigt Google in der Bildersuche ein „Lizenzierbar“-Badge – relevant, wenn Bildverkauf Teil des Geschäftsmodells ist.
8. Mehrsprachige Websites
Der meistübersehene Punkt in internationalen Projekten: Bild-Signale sind sprachgebunden. Ein deutscher Alt-Text rankt nicht in der französischen Bildersuche – und hilft französischen Screenreader-Nutzern nicht. Wer mehrsprachig ausspielt, braucht Alt-Texte pro Sprachversion, konsistent mit hreflang-Struktur und übersetzten Seiteninhalten.
Genau hier wird Skalierung zum Thema: 5.000 Bilder × 3 Sprachen sind manuell 15.000 Texte. Bei AutoAlt.ai ändert die Sprachanzahl nichts an den Kosten – 1 Credit deckt 1 Bild in beliebig vielen der über 130 unterstützten Sprachen ab.
9. Die Prioritäten-Checkliste
Alles auf einmal geht nicht – und muss auch nicht. Die Reihenfolge nach Wirkung pro Aufwand:
| Prio | Maßnahme | Aufwand | Wirkung |
|---|---|---|---|
1 | Alt-Texte für alle informativen Bilder (Bestand per Bulk, neue Uploads automatisch) | Gering (automatisiert) | Bildersuche + Barrierefreiheit + Compliance |
2 | Modernes Format + Komprimierung + korrekte Auslieferungsgröße | Einmalige Einrichtung | Ladezeit, LCP |
| 3 | Lazy Loading (außer LCP-Bild) + width/height gegen CLS | Gering | Core Web Vitals |
| 4 | Strukturierte Daten (v. a. Product-Markup im Shop) | Mittel | Rich Results, Shopping-Darstellung |
| 5 | Beschreibende Dateinamen für neue Uploads | Null (Routine) | Kleines Zusatzsignal |
| 6 | Bild-Sitemap (nur bei JS-Nachladen / großen Katalogen) | Gering | Schnellere Indexierung |
Warum Alt-Text auf Platz 1 steht
Er ist der einzige Hebel, der drei Ziele gleichzeitig bedient: Sichtbarkeit in der Bildersuche, Barrierefreiheit für Screenreader-Nutzer und die gesetzliche Pflicht aus EAA/BFSG. Und er ist der einzige Punkt dieser Liste, der sich bei tausenden Bildern nicht durch eine einmalige technische Einstellung, sondern nur durch Inhalte lösen lässt – weshalb hier KI-Generierung den Unterschied macht. Wie das in WordPress konkret aussieht, zeigt die WordPress-Integration; die Barrierefreiheits-Perspektive dazu liefert die WordPress-Bilder-Checkliste.
10. Häufige Fragen
Was ist der wichtigste Bilder-SEO-Faktor?
Der Alt-Text – er ist das einzige Element, das Google den Bildinhalt direkt in Textform erklärt, und gleichzeitig Pflicht für die Barrierefreiheit. Danach folgen Ladezeit (Format, Komprimierung, Lazy Loading) und Kontext (Dateiname, umgebender Text, strukturierte Daten).
WebP oder AVIF – welches Format ist besser für SEO?
Beide sind moderne, von Google empfohlene Formate. AVIF komprimiert meist stärker, WebP hat die längste Browser-Unterstützung. In der Praxis: WebP als solide Basis, AVIF wo der Stack es sauber ausliefert – wichtiger als die Formatwahl ist, überhaupt von unkomprimierten JPEG/PNG wegzukommen.
Schadet Lazy Loading dem SEO?
Nein – richtig eingesetzt hilft es, weil die Seite schneller lädt. Eine Ausnahme gibt es: Das größte Bild im sichtbaren Bereich (LCP-Element) darf nicht lazy geladen werden, sonst verschlechtert sich der Core-Web-Vitals-Wert.
Braucht man 2026 noch eine Bild-Sitemap?
Für die meisten Websites findet Google Bilder über das normale Crawling. Eine Bild-Sitemap lohnt sich vor allem, wenn Bilder per JavaScript nachgeladen werden oder große Bildbestände schnell indexiert werden sollen – etwa in Shops mit vielen Produkten.
Zählen Keywords im Alt-Text als Rankingfaktor?
Alt-Text hilft Google, Bildinhalt und Seitenthema zu verstehen, und ist damit relevant für die Bildersuche. Entscheidend ist eine natürliche Beschreibung, in der das Keyword organisch vorkommt – Keyword-Stuffing im Alt-Attribut kann als Spam gewertet werden.
Wie skaliert man Bilder-SEO bei tausenden Bildern?
Formate, Komprimierung und Lazy Loading lassen sich serverseitig oder per Plugin automatisieren. Für Alt-Texte übernimmt KI-Generierung die Masse – bei AutoAlt.ai per Bulk für den Bestand und automatisch bei neuen Uploads, in über 130 Sprachen.
Prio 1 der Checkliste – in Minuten statt Wochen.
50 KI-Alt-Texte pro Monat, dauerhaft kostenlos. Plugin installieren, Bestand per Bulk versorgen, neue Uploads laufen automatisch. Keine Kreditkarte nötig.