Bild-SEO ist die On-Page-Stellschraube mit den meisten generischen Tipps und der wenigsten echten Messung. Jeder Leitfaden zu "bild seo" empfiehlt moderne Formate, beschreibenden Alt-Text, Breiten- und Höhenangaben und Lazy-Loading für Bilder unter dem Fold. Kaum einer dieser Leitfäden liefert moderne Formate auf der Seite, auf der die Empfehlung steht. Das Ergebnis ist eine SERP voller WebP-predigender JPEG-ausspielender Artikel, die meisten zuletzt 2022 oder 2023 angefasst, auch wenn der Titel "2026" sagt.

Ich habe einen Live-Audit der 10 Top-Treffer auf Google EN und DE für "image seo" und "bild seo" durchgeführt — mit Luminas Alt-Text Checker, Schema Validator und PageSpeed Insights. Das Muster ist eindeutig: null von 97 Artikel-Bildern über die 10 Pillars liefern WebP oder AVIF in der img-Quelle, nur 6 von 97 nutzen fetchpriority="high" auf dem LCP-Kandidaten, nur Yoast verdrahtet die Author-Person mit einem sameAs-Array (2 Einträge), und Löwenstark rankt auf Rang vier auf google.de mit einem 1.411 Tage stale Artikel, dessen Titel weiterhin stolz "2026" sagt. Dieser Leitfaden ist die komplette Evergreen-Referenz: was Bild-SEO wirklich ist, die sechs Ranking-Faktoren, die es bewegen, die Alt-Text-Regel, die fast jede Seite verfehlt, moderne-Format-Adoption (und warum sie kaum jemand macht), das LCP-Bild-Muster, Bild-Schema, der KI-Such-Layer, der 2026 neu ist, die sechs Fehler, die die SERP ständig wiederholt, und ein 5-Schritte-Workflow für einen Sprint.

Was Bild-SEO wirklich ist

Bei Bild-SEO geht es darum, jedes Bild auf einer Seite so zu optimieren, dass Suchmaschinen und KI-Suchmaschinen es crawlen, verstehen und die Seite entsprechend ranken oder zitieren können. Die Arbeit teilt sich in drei Layer. Technische Attribute decken Format, Abmessungen, Alt-Text, strukturierte Daten und srcset ab. Performance-Attribute decken Lazy Loading, fetchpriority und responsive Größen ab. Accessibility-Signale decken beschreibenden Alt-Text, semantischen Kontext und korrekte figure-Markup ab. Jeder Layer wirkt auf einer anderen Ranking-Fläche.

Der technische Mechanismus ist einfach. Googlebot lädt die Seite, parst jedes <img>-Tag, extrahiert src, alt, width, height, loading und umgebenden HTML-Kontext und nutzt diese Daten für drei Entscheidungen. Ob das Bild gecrawlt wird. Ob es in Google Bilder indexiert wird. Wie stark das Bild im gesamten Content-Signal der Seite gewichtet wird. Modernes Google läuft zusätzlich Google Lens gegen die tatsächlichen Pixel, um Objekte, Szenen und eingebetteten Text zu extrahieren — ein gut benanntes Bild mit schwachem Alt kann also trotzdem ranken, wenn die Pixel klar genug sind.

Was sich 2026 ändert, ist der KI-Such-Layer. ChatGPT Search, Perplexity, Claude mit Web-Zugriff und Google AI Overviews setzen alle multimodale Vision-Modelle ein, um die Bilder auf den Seiten zu lesen, die sie für Citations abrufen. Sie lesen Alt-Text so, wie Google ihn immer gelesen hat, aber sie extrahieren die Bildbedeutung auch so, wie ein Mensch es täte — sie schauen auf das Bild, nicht nur auf das Markup. Eine Seite mit starkem Alt-Text und visuell klaren Bildern wird zitierbarer als eine Seite mit starkem Text allein.

Die 6 Ranking-Faktoren mit echter Wirkung

Sechs Faktoren bewegen Bild-SEO-Ergebnisse 2026 zuverlässig. Sie sind nicht gleich gewichtet — Alt-Text und Core Web Vitals machen die meiste Arbeit, während strukturierte Daten und Dateiname Nebenrollen spielen. Hier ist, was jeder tut und wie Googles Doku ihn beschreibt.

1. Alt-Text-Qualität

Alt-Text ist das primäre Signal, das Google liest, um zu verstehen, was ein Bild zeigt. Googles Bild-SEO-Doku empfiehlt beschreibenden Alt-Text explizit, und Lighthouse plus übliche Accessibility-Audits markieren fehlende Alts auf bedeutungstragenden Bildern als Qualitäts-Signal, das in das Page-Experience-Scoring einfließt. Moderner Alt-Text beschreibt das Bild faktisch in 5 bis 15 Wörtern: "Lumina Dashboard zeigt GSC-Klicks +38% Woche über Woche" schlägt "Dashboard" und schlägt "Lumina SEO Tool Dashboard Screenshot 2026 beste".

2. Modernes Bildformat

WebP und AVIF komprimieren 30 bis 60 Prozent kleiner als JPEG bei gleicher visueller Qualität — das verbessert LCP direkt. Browser-Support erreichte 2025 98% für WebP und 94% für AVIF. Das pragmatische 2026er-Setup liefert AVIF zuerst mit WebP als Fallback, ausgespielt über ein <picture>-Element. Rohes JPEG oder PNG auf einer inhaltsstarken Seite zu shippen, ist der häufigste Bild-SEO-Fehler der SERP.

3. LCP-Priorität

Das LCP-Bild (meist das Hero auf einer Content-Seite) braucht loading="eager" und fetchpriority="high". Das eager-Attribut verhindert, dass Lazy-Loading den Fetch verzögert. Das fetchpriority-Attribut sagt dem Browser, dass diese Ressource Critical-Path ist, bevor das Layout läuft. Beide sind als Lighthouse-Empfehlungen dokumentiert und beide bewegen die LCP-Metrik in echten Messungen um 200 bis 600 ms.

4. Explizite Breite und Höhe

Width- und height-Attribute auf jedem <img> lassen den Browser Platz reservieren, bevor das Bild lädt — das eliminiert Layout-Shift. Cumulative Layout Shift (CLS) ist eines der drei Core Web Vitals, und Bilder ohne Größe sind die häufigste Ursache für CLS-Fehler. Moderne responsive Bilder setzen width und height auf die intrinsischen Quelldimensionen und skalieren visuell per CSS — das Seitenverhältnis ist, was für die Layout-Reservierung zählt.

5. Dateiname und URL

Der Bilddateiname fließt in Googles Bildverständnis ein, besonders wenn der Alt-Text dünn ist. lumina-dashboard-gsc-clicks.webp schlägt IMG_4827.webp aus demselben Grund, aus dem eine beschreibende URL einen numerischen Slug schlägt. Nutze Kleinbuchstaben, Bindestriche zwischen Wörtern und halte Dateinamen unter 40 Zeichen. Die CDN-gehashten Filenames typischer Next.js- und Gatsby-Builds sind in Ordnung — Google liest zuerst Alt-Text, dann Dateinamen.

6. Bild-strukturierte Daten

ImageObject-Schema (typischerweise eingebettet in Article-, Product- oder Recipe-Schema) erlaubt dir, Bildmetadaten explizit zu deklarieren: caption, license, creator, content URL, contentLocation. Das Signal wirkt meist auf Google-Bilder-Vertikalen-Ranking (Lizenz-Bild-Carousels, Bild-Such-Snippets), bewegt klassisches Blau-Link-Ranking selten — aber für Produktfotos, Recipe-Fotos, Infografiken und jede Seite, auf der das Bild DIE primäre Entität ist, lohnt sich ImageObject.

Live Audit · 15. Mai 2026

Was 10 Top-Rankings für Bild-SEO tatsächlich shippen

Ich habe die Top 5 EN + Top 5 nativen DE-Treffer für "image seo" und "bild seo" mit Luminas Alt-Text Checker, Schema Validator und Direkt-Fetch auditiert. Jede Site predigt moderne Formate und LCP-Optimierung. Die meisten shippen weder das eine noch das andere.

0/97
mit WebP oder AVIF in img src
Über 97 Artikel-Bilder auf 10 Pillars liefert kein einziges direkt ein modernes Format. Semrush ist die einzige Site, die <picture> mit Format-Negotiation shippet; der Rest liefert rohes JPEG und PNG in <img src>.
1.411d
SERP-Max-Staleness
Löwenstark rankt auf Rang vier auf google.de für "bild seo". Titel sagt "Bilder SEO 2026". Zuletzt am 29. Juni 2022 angefasst — fast vier Jahre vor dem Datum, das im eigenen Titel steht.
6/97
mit fetchpriority=high
Nur 6% der auditierten Bilder nutzen den LCP-Priority-Hint — auch auf Leitfäden, die LCP-Optimierung explizit lehren. Die Empfehlung und die Umsetzung leben selten auf derselben Seite.
1/10
verdrahtet Author-sameAs
Nur Yoast (2 sameAs-Einträge) verknüpft die Author-Identität extern. Neun Pillars liefern anonyme Bylines — das schwächt die KI-Citation-Kandidatur, auch wenn der technische Inhalt korrekt ist.
8/10
über 1 Jahr stale
Löwenstark 1.411d, Semrush 723d, Mindshape 704d, HubSpot DE 605d, Telerik 594d, Seonative 532d, Seobility EN 443d, Seobility DE 419d. 80% der SERP für "image seo" Empfehlungen wurde vor dem AVIF-Browser-Support-Sprung über 90% zuletzt aktualisiert.
0/10
mit echtem FAQPage-Schema
Nur HubSpot DE deklariert FAQPage — die Seite rendert aber 11 sichtbare Wörter Body-Content (JS-gerenderte Shell). Jedes andere Pillar verpasst das Rich-Result-Format, das KI-Engines für Snippet-Citations bevorzugen.

Auditiere jede URL mit Luminas Alt-Text Checker →

Alt-Text: Die Regel, die fast jede Seite verfehlt

Alt-Text ist die am meisten missverstandene Bild-SEO-Fläche. Drei Muster dominieren die SERP und alle drei sind auf subtil unterschiedliche Weise falsch. Das erste ist keyword-gestopfter Alt: "lumina seo tool dashboard bestes seo 2026 keyword recherche". Das zweite ist leerer Alt auf bedeutungstragenden Bildern: alt="" auf einem Content-Screenshot. Das dritte ist fehlender Alt komplett auf bot-hochgeladenen Bildern aus Markdown-Templates, die das Attribut entfernen.

Das korrekte Muster ist beschreibende faktische Prosa, 5 bis 15 Wörter, geschrieben für jemanden, der den Bildschirm nicht sieht. "GSC Dashboard zeigt Klicks +38% Woche über Woche" schlägt "Dashboard". "Klempner repariert Siphon unter Spüle" schlägt "Klempner Spüle". Der Alt-Text wird der Name des Bildes in Google Bildern, die Ankündigung des Screenreaders und der textuelle Anker der KI-Engine für den visuellen Inhalt. Alle drei Zielgruppen werden von derselben beschreibenden Prosa bedient.

Drei Regeln decken fast alle echten Fälle ab. Erstens nehmen dekorative Bilder (Hintergrund-Gradients, Trenn-Linien, Icon-Dekorationen) bewusst alt="" — das sagt Screenreadern, sie zu überspringen, und sagt Google, dass das Bild keine semantische Bedeutung trägt. Zweitens nehmen bedeutungstragende Bilder 5 bis 15 Wörter faktischer Beschreibung, idealerweise mit dem primären Thema der Seite, wenn das Bild direkt darauf bezogen ist. Drittens nehmen komplexe Bilder (Charts, Infografiken, dichte Screenshots) kurzen Alt plus längere Beschreibung in der Nachbar-Caption oder im Text — der Alt deckt die Überschrift ab, der umgebende Text die Details.

Die Keyword-Frage taucht häufig auf. Die ehrliche Antwort: Schließe das Primär-Keyword der Seite ein, wenn sich das Bild direkt darauf bezieht — in natürlicher Prosa. Wiederhole das Keyword nicht über jedes Bild-Alt. Konstruiere Alt-Text nicht aus Komma-getrennten Keyword-Listen. Googles Bild-Doku flaggt Keyword-Stuffing in Alts explizit als Qualitäts-Signal, das der Seite schaden kann. Eine Seite mit 12 Bildern, die alle dasselbe Keyword im Alt verankern, sieht manipuliert aus; eine Seite mit 12 Bildern, die jeweils beschreiben, was sie tatsächlich zeigen, sieht natürlich aus.

Moderne Formate: WebP, AVIF und warum sie kaum jemand nutzt

Jeder Bild-SEO-Leitfaden der letzten vier Jahre empfiehlt WebP. Die meisten Guides seit 2023 empfehlen auch AVIF. Luminas Audit hat null von 97 Artikel-Bildern über 10 Top-Pillars gefunden, die eines der beiden Formate tatsächlich in der img-src ausliefern. Die Empfehlung ist universell. Die Adoption ist im Wesentlichen nicht existent.

WebP wurde 2010 gelauncht und erreichte 2024 98% Browser-Support. Es komprimiert etwa 30% kleiner als JPEG bei vergleichbarer Qualität, unterstützt sowohl lossy- als auch lossless-Modi und beherrscht Transparenz. Jedes große Bild-CDN liefert WebP-Varianten automatisch. Jedes moderne Build-Tool (Next.js, Astro, Nuxt, Hugo) generiert WebP-Outputs standardmäßig. Eine Kompatibilitäts-Ausrede gibt es nicht mehr. Sites, die 2026 weiter rohes JPEG und PNG ausspielen, zahlen die Bandbreiten-Strafe vollständig aus Trägheit.

AVIF wurde 2019 gelauncht und erreichte 2025 94% Browser-Support (Chrome, Edge, Firefox, Safari ab iOS 16 und macOS Ventura). Es komprimiert etwa 50% kleiner als JPEG und etwa 30% kleiner als WebP bei gleicher visueller Qualität. Encoder-Komplexität ist höher (AVIF-Encodes sind 10- bis 50-mal langsamer als JPEG), aber Build-Pipeline-Tools cachen encodete Outputs, also fällt der Cost zur Build-Zeit an, nicht zur Request-Zeit. AVIF ist das richtige Primärformat für neue Sites 2026.

Das pragmatische 2026er-Setup ist ein <picture>-Element mit drei Sources: AVIF für die 94% Browser, die es unterstützen, WebP für die 4%, die das nicht aber WebP, und JPEG oder PNG als finaler Fallback. Das <img> innerhalb von picture ist der JPEG-Fallback plus Alt-Text, width und height. Browser laufen die Source-Liste durch und laden die erste, die sie unterstützen — exakt ein Bild pro Slot.

<picture>
  <source srcset="hero.avif" type="image/avif">
  <source srcset="hero.webp" type="image/webp">
  <img src="hero.jpg" alt="Lumina Dashboard zeigt steigende GSC-Klicks"
       width="1200" height="630" loading="eager" fetchpriority="high">
</picture>

LCP-Bild: Das Muster, das wirkt

Die Largest-Contentful-Paint-Metrik misst, wie lange das größte sichtbare Element zum Rendern braucht. Auf inhaltsstarken Seiten ist das fast immer ein Bild — das Hero auf einer Artikel-Seite, das Produktfoto auf einer E-Commerce-Seite, das Recipe-Foto auf einer Food-Seite. Schlechtes LCP ist der häufigste Core-Web-Vitals-Fehler, und unoptimierte Hero-Bilder sind die häufigste Ursache für schlechtes LCP.

Drei Attribute bewegen LCP messbar auf Hero-Bildern. Setze loading="eager", um automatisches Lazy-Loading zu überschreiben — ein lazy-geladenes LCP-Bild bekommt seinen Fetch bis nach dem Layout verzögert, was die Metrik auf einer typischen mobilen Verbindung um 200 bis 400 ms erhöht. Setze fetchpriority="high", um dem Browser zu sagen, dass diese Ressource Critical-Path ist, bevor das Layout läuft — der Browser stuft es dann höher als andere Ressourcen in derselben Prioritäts-Klasse. Setze explizite width- und height-Attribute (oder aspect-ratio per CSS), damit der Browser Layout-Platz reservieren und den Fetch sofort starten kann.

Für oberhalb-des-Folds-Bilder, die NICHT der LCP-Kandidat sind (Icons, dekorative Grafiken, Badges), gilt das Gegenteil: liefere sie mit loading="lazy" und ohne fetchpriority aus. Der Browser depriorisiert diese dann zugunsten des LCP-Bildes. Der Fehler der meisten Sites ist, alle oberhalb-des-Folds-Bilder uniform mit eager zu behandeln, was Bandbreite über nicht-kritische Bilder streut und das tatsächliche LCP verlangsamt. Wähle einen LCP-Kandidaten pro Seite, gib ihm Priority-Hints, lazy-alles-andere.

Luminas Audit fand 6 von 97 auditierten Bildern mit fetchpriority=high — und mehrere dieser 6 sitzen auf Leitfäden, die LCP-Optimierung explizit lehren. Der Yoast-Bild-SEO-Leitfaden, Rang 3 auf Google für "image seo", ist eines der besseren Beispiele (1 Bild mit fetchpriority auf dem Hero). Der Rest der SERP shippt eager-only- oder lazy-only-Muster ohne Priority-Hints überhaupt.

Bild-Schema und strukturierte Daten

ImageObject-Schema ist der JSON-LD-Typ, den Google nutzt, um Metadaten an Bilder zu hängen: caption, license, creator, content URL, content location und width/height. Das Schema wirkt hauptsächlich auf Google-Bilder-Ergebnisse (Lizenz-Bild-Carousels, Bild-Such-Snippets) und bewegt klassisches organisches Ranking selten — aber für Produktfotos, Recipe-Fotos, Infografiken und jede Seite, auf der das Bild DIE primäre Entität ist, lohnt sich ImageObject.

Das Minimum-nützliche-Muster bettet ein ImageObject in das Haupt-Schema der Seite. Auf einem BlogPosting kann das image-Feld entweder ein einfacher URL-String sein (Googles meist-empfohlene Baseline) oder ein vollständiges ImageObject mit width, height und caption. Auf einem Recipe ist das image-Feld erforderlich. Auf einem Product ist das image erforderlich für Google-Shopping-Eligibility. Auf einem NewsArticle wirkt das image auf Top-Stories-Carousel-Eligibility.

"image": {
  "@type": "ImageObject",
  "url": "https://example.com/hero.avif",
  "width": 1200,
  "height": 630,
  "caption": "Lumina Dashboard zeigt GSC-Klicks +38% Woche über Woche"
}

Das tiefere Muster nutzt die License-Property, um Bild-Lizenzierung zu deklarieren — das verschiebt das Bild in Googles Lizenz-Bild-Filter. Große Stockfoto-Anbieter (Shutterstock, Getty) shippen das auf jedem Bild; der meiste Blog-Content braucht es nicht. Der Schema-Markup-Leitfaden deckt die breitere Schema-Landschaft ab; ImageObject sitzt darin als einer von vielen Typen.

Bild-SEO für die KI-Suche: Der neue Layer

KI-Suchmaschinen lesen Bilder anders als die klassische Google-Suche. ChatGPT, Perplexity, Claude mit Web-Zugriff und Google AI Overviews setzen alle multimodale Vision-Modelle ein, um die Bilder auf den Seiten zu lesen, die sie für Citations abrufen. Sie lesen Alt-Text (dieselbe Quelle, die Google schon immer gelesen hat), sie lesen umgebenden HTML-Kontext (Caption, Nachbar-Absatz, Heading) und sie lesen die tatsächlichen Pixel via Vision-Modelle, die Objekte, Szenen und eingebetteten Text extrahieren. Drei Eingaben pro Bild — und eine Seite, die alle drei Signale aligniert, wird zitierbarer als eine Seite mit starkem Text allein.

Die praktische Konsequenz für Bild-SEO-Content: Alt-Text zählt mehr denn je. KI-Engines, die multimodale Vision laufen, können prüfen, ob der Alt-Text dem entspricht, was die Pixel tatsächlich zeigen. Ein Dashboard-Bild mit Alt-Text "Dashboard" besteht den alten Google-Check, scheitert aber am KI-Alignment-Check — die KI-Engine kann die Chart-Labels lesen und weiß, dass der Alt zu dünn ist. Dasselbe Bild mit Alt-Text "GSC Dashboard zeigt organische Klicks +38% Woche über Woche" besteht beide: Google hat reichen Text zum Indexieren, und die KI-Engine bestätigt, dass der Alt zu den Pixeln passt.

Bilddateinamen fließen ebenfalls in KI-Retrieval ein. Wenn ChatGPT Search eine Seite lädt und entscheidet, welche Bilder zur Nutzeranfrage relevant sind, sind beschreibende Filenames wie lumina-gsc-dashboard-klicks-trend.webp leichter für das Modell zu grounden als IMG_4827.png. Behandle Filename als sekundären Alt-Text — beschreibend, in 3 bis 7 bindestrich-getrennten Wörtern, lowercase.

Die neue Einschränkung für 2026: KI-Crawler (GPTBot, ClaudeBot, PerplexityBot) führen JavaScript nicht immer aus, was bedeutet, dass Bilder, die über JS-abhängige Lazy-Loading-Libraries geladen werden, für KI-Retrieval unsichtbar sind. Natives loading="lazy" funktioniert gut, weil es HTML-Attribut-Level ist. Custom-JS-Lazy-Loader, die src beim Scrollen tauschen, nicht — der Bot sieht den Platzhalter-src und nie das echte Bild. Luminas JS-vs-No-JS-Tool rendert jede Seite mit und ohne JavaScript, damit du prüfen kannst, welche Bilder in beiden Ansichten vorhanden sind.

Die 6 Fehler, die fast jede Seite macht

Sechs Fehler tauchen über die auditierten Pillars und die breitere SERP konsistent auf. Jeder ist in einem Nachmittag behebbar, sobald du ihn findest. Die meisten Sites haben drei oder vier davon gleichzeitig.

1. Rohes JPEG oder PNG ausspielen, wenn WebP oder AVIF einen Build-Schritt entfernt sind

Der definierende Fehler der 2026er-Bild-SEO-SERP. WebP hat 98% Browser-Support. AVIF hat 94%. Jedes moderne Build-Tool generiert beide automatisch. Sites, die immer noch rohes JPEG und PNG shippen, lassen 30 bis 50 Prozent Bandbreiten-Ersparnis grundlos liegen. Der Fix ist eine Config-Änderung in deiner Build-Pipeline plus ein <picture>-Element in deinem Bild-Template.

2. Alle Above-Fold-Bilder als LCP-Kandidaten behandeln

Eager-Loading aller Above-Fold-Bilder (Logo, Hero, Sekundär-Bilder, Icons) verteilt Bandbreite dünn und verlangsamt das tatsächliche LCP. Wähle das eine Bild, das am wahrscheinlichsten der LCP-Kandidat ist, ship es mit loading="eager" und fetchpriority="high", und ship alles andere mit loading="lazy". Die Ausnahme: Navigations-Logos, die auf jeder Seite erscheinen, profitieren von eager, brauchen aber nie fetchpriority.

3. Leerer oder fehlender Alt auf bedeutungstragenden Bildern

Bot-hochgeladene Bilder aus Markdown-Templates und CMS-Content-Blocks streifen Alt-Text häufig ab. Das Ergebnis ist eine Seite mit 6 informativen Screenshots, die alle alt="" oder keinen Alt tragen — unsichtbar für Google Bilder, unsichtbar für KI-Vision-Text-Alignment, und ein Hard-Fail bei Accessibility. Auditiere periodisch mit Luminas Alt-Text Checker und ergänze Alts für nicht-dekorative Bilder.

4. Keyword-gestopfter Alt-Text

"lumina seo tool bild checker kostenlos 2026 beste alt text dashboard" hilft Google nicht, das Bild zu ranken — Googles Doku markiert Keyword-Stuffing in Alt explizit als Qualitäts-Signal, das der Seite schaden kann. Schreib faktische Prosa. Wenn das Primär-Keyword der Seite natürlich in ein oder zwei Bild-Alts passt, gut. Wenn du es in zehn zwingst, optimierst du in die falsche Richtung.

5. Fehlende width- und height-Attribute (oder aspect-ratio)

Ohne intrinsische Dimensionen kann der Browser keinen Layout-Platz reservieren, das Bild-Pop-In verursacht Cumulative Layout Shift, und CLS ist eines von drei Core Web Vitals. Setze width und height auf die intrinsischen Dimensionen des Quellbilds (die Pixel in der Datei), nutze CSS zum visuellen Skalieren, und das Seitenverhältnis bleibt erhalten. Moderne Alternative: aspect-ratio: 16/9 in CSS plus width-only oder height-only auf dem img — beides funktioniert.

6. Bilder auf einer Domain ohne CDN oder HTTP/2 hosten

Bild-lastige Seiten profitieren massiv von einem CDN, das HTTP/2 oder HTTP/3 ausspielt, moderne Formate automatisch unterstützt und geografisch nahe am Nutzer ausliefert. Selbst-gehostete Bilder auf einem Single-Region-Apache-Server mit HTTP/1.1 fügen typischerweise 200 bis 500 ms an Bild-Ladezeit hinzu im Vergleich zu Cloudflare, Vercel oder Netlify (worauf Lumina läuft). Für eine inhaltsstarke Site ist der CDN-Switch die höchstwirksame Bild-SEO-Änderung, die du an einem Nachmittag machen kannst.

5-Schritte-Workflow für Bild-SEO

Fünf Schritte in zwei Wochen decken die Arbeit ab, die echte Zahlen bewegt. Die Reihenfolge zählt: Format- und LCP-Änderungen wirken zuerst auf Core Web Vitals, Alt-Text-Änderungen wirken zweitens auf Google Bilder, Schema-Änderungen wirken zuletzt auf Rich Results. Starte da, wo der nutzersichtbare Effekt am größten ist.

01
Aktuelle Bilder auditieren

Lass Luminas Alt-Text Checker auf deine 10 traffic-stärksten Seiten laufen. Notiere: Bilder ohne Alt, Bilder mit rohem JPEG/PNG, Bilder ohne width/height und Bilder mit lazy statt eager (oder umgekehrt).

Alt-Text Checker laufen lassen →
02
Moderne Formate shippen

Konfiguriere deine Build-Pipeline (Next.js, Nuxt, Astro, Hugo, Eleventy), damit sie AVIF + WebP automatisch ausgibt. Wrappe Bilder in <picture> mit beiden Sources + JPEG-Fallback im <img>. Verifiziere mit DevTools-Network-Tab.

CWV-Verbesserung prüfen →
03
LCP-Priority-Hints fixen

Identifiziere auf jeder Seite den LCP-Kandidaten (meist das Hero-Bild). Ergänze loading="eager" + fetchpriority="high". Stelle alles andere auf loading="lazy". PageSpeed-Insights Mobile + Desktop neu testen.

PageSpeed laufen lassen →
04
Schwachen Alt-Text umschreiben

Ersetze leere, fehlende oder keyword-gestopfte Alts durch faktische 5-bis-15-Wort-Beschreibungen. Luminas Alt-Text Checker flaggt jedes problematische Bild; fix sie einzeln. Quartalsweise re-auditieren, um CMS-strippte Alts zu fangen.

Alts re-auditieren →
05
Bild-Schema ergänzen

Wo das Bild die primäre Entität der Seite ist (Produkt, Recipe, Infografik), ergänze ImageObject-Schema mit caption, width, height und License falls relevant. Validiere mit Luminas Schema Validator. Skip für Blog-Hero-Bilder — das BlogPosting-image-URL-Feld reicht.

Schema validieren →

FAQ

Bild-SEO bedeutet, jedes Bild auf einer Seite so zu optimieren, dass Suchmaschinen und KI-Suchmaschinen es crawlen, verstehen und die Seite entsprechend ranken oder zitieren können. Das umfasst technische Attribute (Dateiformat, Abmessungen, Alt-Text, strukturierte Daten), Performance-Attribute (Lazy Loading, fetchpriority, responsive Größen) und Accessibility-Signale (beschreibender Alt-Text, semantischer Kontext). 2026 fließen dieselben Bild-Signale, die Google-Images-Ergebnisse antreiben, jetzt auch in das Retrieval von KI-Suchen — ChatGPT, Perplexity und Google AI Overviews lesen Alt-Text und umgebendes HTML, wenn sie entscheiden, welche Seite sie zitieren.
Ja, aber der Effekt ist mehrschichtig. Alt-Text ist ein direktes Ranking-Signal für Google Bilder, wo Alt und umgebender Text das Bild für den Index beschreiben. Für die organische Web-Suche wirkt Alt-Text indirekt: Er ergänzt thematischen Kontext der Seite, stützt Accessibility (was wiederum in das Page-Experience-Signal einfließt) und hilft Google, die Bildbedeutung zu verstehen, wenn umgebender Text dünn ist. Googles eigene Bild-SEO-Doku führt Alt-Text als empfohlene Praxis. Die praktische Regel: Schreib Alt-Text so, wie du das Bild einer Person beschreiben würdest, die den Bildschirm nicht sieht — konkret, faktisch und ohne Keyword-Stuffing.
AVIF ist beim Komprimieren am stärksten — etwa 30% kleiner als WebP bei gleicher visueller Qualität und 50% kleiner als JPEG. Browser-Support hat 2025 weltweit 94% erreicht (Chrome, Edge, Firefox, Safari ab iOS 16). Das pragmatische 2026er-Setup ist ein picture-Element mit AVIF zuerst, WebP als Fallback und JPEG oder PNG als finaler Fallback für die wenigen Legacy-Browser, die noch im Umlauf sind. Wenn du nur ein modernes Format ausspielst, dann WebP — Abdeckung 98% und du sparst dir die Encoder-Komplexität von AVIF. Die falsche Antwort ist, weiterhin rohes JPEG oder PNG auszuspielen.
Ziel eine Auflösung etwa 1,5- bis 2-fach der größten Display-Größe, die du ausspielst, dann komprimieren mit modernem Format. Ein Hero-Bild, das mit 1200 Pixel Breite angezeigt wird, sollte mit 1800 bis 2400 Pixel als Quelle vorliegen und unter 200 KB in WebP oder unter 150 KB in AVIF wiegen. Nutze srcset mit mindestens drei Größen (Mobile, Tablet, Desktop), damit der Browser nur das herunterlädt, was er rendert. Der häufigste Fehler ist, ein 4000x3000-Pixel-Original mit 2 MB an einen Viewport auszuliefern, der das Bild bei 800 Pixel anzeigt — der User lädt 5-fach mehr Bytes als nötig, und Core Web Vitals stürzen ab.
Normales SEO rankt die Seite in den blauen Links basierend auf Inhalt, Backlinks und Core-Web-Vitals-Signalen. Google-Bilder-SEO rankt das Bild selbst in der Google-Bilder-Vertikale, wo das Bild zum primären Ergebnis wird und die Seite das Ziel ist. Bild-Vertikalen-Ranking gewichtet Alt-Text, umgebenden Text, Dateinamen, Bild-Schema und Bildqualität deutlich stärker als normales SEO. Eine Seite kann Position 30 im normalen SEO und Position 3 in Google Bilder für dieselbe Anfrage ranken. Google Bilder ist eine bedeutsame Traffic-Quelle für visuelle Suchanfragen — besonders bei Produkt-, Recipe- und Editorial-Verticals, wo das Bild selbst ist, wonach der Nutzer eigentlich sucht.
Ja, direkt. Die Largest-Contentful-Paint-Metrik (LCP) ist auf inhaltsstarken Seiten fast immer ein Bild, und unoptimierte Bilder sind der häufigste Grund, warum LCP die Good-Schwelle von 2,5 Sekunden verfehlt. Drei Bild-Attribute bewegen LCP messbar: modernes Format (WebP oder AVIF reduziert Transfer-Zeit um 40 bis 60 Prozent), explizite Breite und Höhe (eliminiert Layout-Shift) und fetchpriority=high auf dem LCP-Bild (signalisiert dem Browser Critical-Path-Priorität, bevor das Layout läuft). Luminas Live-Audit zeigt: nur 6 von 97 auditierten Bildern nutzen fetchpriority=high — auch auf Artikeln, die LCP-Optimierung explizit lehren.
KI-Suchmaschinen (ChatGPT Search, Perplexity, Google AI Overviews, Claude mit Web-Zugriff) lesen drei Signale, wenn ein Bild auf einer Seite erscheint, die sie laden. Erstens den Alt-Text — dieselbe Quelle, die Google schon immer gelesen hat. Zweitens das umgebende HTML — Caption, Headings in Bildnähe und den Absatz, in dem es steht. Drittens multimodales Bildverständnis — Google Lens und vergleichbare OpenAI-Vision-Modelle, die die tatsächlichen Pixel betrachten und Objekte, Szenen und eingebetteten Text extrahieren. Praktische Konsequenz: Ein Bild mit gutem Alt-Text plus beschreibender Caption plus relevantem Nachbar-Absatz ist deutlich zitierbarer als ein Bild mit starken Pixeln allein.
Das falsche Format ausspielen. Über 10 Top-Leitfäden für Bild-SEO, die Lumina auditiert hat, liefert kein einziges der 97 Artikel-Bilder WebP oder AVIF als direkte img-Quelle. Jeder Guide predigt moderne Formate. Fast keiner nutzt sie auf der Seite, auf der die Empfehlung steht. Dasselbe Audit fand 8 von 10 Artikeln über ein Jahr stale, einer auf Rang 4 google.de zuletzt 1.411 Tage vor dem Datum, das sein Titel stolz mit '2026' nennt. Die Lektion: Das meiste, was auf der SERP für Bild-SEO steht, ist veraltete PNG- und JPEG-Empfehlung, geschrieben bevor AVIF-Browser-Support 90 Prozent überschritten hat.

Wo du startest

Wenn du diese Woche genau eine Sache machst, konfiguriere deine Build-Pipeline, damit sie AVIF und WebP automatisch ausgibt. Jedes moderne Static-Site-Framework unterstützt das mit einer One-Line-Config-Änderung: Next.js (next/image mit formats), Astro (astro:assets), Nuxt (nuxt-img), Hugo (resources.GetMatch mit mediaType), Eleventy (eleventy-img). Wrappe deine Bilder in <picture> mit beiden Sources + JPEG-Fallback im <img>. Core Web Vitals mit Luminas PageSpeed neu testen. Die LCP-Verbesserung ist meist im selben Mess-Fenster sichtbar.

Wenn du mehr Zeit hast, fix die LCP-Priority-Hints auf jeder Seite in Schritt 2. Identifiziere den LCP-Kandidaten (meist das Hero-Bild), setze loading="eager" + fetchpriority="high" darauf, stelle jedes andere Bild auf der Seite auf loading="lazy", und teste neu. Seiten mit starken LCP-Priority-Hints ranken typischerweise besser in Googles Page-Experience-Scoring und verlieren weniger Mobile-User an langsame Loads. Beide Änderungen kumulieren: AVIF halbiert die Transfer-Zeit, fetchpriority sortiert den halbierten Transfer korrekt ein, und die LCP-Metrik spiegelt beides.

Auditiere dein Bild-SEO jetzt

Luminas Alt-Text Checker scannt jedes Bild auf einer Seite, flaggt fehlende Alts, schwache Alts, fehlende Dimensionen, lazy/eager-Mismatches und alte Formate. Kostenlos, ohne Login.

Alt-Text Checker laufen lassen →
Julien El-Bahy

Julien El-Bahy

Web Development Lead und Macher von Lumina SEO. Spezialisiert auf SEO, GEO und KI-gestützte Such-Tools.

Auf LinkedIn vernetzen →

Passende Tools & Artikel