Bild-SEO-Optimierung: Praktische Checkliste 2026

Zuletzt aktualisiert: July 26, 2026

Image SEO ist der Punkt, an dem Page Speed, Accessibility und Search Discovery auf derselben Datei zusammenlaufen. Diese Checkliste behandelt, was Google und Bing benötigen, bevor ein Bild überhaupt ranken kann; wie man alt text und filenames schreibt, die ihm Kontext geben; welche Loading Strategy Core Web Vitals schützt, und den monatlichen Audit, der Abweichungen nach der Veröffentlichung aufspürt.

Kurzantwort: Was ist Image SEO?

Image SEO ist die Praxis, Bilder verständlich, schnell, zugänglich und für die Suche auffindbar zu machen. Ein starker Image SEO Workflow umfasst beschreibende Dateinamen, nützlichen alt text, korrekte Abmessungen, moderne Formate, Kompression, strukturierte Daten, wo relevant, und kontinuierliche Messung in Google Search Console.

Das Ziel ist nicht, Keywords in jedes Bild zu stopfen. Das Ziel ist es, einem Benutzer, Browser, Crawler und KI-Antwortsystem zu helfen zu verstehen, was das Bild zeigt und warum es auf der Seite wichtig ist.

Wer sollte diese Checkliste verwenden?

Verwenden Sie diese Checkliste, wenn Bilder den Wert Ihrer Seite beeinflussen. Dazu gehören:

• E-Commerce Produktseiten, bei denen Fotos Vertrauen und Konversion vorantreiben.
• Blogbeiträge, in denen Diagramme, Screenshots oder Grafiken die Antwort erklären.
• Tool-Seiten, auf denen Screenshots den Workflow zeigen.
• Lokale Dienstleistungsseiten, auf denen echte Projektfotos Erfahrung beweisen.
• Redaktionelle Seiten, die von Image Search oder KI-Antwortzitationen abhängen.

Wenn Ihre Seite nur dekorative Bilder enthält, halten Sie diese leicht und verwenden Sie leeren alt text. Wenn Ihr Bild Bedeutung trägt, optimieren Sie es wie Content.

Was benötigen Google oder Bing, bevor ein Bild ranken kann?

Suchsysteme müssen das Bild entdecken, abrufen, verstehen und mit der richtigen Seite verknüpfen. Schlägt ein Schritt fehl, rettet besserer alt text den Asset nicht.

Kontext ist das, was ein geranktes Bild von einem ignorierten trennt. Ein Foto eines blauen Laufschuhs auf einer leeren Seite ist schwächer als dasselbe Foto innerhalb einer Produktseite mit einem klaren Titel, Modellnamen, Farbe, Größenauswahl und beschreibendem alt text. Google kann das Bildfile, den Seitentitel, Überschriften, sichtbaren Text, Bildunterschriften, strukturierte Daten und Links nutzen, um herauszufinden, was ein Bild darstellt.

Vermeiden Sie temporäre signierte URLs für öffentliche Artikelbilder, es sei denn, die endgültige gerenderte URL ist öffentlich und indexierbar. Halten Sie die Datei stabil genug, um gecacht und erneut gecrawlt zu werden.

Googles Bildrichtlinien betonen beschreibende Dateinamen, alt text, Seitenkontext und crawlable Image URLs in Google Images best practices. Bing's webmaster guidance weist in dieselbe Richtung: Machen Sie Seiten crawlbar, vermeiden Sie Cloaking und verwenden Sie deskriptives Markup anstelle versteckter Tricks, gemäß den Bing Webmaster Guidelines.

Was sollte man zuerst optimieren?

Beginnen Sie mit den Bildern, die am wahrscheinlichsten die Benutzererfahrung und die Suchinterpretation beeinflussen:

Beginnen Sie nicht damit, alle Dateien im Stapel umzubenennen. Beginnen Sie dort, wo das Bild verändert, was der Benutzer versteht.

Wie wählt man das richtige Image Format?

Verwenden Sie das Format, das zum visuellen Inhalt passt. Die falsche Formatwahl ist immer noch eine der einfachsten Möglichkeiten, eine Seite zu verlangsamen.

Für die meisten Webteams ist WebP der praktische Standard. AVIF kann kleiner sein, aber testen Sie Qualität und Browser-Handling, bevor Sie jeden Asset umstellen.

Was ist guter alt text?

Guter alt text beschreibt das Bild im Kontext der Seite. Er sollte jemanden helfen, der das Bild nicht sehen kann, dieselben Informationen zu verstehen wie ein sehbehinderter Benutzer.

Verwenden Sie dieses Muster:

1. Nennen Sie das Thema.
2. Fügen Sie das relevante Detail hinzu.
3. Nehmen Sie Kontext nur mit ein, wenn es für die Seite wichtig ist.
4. Stoppen Sie, bevor es zu einem Absatz wird.

Beispiele:

Googles Image SEO Guidance und die Accessibility Guidance weisen beide in dieselbe Richtung: Beschreiben Sie nützliche Bilder für Menschen zuerst. Ist das Bild dekorativ, zwingen Sie es nicht in die Suche.

Wie sollten Dateinamen geschrieben werden?

Verwenden Sie vor dem Hochladen kurze, beschreibende Dateinamen. Ein Crawler kann die URL lesen, und ein Mensch, der eine Asset-Bibliothek debuggt, kann dies ebenfalls.

Gute Dateinamen:

• green-trail-running-shoe-side-view.webp
• image-compression-before-after-chart.svg
• shopify-product-photo-white-background.jpg

Schlechte Dateinamen:

• IMG_2847.jpg
• final-final-2.png
• screenshot.png

Behalten Sie die Dateinamen nach der Veröffentlichung stabil bei. Das Umbenennen alter Bilder erzeugt URL Churn, es sei denn, Sie leiten um oder aktualisieren jeden Verweis.

Wie beeinflussen Bilder Core Web Vitals?

Bilder beeinflussen in der Regel zwei Core Web Vitals direkt:

• LCP: Das größte Bild über dem Falz wird oft zum Largest Contentful Paint Element.
• CLS: Bilder ohne reservierte Abmessungen können sich beim Laden verschieben lassen.

Verwenden Sie diese Regel:

Auf dieser Seite reservieren Blog-Cover einen 16:9 Kasten, bevor das Bild geladen wird. Das schützt die Layoutstabilität, selbst wenn ein CDN Image langsam ist.

Lazy loading verzögert Bilder außerhalb des Bildschirms, was den ersten Paint beschleunigt und Bandbreite spart. Blind angewendet tut es das Gegenteil: Es kann das LCP Element verzögern. Der Knackpunkt, der nach Messung beider Ergebnisse hält:

<!-- Hero: sofort laden -->
<img src="hero.webp" loading="eager" fetchpriority="high"
     width="1600" height="900" alt="Hero product photo">

<!-- Gallery: verzögern -->
<img src="thumb-03.webp" loading="lazy" decoding="async"
     width="400" height="300" alt="Product detail angle three">

Kombinieren Sie immer lazy loading mit explizitem width und height, um CLS zu vermeiden. Die vollständige Implementierungsanleitung finden Sie in how to lazy load images.

Wie beeinflussen responsive images SEO?

Responsive Images helfen Benutzern und Crawlern, die richtige Datei für das Gerät zu erreichen. Ein mobiler Besucher sollte nicht dasselbe riesige Hero herunterladen wie ein Desktop-Monitor. Verwenden Sie srcset und sizes, wenn ein Bild mehrere Breiten benötigt, und behalten Sie einen aussagekräftigen alt Wert im img-Element bei.

<img
  src="/images/product-shoe-1200.webp"
  srcset="/images/product-shoe-600.webp 600w, /images/product-shoe-1200.webp 1200w"
  sizes="(max-width: 700px) 92vw, 680px"
  width="1200"
  height="800"
  alt="Blue trail running shoe with black laces and thick white sole"
  loading="lazy"
>

Für die Stapelgenerierung von Derivaten liefert der batch resize guide einen Command-Line Workflow. Für mobile spezifische Entscheidungen kombinieren Sie dies mit mobile image optimization.

Soll man Bilder auf dem eigenen Domain hosten?

Normalerweise ja. Selbst gehostete Bilder auf Ihrer Domain (oder Ihrem CDN Subdomain) behalten die Link Equity und Markenzuordnung bei Ihnen, und sie ermöglichen es Ihnen, Caching, Header und Analytics zu steuern. Third-Party Hosting kann ausfallen, Referrals durchsickern und Eigentumssignale verwässern.

Verwenden Sie ein CDN, das von Ihrer eigenen Domain oder einem First-Party Subdomain bedient wird. Das gibt Ihnen globale Edge Delivery und Kompression ohne die Kontrolle aufzugeben – die Abwägungen werden im image CDN guide behandelt.

Soll man Bilder in strukturierte Daten einfügen?

Ja, wenn der Seitentyp dies unterstützt. Article, Product, Recipe und Organization Schema können alle Bildfelder enthalten. Die Image URL sollte crawlbar, stabil und repräsentativ für die Seite sein.

Für Blogbeiträge sind die wichtigen Prüfungen:

• Article oder BlogPosting JSON-LD enthält Überschrift, Beschreibung, Datum, canonical URL, Autor oder Verleger und Bild.
• Das Bild wird nicht von Robots blockiert.
• Die gleiche kanonische Artikel-URL erscheint in Metadata, Sitemap und internen Links.
• Das Bild ist relevant für den Artikel, nicht ein generisches Standardgrafik, die über Dutzende Beiträge wiederverwendet wird.

Dieses Projekt verwendet jetzt canonical-only Blog Indexing, daher sollten doppelte Legacy Slugs auf den kanonischen Artikel umleiten, anstatt mit ihm zu konkurrieren.

Was macht Image SEO für KI-Antworten nützlich?

KI-Antwortsysteme bevorzugen Seiten mit klaren, eigenständigen Passagen. Für Image SEO Seiten sind die besten Passagen jene, die das Bild mit einer praktischen Antwort verbinden.

Guter AI-zitierbarer Passage:

Für ein Produktfoto ist der beste Standard-Workflow: auf das Anzeigeverhältnis zuschneiden, als WebP oder JPEG exportieren, das Hauptbild nach Möglichkeit unter 200 KB halten, einen Alt-Text schreiben, der das Produkt und das sichtbare Detail benennt, und Breite und Höhe reservieren, um Layout-Verschiebungen zu verhindern.

Dieser Absatz funktioniert, weil er eine spezifische Frage beantwortet, ohne fünf umgebende Absätze zu benötigen.

Fügen Sie ähnliche direkte Antwortblöcke in der Nähe von Diagrammen, Checklisten und Beispielen hinzu. Verstecken Sie die Antwort nicht unter einer langen Einleitung.

Wie auditiert man Image SEO jeden Monat?

Führen Sie diesen monatlichen Audit auf den wichtigsten Seiten durch:

1. Exportieren Sie die Top-Image-Landingpages aus Google Search Console.
2. Prüfen Sie, ob das Top-Bild auf jeder Seite einzigartig und relevant ist.
3. Finden Sie Dateien über 200 KB und komprimieren oder ändern Sie deren Größe.
4. Überprüfen Sie den alt text auf fehlende, vage oder keyword-gestopfte Beschreibungen.
5. Prüfen Sie LCP und CLS in PageSpeed Insights oder Ihren Felddaten.
6. Bestätigen Sie, dass Article oder Product Schema das richtige Bild verwendet.
7. Aktualisieren Sie alte Screenshots, wenn sich die UI ändert.

Das häufigste Versagen ist kein technischer Fehler. Es ist ein veraltetes oder generisches Bild, das den Artikel nicht mehr unterstützt.

Als ich das Cover-Foto dieses Guides auditierte, komprimierte ich den ursprünglichen Kameraexport auf eine gemessene 61 KB WebP Datei ohne sichtbaren Qualitätsverlust.

Image SEO checklist

Vor der Veröffentlichung:

• Das Cover-Bild ist einzigartig für den Artikel.
• Das Cover-Bild erklärt das Thema des Artikels auf einen Blick.
• Jedes aussagekräftige Bild hat beschreibenden alt text.
• Dekorative Bilder verwenden leeren alt text.
• Dateinamen beschreiben das Thema in einfacher englischer Sprache.
• Große Fotos sind komprimiert und skaliert.
• Above-the-fold Images werden nicht lazy loaded.
• Below-fold Images reservieren Layout-Platz.
• Article oder Product Schema enthält eine crawlable Image URL.
• Die Seite hat mindestens ein Bild, das nützlich genug ist, um einen Klick oder eine Zitierung zu erhalten.

Nach der Veröffentlichung:

• Testen Sie die Seite auf Mobilgeräten.
• Überprüfen Sie das gerenderte HTML auf canonical und Open Graph Image Tags.
• Führen Sie PageSpeed Insights für wichtige Templates durch.
• Beobachten Sie Google Search Console Image Impressions und Klicks.
• Ersetzen Sie Standard- oder wiederholte Bilder, sobald Sie diese finden.

Empfohlene Tools

Häufige Fehler, die zu vermeiden sind

Kann ein generisches Bild über viele Beiträge wiederverwendet werden?

Nein. Ein wiederholtes Standard-Cover schwächt die Seite, bevor der Leser anfängt. Es signalisiert, dass der Artikel möglicherweise programmatischer Füllstoff ist und gibt Suchsystemen weniger seitenbezogenen Kontext.

Soll alt text das Zielkeyword wiederholen?

Nur, wenn das Keyword das Bild natürlich beschreibt. image SEO checklist dashboard ist in Ordnung für ein Dashboard-Bild. image SEO image SEO image SEO ist Spam und schadet der Barrierefreiheit.

Soll jedes Bild lazy loaded werden?

Nein. Lazy loaden Sie Bilder unter dem Falz. Laden Sie das Hauptbild nicht, wenn es wahrscheinlich das LCP Element sein wird.

Ist ein Image Sitemap immer erforderlich?

Nicht immer. Google kann Bilder aus normalem HTML entdecken. Image Sitemap Einträge sind am nützlichsten, wenn Bilder über JavaScript geladen werden, Galerien oder große Medienbibliotheken, bei denen die Entdeckung schwieriger ist.

Verwandte Guides

• Complete Image Optimization Checklist
• WebP vs AVIF Comparison
• Website Speed Images Guide
• Compress Images Without Losing Quality
• Image Format Guide

Häufig gestellte Fragen

Welches Bild auf einer Seite sollte man zuerst optimieren?

Beheben Sie zuerst das größte Hero-Bild über dem Falz, da es normalerweise die Largest Contentful Paint der Seite steuert, bevor irgendein anderes Bild wichtig wird.

Warum benötigt ein transparentes Produkt-Cutout PNG oder WebP und nicht JPEG?

JPEG hat keinen Alpha Channel, daher füllt es transparente Pixel mit einem soliden Hintergrund und zerstört den Cutout-Effekt, den PNG oder WebP bewahren.

Brauchen dekorative Bilder alt text?

Nein, rein dekorative Bilder sollten mit leerem alt text versehen werden, damit Screenreader sie überspringen, anstatt bedeutungslosen Fülltext zu verkünden.

Ist es sicher, ein Bild nach der Veröffentlichung der Seite umzubenennen?

Nur, wenn Sie eine Weiterleitung einrichten oder jeden Verweis aktualisieren, da das Umbenennen einer aktiven Bilddatei sonst zu fehlerhaften Links und URL Churn führt.

Sollten Icons und UI chrome auf dieselbe Weise wie Content-Bilder optimiert werden?

Nein, Icons und UI chrome funktionieren am besten als Inline SVG oder kleines gecachtes Asset anstatt der Kompressions- und alt-text Behandlung, die für aussagekräftige Content-Bilder verwendet wird.

Was macht einen Bild-bezogenen Passage wahrscheinlicher zitierbar durch eine KI-Antwortmaschine?

Ein eigenständiger Abschnitt, der einen konkreten Workflow angibt – wie das Crop-Verhältnis, die Zielgröße und das Format – ohne dass der Leser scrollen muss, um umliegende Absätze zu lesen.

Was sollte ein monatlicher Image SEO Audit eigentlich prüfen?

Er sollte Dateien über 200 KB, vagen oder fehlenden alt text und jede Top-Image-Seite kennzeichnen, deren LCP oder CLS seit der letzten Überprüfung abgewichen ist.

Benötigt jede Website das gleiche Maß an Image SEO Aufwand?

Nein, E-Commerce-, redaktionelle und lokale Dienstleistungsseiten hängen von aussagekräftigen Fotos ab und benötigen eine echte Optimierung, während Seiten mit nur dekorativer Bildgebung kaum mehr als Kompression benötigen.