Marketing Insights

Bilder SEO optimieren als Performance-Hebel

SUMMARY
Bilder sind längst mehr als ein rein gestalterisches Element, denn sie beeinflussen Rankings, Ladezeiten und seit Juni 2025 auch die rechtliche Compliance deiner Website. Wer Bilder-SEO heute noch auf Alt-Tags und Dateinamen reduziert, lässt echtes Potenzial liegen. Erfahre, wie du technische Performance und Barrierefreiheit als Hebel nutzt.
Zuletzt aktualisiert
1.6.2026
Thomas Nething

Die meisten Anleitungen zu Bilder SEO, die aktuell in den Top-Ergebnissen ranken, stammen aus den Jahren 2021 bis 2023, obwohl sich seitdem grundlegend etwas verändert hat. Google versteht Bildinhalte heute mit seiner Vision AI oft ohne jeglichen Alt-Text, das Barrierefreiheitsstärkungsgesetz (BFSG) ist seit Juni 2025 in Kraft und macht barrierefreie Bildgestaltung zur gesetzlichen Pflicht, und Next-Gen-Formate wie AVIF haben WebP in puncto Effizienz bereits überholt. 

Wer jetzt mit einem aktuellen Ansatz arbeitet, hat deshalb einen klaren Wettbewerbsvorteil gegenüber Seiten, die noch auf dem Stand von vor drei Jahren sind. Oder noch einfacher: arbeitet mit einer erfahrenen Suchmaschinenoptimierung Agentur zusammen.

Technische Grundlage: Dateiformate, Kompression und Core Web Vitals

Die technische Basis ist der erste und wichtigste Schritt bei der Bildoptimierung, denn selbst die besten Metadaten helfen wenig, wenn Bilder zu groß sind oder das Laden der Seite verlangsamen. Zwei Bereiche sind dabei besonders entscheidend: die Wahl des richtigen Dateiformats und die Auswirkungen auf die Core Web Vitals.

Online Kompressionstool squoosh.app

Dateiformate und Kompression

WebP gilt inzwischen als Standard, aber AVIF hat es in puncto Effizienz bereits überholt: Bei gleicher Qualität liefert AVIF deutlich kleinere Dateigrößen und wird von allen modernen Browsern unterstützt, weshalb sich für neue Projekte der direkte Einstieg in AVIF lohnt. Als Faustregel für die Dateigröße gilt unter 100 KB für reguläre Bilder, wobei Tools wie Squoosh oder automatisierte CDN-Lösungen dabei helfen, ohne sichtbaren Qualitätsverlust zu komprimieren. 

Format Kompression Browser-Support Empfehlung JPEG Verlustbehaftet Gut Alle Browser Legacy PNG Verlustfrei Mittel Alle Browser Nur für Transparenz GIF Verlustbehaftet Schlecht Alle Browser Vermeiden WebP Verlustbehaftet & -frei Sehr gut Alle modernen Browser Empfohlen AVIF Verlustbehaftet & -frei Exzellent Alle modernen Browser Beste Wahl für neue Projekte

Core Web Vitals und Ladeperformance

Das Largest Contentful Paint (LCP) wird maßgeblich durch das Hauptbild einer Seite beeinflusst, sofern dieses groß und prominent im direkt sichtbaren Bereich („above the fold“) platziert ist. In diesem Fall kannst du dem Browser mit dem Attribut fetchpriority="high" signalisieren, welches Bild priorisiert geladen werden soll. Layout-Shifts (CLS) vermeidest du, indem du width und height für jedes Bild direkt im HTML definierst, während Bilder unterhalb des sichtbaren Bereichs mit loading="lazy" den initialen Seitenaufbau spürbar entlasten. Mit dem srcset-Attribut lieferst du je nach Bildschirmgröße die passende Bildversion aus, was für die Mobile-First-Indexierung kein Nice-to-have mehr ist, sondern inzwischen ein absoluter Standard.

Largest Contentful Paint (LCP) in den PageSpeed Insights

Alt-Texte, Dateinamen und Captions: Semantik richtig einsetzen

Neben der technischen Performance entscheidet die semantische Aufbereitung von Bildern darüber, wie gut Google sie versteht und einordnet. Dabei spielen drei Elemente eine zentrale Rolle: Alt-Texte, Dateinamen und Bildunterschriften.

Alt-Texte

Alt-Texte sind nicht tot, aber ihre Funktion hat sich verschoben: Google nutzt sie heute weniger als primäre Erkennungsquelle und mehr als Qualitätssignal, das prüft, ob die Beschreibung mit dem Bildinhalt und dem umgebenden Text übereinstimmt. Ein guter Alt-Text beschreibt konkret und präzise, was auf dem Bild zu sehen ist, ohne Keyword-Stuffing oder generische Phrasen wie "Bild von..." oder "Foto zeigt...". Statt alt="SEO Bilder optimieren" liest sich alt="Screenshot der Google Search Console mit markiertem Bildindex-Bericht" nicht nur besser, sondern ist auch für sehbeeinträchtigte Nutzer tatsächlich hilfreich.

Beispiel Alt-Text in der Chrome Entwicklerkonsole

Dateinamen und Captions

Bei Dateinamen gilt dasselbe Prinzip: Beschreibende, mit Bindestrichen getrennte Namen wie avif-kompression-vergleich-webp.avif sind deutlich aussagekräftiger als IMG_4821.jpg, zumal Google Unterstriche nicht als Trennzeichen erkennt. Bildunterschriften werden von Nutzern überproportional häufig gelesen und liefern Google zusätzlichen Kontext, weshalb du sie immer dann einsetzen solltest, wenn sie dem Inhalt einen echten Mehrwert hinzufügen. Das title-Attribut hingegen ist primär ein UX-Element, das beim Hovern erscheint, und kein direkter Ranking-Faktor, weshalb du es nur dann einsetzt, wenn es dem Nutzer wirklich hilft.

BFSG: Barrierefreiheit ist Pflicht und ein SEO-Vorteil

Seit Juni 2025 ist Barrierefreiheit für digitale Produkte in Deutschland keine freiwillige Maßnahme mehr, sondern gesetzlich vorgeschrieben, und für SEO-Teams ergibt sich daraus eine Chance, die viele noch nicht erkannt haben.

BFSG (Barrierefreiheitsstärkungsgesetz). Quelle: bund.de

Was das BFSG konkret bedeutet

Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz (BFSG) für alle privaten Anbieter digitaler Produkte und Dienstleistungen in Deutschland, und wer die Umstellung noch nicht abgeschlossen hat, sollte das jetzt priorisieren. Konkret bedeutet das für Bilder, dass jedes informative Bild einen sinnvollen Alt-Text braucht, während dekorative Bilder wie reine Hintergrundgrafiken ein leeres Alt-Attribut (alt="") erhalten, damit Screenreader sie korrekt überspringen. Die Anforderungen orientieren sich dabei an WCAG 2.1 Level AA und der deutschen BITV 2.0.

Barrierefreiheit als E-E-A-T-Signal

Was viele SEO-Teams noch nicht auf dem Schirm haben: Google wertet Barrierefreiheit zunehmend als E-E-A-T-Signal, weil eine Seite, die Bilder korrekt für Screenreader aufbereitet, Qualität und Nutzerfokus signalisiert. Barrierefreiheit und gutes Ranking schließen sich also nicht aus, sie verstärken sich gegenseitig.

Discovery und SERP-Sichtbarkeit: Mehr als organische Textlinks

Gute Metadaten allein reichen nicht aus, um in der Bildersuche sichtbar zu sein, denn Discovery und SERP-Präsenz hängen von strukturellen und inhaltlichen Faktoren ab, die viele Websites noch nicht konsequent umsetzen.

Sitemaps und strukturierte Daten

Eine separate Bilder-Sitemap oder zumindest Bildeinträge in der bestehenden XML-Sitemap helfen Google dabei, Bilder zuverlässig zu indexieren, besonders bei JavaScript-gerenderten Seiten. Ein solcher Eintrag in deiner XML-Sitemap sieht beispielsweise so aus:

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
        xmlns:image="http://www.google.com/schemas/sitemap-image/1.1">
  <url>
    <loc>https://www.beispiel.de/produkt/schuh-modell-xy</loc>
    <image:image>
      <image:loc>https://cdn.beispiel.de/img/schuh-xy-front.jpg</image:loc>
      <image:caption>Laufschuh Modell XY, Seitenansicht, atmungsaktiv</image:caption>
      <image:title>Laufschuh Modell XY</image:title>
    </image:image>
  </url>
</urlset>

Zusätzlich zur Sitemap solltest du strukturierte Daten nutzen. Mit dem ImageObject-Schema verknüpfst du Metadaten direkt mit deinen Bildern. In Kombination mit Article oder BlogPosting erhöhst du die Chance auf visuelle SERP-Features wie Image-Packs oder Rich Results erheblich. Das folgende JSON-LD-Beispiel zeigt, wie du ein Bild strukturiert im Quelltext hinterlegst:

{
  "@context": "https://schema.org",
  "@type": "ImageObject",
  "contentUrl": "https://cdn.beispiel.de/img/schuh-xy-front.jpg",
  "license": "https://www.beispiel.de/lizenz",
  "acquireLicensePage": "https://www.beispiel.de/rechte-erwerben",
  "caption": "Laufschuh Modell XY, Seitenansicht, atmungsaktiv",
  "creditText": "Deine Agentur",
  "creator": {
    "@type": "Person",
    "name": "Fotograf Name"
  }

Für den E-Commerce lohnt sich zusätzlich die Verknüpfung mit dem Google Merchant Center. Auch wenn Google die klassischen, ausklappbaren FAQ-Rich-Results endgültig abgeschaltet hat, bleibt gut strukturierter FAQ-Content wichtig: Er dient heute als starkes Futter für AI Overviews und LLMs, da Suchmaschinen strukturierte Frage-Antwort-Paare exzellent für KI-generierte Antworten und Featured Snippets auswerten können.

Eigenes Bildmaterial statt Stock-Fotos

Stock-Fotos verlieren gegenüber eigenem, relevantem Bildmaterial zunehmend an Wert, weil Google Vision AI Bildinhalte heute mit hoher Genauigkeit erkennt und Bilder bevorzugt, die zum Seitenkontext passen und nicht tausendfach im Netz vorhanden sind.

Automatisierung: Skalierung für WordPress, Shopify und große Bilddatenbanken

Wer hunderte oder tausende Bilder verwaltet, kann Bildoptimierung nicht manuell stemmen, weshalb die Wahl der richtigen Tools und Automatisierungslösungen entscheidend für die Skalierbarkeit ist.

WordPress und Shopify

Für WordPress übernehmen Plugins wie Imagify, ShortPixel oder Smush automatische Kompression und Formatkonvertierung, und einige bieten auch KI-gestützte Alt-Text-Generierung an, deren Ergebnisse aber manuell geprüft werden sollten. Shopify-Nutzer greifen auf Apps wie TinyIMG oder SEO Image Optimizer zurück, die Dateinamen, Alt-Texte und Kompression direkt im Shop-Backend automatisieren.

CDN und Enterprise-Lösungen

Für Enterprise-Setups empfehlen sich CDN-Anbieter mit integrierter Bildoptimierung wie Cloudflare Images, Cloudinary oder imgix, die Bilder on-the-fly konvertieren und skalieren und dabei automatisch das optimale Format je nach Browser ausliefern.

Checkliste: Bilder SEO

Bevor du ein Bild hochlädst, solltest du diese Punkte abhaken:

0 von erledigt

Datei
Dateiformat: AVIF oder WebP gewählt?
Dateigröße: unter 100 KB (Ziel) oder unter 150 KB (Maximum)?
Dateiname: beschreibend, mit Bindestrichen, ohne Sonderzeichen?
HTML Attribute
Alt-Text: konkret, beschreibend, kein Keyword-Stuffing?
Dekoratives Bild: alt="" gesetzt?
width und height im HTML definiert (CLS-Vermeidung)?
loading="lazy" für Bilder below the fold?
fetchpriority="high" für das LCP-Bild?
srcset für Responsive Images gesetzt?
SEO & Accessibility
Bilder-Sitemap aktuell?
Schema.org ImageObject Markup vorhanden?
BFSG-Konformität geprüft (WCAG 2.1 AA)?

Fazit

Bilder SEO ist eine Kombination aus technischer Exzellenz, semantischer Präzision und rechtlicher Compliance, und wer diese drei Ebenen zusammen denkt, hat einen klaren Vorteil gegenüber Wettbewerbern, die noch auf dem Stand von 2022 arbeiten. Der größte unbesetzte Hebel ist dabei die Verbindung von BFSG-Konformität und SEO-Performance, denn barrierefreie Bilder sind nicht nur Pflicht, sondern auch ein starkes Qualitätssignal für Google.

Wenn du wissen möchtest, wie deine aktuelle Bildstrategie aufgestellt ist und wo konkrete Optimierungspotenziale liegen, schreib uns gerne.