Kostenlose SEO-Analyse Analyse
Technik & Performance von Heimo Lueder

Bildoptimierung im SEO – WebP, Alt-Text und Performance.

Bilder machen 50 % der Ladezeit aus. Wer sie falsch einbindet, verliert Rankings, Besucher und Geld. Wer sie richtig optimiert, gewinnt Speed, Bildersuche-Traffic und bessere Core Web Vitals. Hier steht, wie das geht.

Die meisten Websites verschenken bei Bildern ihr Potenzial. Riesige JPEGs ohne Alt-Text, falsche Formate, kein Lazy Loading. Das Ergebnis: langsame Seiten, schlechte Core Web Vitals und null Traffic aus der Google-Bildersuche. Dabei lässt sich das in wenigen Stunden fixen – mit den richtigen Hebeln.

Bildoptimierung im SEO – WebP-Format, Alt-Text und Lazy Loading für bessere Ladezeiten

Die 7 Hebel der Bildoptimierung

1

Format: WebP oder AVIF statt JPEG

WebP spart 30 % Dateigröße bei gleicher Qualität. AVIF spart sogar 50 %. Beide Formate werden von allen modernen Browsern unterstützt. PNG nur noch für Grafiken mit Transparenz. JPEG nur als Fallback für alte Browser. In WordPress erledigen Plugins wie Imagify oder ShortPixel die Umwandlung automatisch.

2

Größe: Nicht größer als nötig

Ein Bild, das 4000 px breit ist und auf 800 px angezeigt wird, verschwendet 80 % der Daten. Liefern Sie Bilder in der Größe aus, in der sie gebraucht werden. Mit dem srcset-Attribut können Browser die passende Version wählen – klein für Mobile, groß für Desktop.

3

Kompression: Kleiner machen ohne sichtbaren Verlust

Die meisten Bilder lassen sich um 60–80 % komprimieren, ohne dass das Auge einen Unterschied sieht. Tools wie TinyPNG, Squoosh oder die WordPress-Plugins Imagify und ShortPixel machen das in Sekunden. Ziel: Kein Bild über 200 KB, wenn es nur dekorativ ist.

4

Alt-Text: Beschreibend, nicht stuffend

Der Alt-Text beschreibt, was auf dem Bild zu sehen ist – für Screenreader und für Google. Er soll natürlich klingen, nicht wie eine Keyword-Liste. Schlecht: „SEO Bildoptimierung Bild Website schnell." Gut: „Vergleich der Ladezeiten vor und nach der Bildoptimierung." Jedes Bild braucht einen. Ohne Ausnahme. Auch für die Barrierefreiheit ist das Pflicht.

5

Dateiname: Sprechend statt kryptisch

IMG_4721.jpg sagt Google nichts. bildoptimierung-ladezeit-vergleich.jpg sagt alles. Der Dateiname ist ein kleines, aber echtes Ranking-Signal – besonders für die Bildersuche. Keine Umlaute, keine Leerzeichen, Bindestrich statt Unterstrich.

6

Lazy Loading: Erst laden, wenn sichtbar

Bilder, die weiter unten auf der Seite stehen, müssen nicht sofort geladen werden. loading="lazy" sagt dem Browser: Lade dieses Bild erst, wenn der Nutzer hinscrollt. Das senkt die initiale Ladezeit und verbessert den LCP – den wichtigsten Core Web Vital.

7

Bild-Sitemap: Google alles zeigen

Eine Bild-Sitemap sagt Google, wo alle wichtigen Bilder liegen. Besonders relevant für Shops mit vielen Produktfotos. In WordPress erstellt Yoast SEO die Bild-Sitemap automatisch – aber nur, wenn die Bilder korrekt eingebunden sind.

Wie Bilder die Core Web Vitals beeinflussen

Core Web Vital Wie Bilder ihn beeinflussen Lösung
LCP (Largest Contentful Paint)Das größte Bild im sichtbaren Bereich bestimmt den LCP. Zu groß = zu langsam.Hero-Bild komprimieren, WebP nutzen, richtige Größe liefern
CLS (Cumulative Layout Shift)Bilder ohne feste Maße lassen den Text springen, wenn sie laden.width und height im HTML angeben
INP (Interaction to Next Paint)Zu viele unkomprimierte Bilder blockieren den Browser-Thread.Lazy Loading, weniger Bilder pro Seite, moderne Formate

Alle drei Werte fließen direkt ins Ranking ein. Wer seine Bilder optimiert, verbessert oft alle drei auf einen Schlag. Das ist der größte Quick Win im technischen SEO.

Quick-Win-Rechnung: Eine Website mit 50 Bildern à 500 KB = 25 MB Bildlast. Nach Optimierung (WebP, richtige Größe, Kompression): 50 Bilder à 80 KB = 4 MB. Die Seite lädt 5× schneller. Das ist kein theoretisches Szenario – das ist der Normalfall bei fast jedem Audit.

Bilder und KI-Suchmaschinen – was sich 2026 ändert

KI-Systeme wie Google AI Overviews nutzen zunehmend auch Bilder als Kontext. Wer seine Bilder gut beschriftet (Alt-Text, strukturierte Daten), gibt der KI mehr Material zum Arbeiten. Besonders relevant:

  • IPTC-Metadaten für KI-Bilder: Wenn Sie KI-generierte Bilder nutzen, empfiehlt Google IPTC-Metadaten zur Kennzeichnung. Das ist noch keine Pflicht, aber ein klares Signal.
  • Schema-Markup für Produktbilder: Product-Schema mit Bild-URL hilft Google und KI, Produkte visuell zuzuordnen. Besonders wichtig für Onlineshops.
  • Alt-Texte als KI-Futter: KI-Systeme lesen Alt-Texte, um den Kontext eines Bildes zu verstehen. Gute Alt-Texte stärken die GEO-Sichtbarkeit.

Schnell-Checkliste: Sind Ihre Bilder optimiert?

  • Format: WebP oder AVIF statt JPEG/PNG?
  • Größe: Nicht breiter als nötig (max. Anzeigegröße)?
  • Kompression: Unter 200 KB pro Bild (bei normalen Inhalten)?
  • Alt-Text: Jedes Bild hat einen beschreibenden Alt-Text?
  • Dateiname: Sprechend statt kryptisch?
  • Lazy Loading: loading="lazy" bei Bildern unterhalb des sichtbaren Bereichs?
  • Maße: width und height im HTML angegeben (gegen CLS)?
  • Bild-Sitemap: Erstellt und bei Google eingereicht?

Wenn mehr als drei Punkte fehlen, lohnt sich eine Webseitenanalyse. Die Bilder sind oft der größte einzelne Hebel für bessere Ladezeiten.

Häufige Fragen zur Bildoptimierung

Welches Bildformat ist am besten für SEO?

WebP für die meisten Fälle – 30 % kleiner als JPEG bei gleicher Qualität. AVIF spart noch mehr, wird aber noch nicht überall unterstützt. PNG nur für Grafiken mit Transparenz. JPEG als Fallback für ältere Browser.

Wie schreibe ich einen guten Alt-Text?

Beschreiben Sie, was auf dem Bild zu sehen ist – kurz, klar und natürlich. Kein Keyword-Stuffing. Ein Keyword darf vorkommen, wenn es passt. Beispiel: „Grafik zeigt LCP-Werte vor und nach der Bildoptimierung." Nicht: „SEO Bild optimieren schnell Ranking."

Was ist Lazy Loading und brauche ich es?

Lazy Loading lädt Bilder erst, wenn sie in den sichtbaren Bereich scrollen. Das spart Ladezeit am Anfang. Sie brauchen es für alle Bilder außer dem Hero-Bild oben. In HTML: loading="lazy". In WordPress machen das die meisten Themes automatisch.

Wie groß darf ein Bild maximal sein?

Unter 200 KB für normale Inhaltsbilder. Unter 100 KB für dekorative Bilder. Hero-Bilder maximal 300 KB. Die Breite sollte nie größer sein als die maximale Anzeigegröße – bei den meisten Layouts sind das 1200 bis 1600 Pixel.

Was sind Core Web Vitals und wie hängen sie mit Bildern zusammen?

Drei Google-Metriken für die Nutzererfahrung: LCP (Ladezeit), CLS (Layout-Stabilität), INP (Reaktionszeit). Bilder beeinflussen alle drei – besonders LCP. Wer seine Bilder optimiert, verbessert oft alle Werte auf einmal. Mehr: Technisches SEO.

Bringt die Google-Bildersuche wirklich Traffic?

Ja – bei vielen Websites 10 bis 25 % des gesamten organischen Traffics. Besonders bei Shops, Reise-Seiten und visuellen Branchen. Ohne Alt-Text und ohne Bild-Sitemap wird dieses Potenzial verschenkt.

Muss ich KI-generierte Bilder kennzeichnen?

Google empfiehlt IPTC-Metadaten für KI-generierte Bilder. Es ist noch keine Pflicht, aber ein klares Signal. Wer transparent ist, baut Vertrauen auf – bei Google und bei den Nutzern.

Welche Tools helfen bei der Bildoptimierung?

Für WordPress: Imagify, ShortPixel oder Smush. Für manuelle Arbeit: Squoosh (kostenlos, von Google) oder TinyPNG. Für die Analyse: PageSpeed Insights zeigt, welche Bilder bremsen. Mehr: SEO-Tools Vergleich.

Weiterführende Beiträge

Speed-Check

Wie schnell ist Ihre Website – und bremsen die Bilder?

Lassen Sie uns prüfen, ob Ihre Bilder optimiert sind – oder ob sie Rankings und Besucher kosten. Ehrlich, direkt und ohne Bindung.

Kostenlosen Speed-Check anfragen

Antwort innerhalb von 24 Stunden