Bild- und Medienoptimierung: AVIF, Google Lens und Visual Search

Bilder sind kein dekoratives Beiwerk, sondern ein eigener Suchkanal und ein direkter Performance-Faktor. Sie entscheiden mit darüber, ob eine Seite ihr Largest Contentful Paint schnell erreicht, ob sie in der Google-Bildersuche und in Google Lens auftaucht und ob multimodale KI-Systeme den Bildinhalt überhaupt einordnen können. Gleichzeitig ist Bild-SEO eines der am stärksten vernachlässigten Felder im technischen On-Page-Bereich. Dieser Artikel zeigt, wie moderne Bildformate, korrekte Alt-Texte, Core-Web-Vitals-Optimierung und strukturierte Daten zusammenwirken, mit konkretem Bezug auf den mobilen DACH- und AT-Markt.

Warum Bild-SEO über Sichtbarkeit und Performance entscheidet

Der wirtschaftliche Hebel hinter Bild- und Visual Search ist messbar. Der globale Markt für Visual Search wurde 2024 auf 41,72 Mrd. USD beziffert und soll bis 2032 auf 151,60 Mrd. USD wachsen, bei einer CAGR von 17,50 % (global). Treiber ist vor allem Google Lens: Laut Google nutzen mehr als 1,5 Milliarden Menschen Lens jeden Monat (international), um zu suchen, was sie sehen. Die Nutzungsfrequenz ist noch höher als die Nutzerzahl: Google berichtet von fast 20 Milliarden visuellen Suchanfragen pro Monat, von denen 20 Prozent aller Lens-Suchen shopping-bezogen sind (international). Für B2B-Anbieter mit Produkten, Maschinen oder Komponenten ist das ein realer Discovery-Kanal, der direkt am Objekt ansetzt.

Auf der technischen Seite sind Bilder der dominierende Performance-Faktor. Laut Web Almanac 2025 ist ein Bild auf 76 % der mobilen und auf 85,3 % der Desktop-Seiten das LCP-Element (international). Das bedeutet: In den meisten Fällen bestimmt die Ladezeit des größten Bildes direkt, ob eine Seite das Core-Web-Vitals-Kriterium für LCP besteht. Wer Bilder nicht optimiert, optimiert seine Core Web Vitals nicht.

Trotzdem bleibt enormes Potenzial liegen. Laut Web Almanac 2024 haben 45 Prozent aller img-Elemente keinen Alt-Text, nur 55 Prozent verfügen über ein nicht-leeres Alt-Attribut (international), und viele der vorhandenen Alt-Texte enthalten nur Dateinamen oder bedeutungslose kurze Zeichenketten. Das ist gleichzeitig ein SEO-Defizit und ein Barrierefreiheitsproblem, und es eröffnet einen Wettbewerbsvorteil für alle, die es besser machen.

Funktionsweise: Wie Suchmaschinen und KI Bilder interpretieren

Suchmaschinen und multimodale KI-Systeme verstehen Bilder über drei Signalebenen, die zusammenwirken.

• Textueller Kontext: Alt-Text, Bildunterschrift, Dateiname und der umgebende Fließtext liefern die sprachliche Beschreibung des Bildinhalts. Diese Ebene ist die wichtigste für klassisches Bild-SEO und für die Zitierfähigkeit in KI-Antworten, weil sie maschinell zuverlässig auslesbar ist.
• Visuelle Analyse: Google Lens und Bilderkennungsmodelle analysieren das Bild selbst, erkennen Objekte, Text im Bild und Ähnlichkeiten zu anderen Bildern. Voraussetzung dafür sind ausreichend hochaufgelöste, scharfe Bilder.
• Strukturierte Daten: Schema-Markup wie ImageObject oder Product ordnet das Bild semantisch ein, verknüpft es mit Lizenz-, Creator- und Produktinformationen und ermöglicht Rich Results in der Google-Bildersuche.

Für Generative Engine Optimization (GEO) ist die textuelle Ebene entscheidend. Multimodale KI-Systeme wie Google Lens, AI Overviews und KI-Antwortmaschinen kombinieren die Bildanalyse mit Alt-Text und Bildunterschrift, um den Kontext zu verstehen und eine Quelle zu benennen. Ein Bild ohne beschreibenden Alt-Text und ohne Caption liefert der KI keinen sprachlichen Anker, an dem sie die Seite zitieren könnte. Wer in KI-Antworten mit Bildinhalten auftauchen will, muss Bild und Text als Einheit denken.

Beim Alt-Text gilt eine doppelte Funktion: Er ist die Textalternative für Screenreader (Barrierefreiheit nach WCAG) und zugleich ein Ranking-Signal für die Bildersuche. Beide Ziele verlangen dasselbe: eine präzise, beschreibende Formulierung im Kontext der Seite, ohne Keyword-Stuffing. Ein gutes Alt-Attribut beschreibt, was auf dem Bild zu sehen ist, so wie man es einer Person am Telefon erklären würde.

Best Practices für Bild- und Medienoptimierung

Alt-Texte beschreibend und kontextbezogen schreiben

Formulieren Sie den Alt-Text so, dass er den Bildinhalt im Kontext der Seite wiedergibt. Negativbeispiel: alt="IMG_4087.jpg" oder alt="produkt-foto-final-2". Solche Dateinamen-Alt-Texte sind exakt das Problem, das der Web Almanac dokumentiert, und sie sind für Screenreader wie für Suchmaschinen wertlos. Positivbeispiel: alt="Edelstahl-Förderschnecke FS-200 im Einsatz in einer Lebensmittelproduktion". Vermeiden Sie Keyword-Stuffing und Phrasen wie Bild von oder Foto von, da Screenreader die Rolle img bereits ansagen. Rein dekorative Bilder erhalten ein leeres Alt-Attribut (alt=""), damit Screenreader sie überspringen.

Moderne Bildformate gezielt einsetzen

AVIF ist der technisch überlegene Kompressionsstandard. Laut einem viel zitierten internationalen Vergleich erreicht AVIF bei gleicher visueller Qualität eine um 50,3 % geringere Median-Dateigröße gegenüber JPEG, WebP eine um 31,5 % geringere (international), woraus sich für AVIF gegenüber WebP ein Vorsprung von rund 27 Prozent ergibt. Die praktische Format-Logik:

• AVIF: Erste Wahl für Fotos und komplexe Bilder, beste Kompression bei gleicher Qualität. Encoding ist rechenintensiver, deshalb am besten im Build oder per CDN vorberechnen.
• WebP: Solider Allrounder mit nahezu universellem Browser-Support, ideal als mittlere Fallback-Stufe.
• JPEG/PNG: Universeller Fallback für maximale Kompatibilität. PNG nur für Bilder mit Transparenz oder scharfen Kanten, sonst ist JPEG kleiner.
• SVG: Für Logos, Icons und Diagramme, da verlustfrei skalierbar und meist sehr klein.

Die Marktdurchdringung von AVIF wächst, ist aber noch jung. Laut Web Almanac 2024 verteilen sich Bildformate mobil auf JPEG 32,4 %, PNG 28,4 %, GIF 16,8 %, WebP 12 % und AVIF erst 1,0 % (international). Genau diese Lücke ist die Chance: Das Kapitel hält fest, dass fast alle JPEGs, PNGs und GIFs im Web von einem modernen Format profitieren würden.

AVIF mit picture-Fallback ausliefern

Setzen Sie AVIF nicht ohne Rückfallebene ein. Das <picture>-Element liefert pro Browser das beste unterstützte Format aus:

```html
<picture>
<source srcset="produkt.avif" type="image/avif">
<source srcset="produkt.webp" type="image/webp">
<img src="produkt.jpg" alt="Förderschnecke FS-200 in der Produktion"
width="1200" height="800" loading="lazy">
</picture>
```

Der Browser wählt das erste Format, das er unterstützt. Für die Erzeugung der Varianten eignen sich Tools wie Squoosh (manuell), die Bibliothek Sharp (programmatisch in der Build-Pipeline) oder Build-Plugins und Framework-Komponenten wie next/image, die Format-Negotiation und responsive Größen automatisieren.

Responsive Bilder mit srcset und sizes

Liefern Sie jedem Gerät die passende Auflösung. Über srcset mit Breiten-Deskriptoren und sizes lädt ein Smartphone eine kleinere Datei als ein Desktop. CDN-basierte Bildtransformation erzeugt diese Varianten on the fly und negotiiert das Format über den Accept-Header. Achten Sie auf korrekte Cache-Header (lange max-control für versionierte Bild-URLs), damit wiederkehrende Besucher Bilder aus dem Cache laden.

Das LCP-Bild priorisieren, nie lazy-loaden

Das LCP-Bild (meist das Hero-Bild above the fold) muss so früh wie möglich laden. Setzen Sie fetchpriority="high" und gegebenenfalls einen Preload, und entfernen Sie zwingend loading="lazy" von diesem Bild. Lazy-Loading des LCP-Elements ist ein Anti-Pattern, das jede Seite verlangsamt. Reservieren Sie außerdem über width und height (oder aspect-ratio) den Platz im Layout, um Cumulative Layout Shift (CLS) zu vermeiden. Lazy-Loading bleibt richtig, aber nur für Bilder below the fold.

Für Google Lens und Visual Search optimieren

Visual Search belohnt hochwertige, gut beschriebene Produktbilder. Konkret:

• Hohe Auflösung und Schärfe: Lens analysiert das Bild selbst, unscharfe oder zu kleine Bilder erschweren die Objekterkennung.
• Strukturierte Daten: ImageObject und Product-Schema verknüpfen Bild, Produktname, Preis und Verfügbarkeit, was Rich Results in Google Images ermöglicht.
• Bild-Sitemaps und indexierbare URLs: Bilder müssen über eine stabile, crawlbare URL erreichbar sein und gehören in die XML-Sitemap, damit Google sie sicher erfasst.
• Kontext-Text und Metadaten: Bildunterschrift und umgebender Text liefern Lens und der KI die sprachliche Einordnung; EXIF/IPTC-Metadaten können Creator- und Lizenzangaben transportieren.

Technisches Bild-SEO und Schema-Markup

Vergeben Sie sprechende Dateinamen (foerderschnecke-fs-200.avif statt img4087.avif), platzieren Sie Bilder im thematisch passenden Textabschnitt und setzen Sie sichtbare Bildunterschriften, wo sie inhaltlich helfen. Für Rich Results in der Google-Bildersuche ist ImageObject-Schema mit Lizenz- und Creator-Metadaten (license, creator, copyrightNotice) relevant, bei Produkten ergänzt durch Product-Schema. So werden Bilder nicht nur indexiert, sondern mit verwertbaren Zusatzinformationen ausgezeichnet.

Mobile-First für den DACH- und AT-Markt

Im österreichischen Markt ist der Mobilanteil hoch: Laut StatCounter entfallen in Österreich im Mai 2026 41,74 % auf Mobile, 56,71 % auf Desktop und 1,55 % auf Tablet (Österreich). Über vier von zehn Besuchen kommen also vom Smartphone, oft über Mobilfunk mit begrenztem Datenvolumen und schwankender Bandbreite. Jedes eingesparte Kilobyte verbessert die Ladezeit und schont das Datenvolumen der Nutzer, was sich direkt auf Absprungrate und Conversion auswirkt. AVIF und responsive Auslieferung sind im DACH-Raum deshalb kein Nice-to-have, sondern ein Conversion-Faktor.

Häufige Fehler bei der Bildoptimierung

• Dateiname als Alt-Text: alt="DSC_0421.jpg" ist für Screenreader und Suchmaschinen wertlos und einer der häufigsten Fehler im Web.
• Fehlender Alt-Text: Ein komplett fehlendes Alt-Attribut verschenkt Ranking-Signal und Barrierefreiheit zugleich.
• LCP-Bild lazy-geladen: Das wichtigste Bild über loading=lazy zu verzögern, bremst das LCP messbar aus.
• Kein width/height: Ohne reservierte Dimensionen springt das Layout beim Bildladen, was den CLS verschlechtert.
• AVIF ohne Fallback: AVIF ohne <picture>-Rückfallebene riskiert in älteren Umgebungen ein nicht angezeigtes Bild.
• Keyword-Stuffing im Alt-Text: Aneinandergereihte Keywords statt einer echten Beschreibung schaden Barrierefreiheit und Ranking.
• Bilder nicht in der Sitemap: Nicht referenzierte oder per JavaScript nachgeladene Bilder werden von Google oft nicht zuverlässig indexiert.

Metriken und Messung

Die Wirkung der Bildoptimierung wird an konkreten Kennzahlen sichtbar:

• LCP (Felddaten): Messen Sie das Largest Contentful Paint aus der Google Search Console und CrUX. Da auf 76 % der mobilen Seiten ein Bild das LCP-Element ist, schlägt jede Bildoptimierung hier direkt durch.
• CLS: Prüfen Sie den Cumulative Layout Shift, der bei fehlenden Bilddimensionen typischerweise ansteigt.
• Lazy-Loading-Audit: Stellen Sie sicher, dass das LCP-Bild nicht lazy-geladen wird. Der Web Almanac zeigt, dass 9,5 Prozent der LCP-relevanten img-Elemente mobil fehlerhaft per nativem Lazy-Loading geladen werden, bei einer Adoption von nativem Lazy-Loading auf rund einem Drittel aller Websites.
• Alt-Text-Abdeckung: Crawlen Sie die Site nach img-Elementen ohne oder mit leerem nicht-dekorativem Alt-Attribut. Benchmark ist der dokumentierte Anteil von 45 Prozent der img-Elemente ohne Alt-Text, unter dem Sie deutlich bleiben sollten.
• Bild-Dateigrößen und Format: Überwachen Sie das ausgelieferte Format und die Bytes pro Bild, um AVIF-/WebP-Anteil und Einsparung zu verfolgen.
• Bildersuche-Sichtbarkeit: Verfolgen Sie in der Search Console Impressionen und Klicks aus der Google-Bildersuche als Indikator für die Visual-Search-Performance.

Weiterführendes

Bild- und Medienoptimierung verbindet drei On-Page-Disziplinen: technische Performance (Core Web Vitals), Barrierefreiheit (Alt-Texte) und semantische Auszeichnung (Schema). Der pragmatische Einstieg: Identifizieren Sie das LCP-Bild jeder wichtigen Seite, liefern Sie es als AVIF mit <picture>-Fallback und fetchpriority="high" aus, vergeben Sie beschreibende Alt-Texte und reservieren Sie über width/height den Layout-Platz. Im zweiten Schritt folgen responsive srcset-Varianten über ein CDN, ImageObject-/Product-Schema für die Bildersuche und Bild-Sitemaps für eine zuverlässige Indexierung. Gerade im mobil geprägten AT-Markt ist jedes eingesparte Kilobyte ein direkter Beitrag zu Ladezeit und Conversion. Verwandte Themen sind Core Web Vitals und LCP-Optimierung, On-Page-Schema-Markup, Featured Snippets sowie GEO und die Zitierfähigkeit in KI-Antworten.