Bilder-SEO: Der vollständige Leitfaden zu Alt-Text, Dateinamen & Optimierung (2026)

Bilder sind das am wenigsten optimierte Element auf einer durchschnittlichen Website. Während die meisten Website-Betreiber Stunden damit verbringen, ihre Title-Tags, Meta-Beschreibungen und Content-Strategie zu perfektionieren, laden sie Bilder mit dem Namen IMG_4832.jpg hoch — mit leeren Alt-Attributen und Dateigrößen, die die Seitengeschwindigkeit ruinieren. Im Jahr 2026 ist Bilder-SEO keine Option mehr — es beeinflusst direkt Ihre Google-Rankings, den Google-Bildersuche-Traffic, Core Web Vitals-Werte, die Barrierefreiheit und wie KI-Systeme Ihren Inhalt verstehen.

Hier ist die Realität: 63% der Websites haben fehlenden oder unzureichenden Alt-Text bei ihren Bildern. Die meisten Websites liefern Bilder aus, die 3-5x größer sind als nötig. Und fast niemand implementiert Bild-Schema-Markup, obwohl es die Sichtbarkeit in Rich Results und KI-generierten Antworten dramatisch steigern kann. Jedes nicht optimierte Bild ist eine verpasste Chance — für Traffic, für Rankings und für Conversions.

Dieser Leitfaden behandelt alles, was Sie im Jahr 2026 über Bilder-SEO wissen müssen. Wir beginnen mit den Grundlagen — Alt-Text und Dateibenennung — und gehen dann zu Komprimierung, Formatauswahl, technischer Implementierung mit echten Code-Beispielen, Schema-Markup und der Interpretation von Bildern durch KI-Suchmaschinen über. Ob Sie eine 10-seitige Portfolio-Website oder einen 50.000-Produkte-E-Commerce-Shop verwalten — dieser Leitfaden gibt Ihnen umsetzbare Copy-Paste-Strategien, um Ihr Bilder-SEO noch heute zu verbessern.

Warum Bilder-SEO im Jahr 2026 wichtig ist

Bilder-SEO ist keine Nischenoptimierung. Es ist eine Kernsäule moderner Suchsichtbarkeit. Hier erfahren Sie, warum es heute wichtiger ist als je zuvor.

Google Bilder generiert massiven Traffic. Google Bilder macht 22,6% aller Google-Suchen aus. Das ist mehr als YouTube, Google Maps und Google News zusammen. Wenn Ihre Bilder nicht optimiert sind, sind Sie für fast ein Viertel aller Suchaktivitäten unsichtbar. Für E-Commerce, Produktfotografie, Rezepte, DIY-Anleitungen und visuelle Branchen kann Google Bilder die größte einzelne Traffic-Quelle sein.

Bilder beeinflussen direkt die Seitengeschwindigkeit. Bilder sind typischerweise die schwersten Ressourcen auf jeder Webseite und machen im Durchschnitt 50-75% des Gesamtseitengewichts aus. Nicht optimierte Bilder zerstören Ihre Core Web Vitals-Werte — insbesondere Largest Contentful Paint (LCP), das ein direkter Google-Rankingfaktor ist. Eine Seite, die ein 2MB-Hero-Bild lädt, wenn ein 150KB-WebP identisch aussehen würde, sabotiert ihre eigenen Rankings.

Barrierefreiheit ist ein Ranking-Signal. Alt-Text dient nicht nur SEO-Zwecken. Er ist eine gesetzliche Anforderung gemäß Barrierefreiheitsgesetzen wie dem ADA, Section 508 und dem Europäischen Barrierefreiheitsgesetz (EAA), das im Juni 2025 in Kraft tritt. Screenreader sind auf Alt-Text angewiesen, um Bilder für sehbehinderte Nutzer zu beschreiben. Google belohnt zunehmend barrierefreie Websites, und fehlender Alt-Text ist einer der am einfachsten zu erkennenden und zu bestrafenden Barrierefreiheitsmängel.

KI-Systeme nutzen Bilder, um Ihren Inhalt zu verstehen. Multimodale KI-Modelle — darunter Googles Gemini, GPT-4o und Claude — können Bilder jetzt direkt interpretieren. Aber sie verlassen sich auch stark auf Alt-Text, Dateinamen, Bildunterschriften und umgebenden Text, um den Bildkontext zu verstehen. Eine korrekte Bildoptimierung macht Ihren Inhalt für KI-Systeme verständlicher und erhöht Ihre Chancen, in KI-generierten Antworten zitiert zu werden.

Alt-Text: Der vollständige Leitfaden

Alt-Text (Alternativtext) ist ein HTML-Attribut, das den Inhalt und Zweck eines Bildes beschreibt. Er wird dem <img>-Tag über das alt-Attribut hinzugefügt. Wenn ein Screenreader auf ein Bild trifft, liest er den Alt-Text vor. Wenn Google Ihre Seite crawlt, verwendet es den Alt-Text als primäres Signal, um zu verstehen, was das Bild darstellt und wie es sich auf den Seiteninhalt bezieht.

Alt-Text ist gleichzeitig das einfachste und wirkungsvollste Bilder-SEO-Element. Guten Alt-Text zu schreiben dauert 10 Sekunden pro Bild, doch die meisten Websites überspringen ihn entweder ganz oder schreiben ihn so schlecht, dass er keinen Mehrwert bietet. Lassen Sie uns das beheben.

Die Alt-Text-Formel

Verwenden Sie diese Formel für durchgängig effektiven Alt-Text:

[Spezifischer Deskriptor] + [Subjekt] + [Kontext/Aktion] + [Relevantes Detail]

Beispiele mit der Formel:

• Produkt: „Rote Leder-Umhängetasche mit goldener Kettenschlaufe auf Marmoroberfläche"
• Person: „Koch bereitet frische Pasta in der Restaurantküche zu"
• Diagramm: „Balkendiagramm zeigt 47% Anstieg des organischen Traffics von Januar bis Juni 2026"
• Screenshot: „Google Search Console Leistungsbericht zeigt 12.000 Klicks im März 2026"
• Lifestyle: „Frau läuft bei Sonnenuntergang auf Strandweg mit Nike Pegasus 42 Schuhen"

Alt-Text: Dos und Don'ts

Alt-Text Code-Beispiele

Guter Alt-Text für ein Produktbild:

<img
  src="tissot-prx-blue-dial-40mm.webp"
  alt="Tissot PRX Automatikuhr mit blauem Sunray-Zifferblatt und integriertem Stahlarmband, 40mm"
  width="800"
  height="800"
  loading="lazy"
>

Guter Alt-Text für ein informatives Bild:

<img
  src="core-web-vitals-scores-chart.webp"
  alt="Diagramm vergleicht Core Web Vitals-Werte vor und nach Bildoptimierung, LCP verbessert von 4,2s auf 1,8s"
  width="1200"
  height="600"
  loading="lazy"
>

Dekoratives Bild (Alt-Text überspringen):

<!-- Dekorativer Trenner — kein Alt-Text nötig -->
<img src="decorative-wave.svg" alt="" role="presentation">

Dateibenennung für SEO

Bilddateinamen sind ein bestätigtes Google-Ranking-Signal. Google erklärt ausdrücklich, dass es Dateinamen verwendet, um Bildinhalte zu verstehen. Bevor ein Bild überhaupt gecrawlt wird, gibt sein Dateiname Google ein starkes erstes Signal darüber, was das Bild darstellt. Eine Datei namens rote-leder-handtasche-vorderansicht.webp sagt Google weit mehr als produktfoto-3.jpg.

Regeln für Dateinamen

• Verwenden Sie Bindestriche zur Worttrennung. Google behandelt Bindestriche als Worttrennzeichen. Unterstriche werden als Wortverbinder behandelt. blaue-laufschuhe = drei Wörter. blaue_laufschuhe = ein langes Wort für Google.
• Fügen Sie Ihr Ziel-Keyword ein. Wenn die Seite auf „Leder-Umhängetasche" abzielt, sollte das Bild leder-umhaengetasche-braun.webp heißen, nicht tasche-foto.webp.
• Seien Sie beschreibend, aber prägnant. 3-6 Wörter sind ideal. Vermeiden Sie sowohl Ein-Wort-Namen (schuhe.jpg) als auch Roman-lange Namen (beste-rote-leder-umhaengetasche-fuer-frauen-2026-fruehjahrskollektion.webp).
• Nur Kleinbuchstaben verwenden. Manche Server behandeln Bild.jpg und bild.jpg als verschiedene Dateien. Immer Kleinbuchstaben verwenden, um 404-Fehler und Duplicate-Content-Probleme zu vermeiden.
• Sonderzeichen entfernen. Keine Leerzeichen, Umlaute oder Sonderzeichen. Nur Buchstaben, Zahlen und Bindestriche verwenden.
• Varianten-Deskriptoren einbauen. Für Produktbilder mit mehreren Winkeln: ledertasche-vorne.webp, ledertasche-seite.webp, ledertasche-detail-naht.webp.

Bildkomprimierung & Performance

Bildkomprimierung ist der größte einzelne Seitengeschwindigkeitsgewinn für die meisten Websites. Die durchschnittliche Webseite liefert 1,5-3 MB an Bildern. Mit richtiger Komprimierung können Sie das auf 200-400 KB reduzieren, ohne sichtbaren Qualitätsverlust. Die Auswirkung auf Core Web Vitals — insbesondere LCP (Largest Contentful Paint) — ist sofort und dramatisch.

Es gibt zwei Arten der Komprimierung:

Verlustbehaftete Komprimierung entfernt dauerhaft einige Bilddaten, um kleinere Dateigrößen zu erreichen. Bei Qualitätseinstellungen von 75-85% ist der Qualitätsverlust für das menschliche Auge nicht wahrnehmbar, aber die Dateigrößen sinken um 60-80%. JPEG, WebP (verlustbehaftet) und AVIF verwenden verlustbehaftete Komprimierung.

Verlustfreie Komprimierung reduziert die Dateigröße, ohne Bilddaten zu entfernen. Das dekomprimierte Bild ist pixelidentisch mit dem Original. Die Dateigrößeneinsparungen sind geringer (10-30%), aber die Qualität bleibt perfekt erhalten. PNG, WebP (verlustfrei) und AVIF (verlustfrei) unterstützen diesen Modus. Verwenden Sie verlustfrei für Logos, Icons, Screenshots mit Text und jedes Bild, bei dem exakte Pixelreproduktion wichtig ist.

Empfohlene Qualitätseinstellungen

• Fotografien: WebP bei 80% Qualität (oder AVIF bei 65%). Visuell nicht vom Original zu unterscheiden, aber 70-80% kleiner.
• Produktbilder: WebP bei 85% Qualität (oder AVIF bei 70%). Etwas höhere Qualität, um Details für Kaufentscheidungen zu bewahren.
• Screenshots & textlastige Bilder: PNG oder WebP verlustfrei. Text muss scharf und lesbar bleiben.
• Logos & Icons: SVG (Vektor) wann immer möglich. Wenn Raster, dann PNG oder WebP verlustfrei.
• Hero-Bilder: WebP bei 80% Qualität, maximal in 2x Anzeigegröße bereitgestellt. Ein Hero, das bei 1200px Breite angezeigt wird, sollte maximal bei 2400px bereitgestellt werden.

Komprimierungs-Tools

• Squoosh (squoosh.app): Googles kostenloses, browserbasiertes Bildoptimierungstool. Unterstützt Seite-an-Seite-Vergleich, alle modernen Formate. Am besten für manuelle Optimierung einzelner Bilder.
• ShortPixel: Automatisiertes WordPress-Plugin und API. Optimiert bestehende Bilder massenhaft und konvertiert zu WebP/AVIF beim Upload. Am besten für WordPress-Seiten.
• ImageOptim (macOS) / FileOptimizer (Windows): Desktop-Apps für Stapeloptimierung. Entfernt Metadaten und wendet optimale Komprimierung an.
• Cloudflare Polish: Automatische Bildoptimierung auf CDN-Ebene. Keine Code-Änderungen nötig. Am besten für Websites, die bereits auf Cloudflare sind.
• sharp (npm): Node.js-Bibliothek für programmatische Bildverarbeitung. Am besten für Build-Pipelines und automatisierte Workflows.

Auswirkung der Bildoptimierung

Workflow zur Bildoptimierung

Befolgen Sie diesen Sechs-Schritte-Workflow für jedes Bild, das Sie veröffentlichen:

Bildformate im Vergleich

Die Wahl des richtigen Bildformats ist eine der wirkungsvollsten Entscheidungen, die Sie für Seitengeschwindigkeit und Bildqualität treffen können. So vergleichen sich die vier wichtigsten Web-Bildformate im Jahr 2026:

Die empfohlene Strategie für 2026: Verwenden Sie WebP als Ihr primäres Bildformat. Stellen Sie AVIF als progressive Verbesserung für Browser bereit, die es unterstützen, indem Sie das <picture>-Element verwenden. Behalten Sie ein JPEG-Fallback nur, wenn Sie sehr alte Browser oder E-Mail-Clients unterstützen müssen. Verwenden Sie SVG für alle Vektorgrafiken (Logos, Icons, Illustrationen).

Technische Bildoptimierung

Neben Alt-Text, Dateinamen und Komprimierung gibt es mehrere technische HTML-Implementierungen, die das Bilder-SEO und die Performance erheblich beeinflussen. Hier sind die wichtigsten mit Copy-Paste-Code-Beispielen.

Lazy Loading

Lazy Loading verzögert das Laden von Bildern, die sich unterhalb des sichtbaren Viewports befinden, bis der Nutzer in ihre Nähe scrollt. Dies reduziert die anfängliche Seitenladezeit und den Datenverbrauch dramatisch. Natives Lazy Loading wird von allen modernen Browsern unterstützt und erfordert nur ein Attribut:

<!-- Bild unterhalb des sichtbaren Bereichs: Lazy Load -->
<img
  src="product-gallery-image-3.webp"
  alt="Tissot PRX Gehäuseboden mit Automatikwerk"
  width="800"
  height="800"
  loading="lazy"
  decoding="async"
>

<!-- Hero-Bild oberhalb des sichtbaren Bereichs: NICHT lazy laden -->
<img
  src="hero-banner-spring-collection.webp"
  alt="Frühjahrskollektion 2026 mit Tissot und Maurice Lacroix"
  width="1200"
  height="600"
  loading="eager"
  fetchpriority="high"
>

Responsive Bilder mit srcset

Das srcset-Attribut ermöglicht es Browsern, die passendste Bildgröße basierend auf der Bildschirmbreite und Pixeldichte des Geräts auszuwählen. Dies verhindert, dass mobile Geräte Desktop-große Bilder herunterladen:

<img
  src="product-watch-800w.webp"
  srcset="
    product-watch-400w.webp 400w,
    product-watch-800w.webp 800w,
    product-watch-1200w.webp 1200w,
    product-watch-1600w.webp 1600w
  "
  sizes="(max-width: 600px) 400px,
         (max-width: 1024px) 800px,
         1200px"
  alt="Tissot PRX 40mm Automatik mit grünem Zifferblatt"
  width="1200"
  height="1200"
  loading="lazy"
>

Das picture-Element (Multi-Format + Art Direction)

Das <picture>-Element ermöglicht es Ihnen, verschiedene Bildformate und sogar verschiedene Bildzuschnitte basierend auf Browser-Unterstützung und Bildschirmgröße bereitzustellen. Dies ist der empfohlene Ansatz, um AVIF mit WebP-Fallback bereitzustellen:

<picture>
  <!-- AVIF: beste Komprimierung, wird unterstützenden Browsern bereitgestellt -->
  <source
    type="image/avif"
    srcset="hero-collection.avif"
  >
  <!-- WebP: exzellente Komprimierung, breite Unterstützung -->
  <source
    type="image/webp"
    srcset="hero-collection.webp"
  >
  <!-- JPEG: universeller Fallback -->
  <img
    src="hero-collection.jpg"
    alt="Luxusuhren-Kollektion Frühjahr 2026 auf Samt präsentiert"
    width="1200"
    height="600"
    loading="lazy"
  >
</picture>

Layout-Verschiebung verhindern (CLS)

Fügen Sie immer width- und height-Attribute in Ihre <img>-Tags ein. Dies ermöglicht es dem Browser, das Seitenverhältnis des Bildes zu berechnen und den richtigen Platz zu reservieren, bevor das Bild geladen wird, und verhindert Cumulative Layout Shift (CLS) — einen der drei Core Web Vitals:

<!-- Gut: width und height verhindern Layout-Verschiebung -->
<img
  src="blog-post-cover.webp"
  alt="Screenshot der Bilder-SEO-Audit-Ergebnisse in seoscore.tools"
  width="1200"
  height="630"
  loading="lazy"
>

<!-- Auch gut: CSS aspect-ratio als Alternative -->
<style>
  .responsive-img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }
</style>

Die 6 Säulen des Bilder-SEO

Bild-Schema-Markup

Bild-Schema (ImageObject) teilt Suchmaschinen und KI-Systemen genau mit, was Ihre Bilder darstellen, wer sie erstellt hat und welche Lizenz sie tragen. Während Alt-Text eine menschenlesbare Beschreibung liefert, bietet Schema-Markup maschinenlesbare strukturierte Daten, die Suchmaschinen für Rich Results, Bildkarussells und erweiterte visuelle Suchergebnisse verwenden können.

ImageObject-Schema

Verwenden Sie ImageObject-Schema für eigenständige Bilder, die Sie mit vollständigen Metadaten indexieren möchten:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "ImageObject",
  "contentUrl": "https://example.com/images/tissot-prx-blue-40mm.webp",
  "name": "Tissot PRX Automatik Blaues Zifferblatt 40mm",
  "description": "Vorderansicht der Tissot PRX Automatikuhr mit blauem Sunray-Zifferblatt und integriertem Stahlarmband, 40mm Gehäusedurchmesser",
  "width": 1200,
  "height": 1200,
  "encodingFormat": "image/webp",
  "creator": {
    "@type": "Organization",
    "name": "Gazelli Saat"
  },
  "copyrightHolder": {
    "@type": "Organization",
    "name": "Gazelli Saat"
  },
  "license": "https://example.com/image-license"
}
</script>

Produktbild-Schema

Für E-Commerce sollten Produktbilder innerhalb Ihres Product-Schemas über die image-Eigenschaft referenziert werden. Dies ermöglicht Google Shopping Rich Results, bildbasierte Produktkarussells und visuelle Suchfunktionen:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Tissot PRX Automatik Blaues Zifferblatt 40mm",
  "image": [
    "https://example.com/images/tissot-prx-blue-front.webp",
    "https://example.com/images/tissot-prx-blue-side.webp",
    "https://example.com/images/tissot-prx-blue-wrist.webp"
  ],
  "description": "Tissot PRX Automatikuhr mit blauem Sunray-Zifferblatt...",
  "brand": {
    "@type": "Brand",
    "name": "Tissot"
  },
  "offers": {
    "@type": "Offer",
    "price": "650.00",
    "priceCurrency": "USD",
    "availability": "https://schema.org/InStock"
  }
}
</script>

Bild-Schema-Typen auf einen Blick

Bildtyp-Prioritäten

Nicht jedes Bild auf Ihrer Website benötigt den gleichen Optimierungsgrad. Konzentrieren Sie Ihren Aufwand dort, wo es am meisten zählt:

Bilder-SEO für KI-Suche

Im Jahr 2026 geht Bildoptimierung nicht mehr nur um Googles traditionellen Crawler. Multimodale KI-Systeme — darunter GPT-4o, Google Gemini und Claude — können Bilder direkt interpretieren. Aber selbst diese fortschrittlichen Systeme verlassen sich stark auf die textuellen Signale rund um Ihre Bilder, um ein vollständiges Verständnis Ihres Inhalts aufzubauen.

Wie KI-Systeme Bilder auf Ihrer Website interpretieren:

Alt-Text als primärer Kontext. Wenn ein KI-System beim Web-Browsing oder bei der Wissensabfrage auf ein Bild stößt, ist Alt-Text das erste und zuverlässigste Signal, das es verwendet, um zu verstehen, was das Bild zeigt. KI-Systeme gewichten Alt-Text stark, weil es eine explizite, vom Autor bereitgestellte Beschreibung des Bildinhalts ist. Schlechter Alt-Text bedeutet, dass die KI Ihr Bild entweder falsch versteht oder es komplett ignoriert.

Umgebender Text zur Kontextklärung. KI-Systeme lesen den Text unmittelbar vor und nach einem Bild, um den Kontext herzustellen. Ein Bild neben einem Absatz über „Tissot PRX Preise 2026" wird anders verstanden als dasselbe Bild in einem Abschnitt über „Uhrwerk-Vergleich." Die Platzierung Ihrer Bilder relativ zu Ihrem Text ist wichtig.

Bildunterschriften als Verstärkung. Bildunterschriften (das <figcaption>-Element) bieten eine zusätzliche Kontextebene, die sowohl Nutzer als auch KI-Systeme verwenden. Bildunterschriften werden von menschlichen Besuchern mit einer höheren Rate gelesen als Fließtext, und KI-Systeme behandeln sie als hochvertrauenswürdige Beschreibungen. Verwenden Sie Bildunterschriften, um Kontext hinzuzufügen, der Ihren Alt-Text ergänzt (nicht dupliziert).

Schema-Markup als strukturierte Daten. KI-Systeme, insbesondere Googles Gemini und AI Overview, können Schema.org-Markup parsen, um strukturierte Informationen über Bilder zu extrahieren. ImageObject, Product.image und andere Schema-Typen geben KI-Systemen maschinenlesbare Metadaten, die über das hinausgehen, was Alt-Text bietet — einschließlich Lizenzierung, Erstellungsdatum, Ersteller-Informationen und Bildabmessungen.

<!-- KI-optimierte Bildimplementierung -->
<figure>
  <picture>
    <source type="image/avif" srcset="seo-audit-results.avif">
    <source type="image/webp" srcset="seo-audit-results.webp">
    <img
      src="seo-audit-results.jpg"
      alt="SEO-Audit-Dashboard zeigt Gesamtwert von 92 mit Aufschlüsselung: Technisches SEO 95, Content 88, Backlinks 91"
      width="1200"
      height="675"
      loading="lazy"
    >
  </picture>
  <figcaption>
    SEO-Audit-Ergebnisse für example.com nach Implementierung der Bildoptimierungsempfehlungen.
    Wert verbessert von 67 auf 92 in 4 Wochen.
  </figcaption>
</figure>

Häufige Bilder-SEO-Fehler

Die meisten Websites machen mindestens drei dieser Fehler. Jeder einzelne kostet Sie still und leise Traffic, Rankings und KI-Sichtbarkeit. Hier sind die schädlichsten Bilder-SEO-Fehler und wie Sie sie beheben:

• Alt-Text komplett fehlt. Das alt-Attribut wird im <img>-Tag weggelassen. Dies ist sowohl ein Barrierefreiheitsverstoß als auch ein SEO-Fehler. Lösung: Fügen Sie beschreibenden Alt-Text zu jedem Inhaltsbild hinzu. Verwenden Sie alt="" nur für wirklich dekorative Bilder.
• Keyword-gestopfter Alt-Text. Alt-Text wie alt="günstig uhren kaufen uhren online beste uhren Tissot uhren rabatt uhren" schreiben. Das ist Spam, unbrauchbar für die Barrierefreiheit und kann Google-Strafen auslösen. Lösung: Schreiben Sie natürlichen, beschreibenden Alt-Text, der Ihr primäres Keyword einmal natürlich enthält.
• Unkomprimierte Bilder bereitstellen. Bilder direkt von einer Kamera oder einem Design-Tool ohne Komprimierung hochladen. Ein einzelnes unkomprimiertes Foto kann 5-15 MB groß sein, während das komprimierte WebP-Äquivalent 100-200 KB wäre. Lösung: Führen Sie jedes Bild vor dem Upload durch Squoosh oder ShortPixel. Zielen Sie auf unter 100 KB pro Bild für die meisten Anwendungsfälle.
• Nur JPEG und PNG verwenden. Keine modernen Formate wie WebP oder AVIF bereitstellen. Moderne Formate bieten 25-50% kleinere Dateigrößen bei gleicher Qualität. Lösung: Konvertieren Sie alle Bilder zu WebP. Verwenden Sie das <picture>-Element, um AVIF wo unterstützt mit WebP-Fallback bereitzustellen.
• Das LCP-Bild lazy laden. loading="lazy" auf das Hero-Bild oder das größte Above-the-Fold-Bild anwenden. Dies verzögert den Largest Contentful Paint und verschlechtert direkt Ihren Core Web Vitals-Wert. Lösung: Laden Sie niemals das erste sichtbare Bild lazy. Verwenden Sie stattdessen fetchpriority="high" bei Hero-Bildern.
• Fehlende width- und height-Attribute. Keine Bildabmessungen in HTML angeben, was zu Layout-Verschiebungen beim Bildladen führt. Dies erhöht Ihren CLS-Wert (Cumulative Layout Shift). Lösung: Fügen Sie immer width- und height-Attribute ein, die den intrinsischen Abmessungen des Bildes entsprechen.
• Generische Dateinamen. Kamera-generierte Namen wie IMG_4521.jpg oder DSC_0032.jpg verwenden. Diese bieten null SEO-Wert. Lösung: Benennen Sie jedes Bild vor dem Upload mit beschreibenden, bindestrich-getrennten Keywords um.
• Gleicher Alt-Text für jedes Bild. Identischen Alt-Text über mehrere Bilder auf derselben Seite duplizieren. Das sieht für Suchmaschinen nach Spam aus und liefert keinen zusätzlichen Kontext. Lösung: Schreiben Sie einzigartigen Alt-Text für jedes Bild, der genau beschreibt, was dieses spezifische Bild zeigt.
• Keine Bild-Sitemap. Bilder nicht in Ihre XML-Sitemap aufnehmen, was Googles Fähigkeit reduziert, sie zu entdecken und zu indexieren. Lösung: Fügen Sie Bildeinträge zu Ihrer bestehenden Sitemap hinzu oder erstellen Sie eine dedizierte Bild-Sitemap mit dem <image:image>-Tag.
• Bilder in robots.txt blockieren. Versehentlich Bildverzeichnisse oder Bild-CDN-Domains in robots.txt sperren. Wenn Google Ihre Bilder nicht crawlen kann, können sie nicht in Google Bilder-Ergebnissen erscheinen. Lösung: Überprüfen Sie Ihre robots.txt, um sicherzustellen, dass Bildverzeichnisse und CDN-Domains nicht blockiert sind.

Häufig gestellte Fragen

Wichtigste Erkenntnisse

1. Alt-Text ist das wirkungsvollste Bilder-SEO-Element. Schreiben Sie beschreibenden, keyword-inklusiven Alt-Text (5-15 Wörter) für jedes Inhaltsbild. Verwenden Sie leeres alt="" für dekorative Bilder. Lassen Sie das Alt-Attribut niemals komplett fehlen.
2. Dateinamen sind wichtiger als Sie denken. Benennen Sie jedes Bild vor dem Upload mit beschreibenden, bindestrich-getrennten Keywords um. tissot-prx-blue-dial-40mm.webp ist unendlich besser als IMG_4521.jpg.
3. WebP ist das Standardformat für 2026. Konvertieren Sie alle Bilder zu WebP. Verwenden Sie das <picture>-Element, um AVIF als progressive Verbesserung bereitzustellen. Zielen Sie auf unter 100 KB pro Bild für die meisten Anwendungsfälle.
4. Komprimierung ist der größte Seitengeschwindigkeitsgewinn. Verlustbehaftete Komprimierung bei 80% Qualität reduziert Dateigrößen um 70-80% ohne sichtbaren Qualitätsverlust. Verwenden Sie Squoosh, ShortPixel oder automatisierte Pipelines, um jedes Bild zu komprimieren.
5. Technische Implementierung ist wichtig. Fügen Sie immer width- und height-Attribute ein, um CLS zu verhindern. Verwenden Sie loading="lazy" für Bilder unterhalb des sichtbaren Bereichs und fetchpriority="high" für Hero-Bilder. Implementieren Sie srcset für responsive Bereitstellung.
6. Bild-Schema ermöglicht Rich Results. Verwenden Sie ImageObject-Schema für eigenständige Bilder und Product.image für E-Commerce. Fügen Sie mehrere Bildwinkel im Produkt-Schema für maximale Sichtbarkeit hinzu.
7. KI-Systeme sind auf Ihre Bild-Metadaten angewiesen. Alt-Text, Bildunterschriften, Dateinamen und Schema-Markup sind die Art, wie multimodale KI-Modelle Ihre Bilder verstehen. Optimieren Sie diese und Ihr Inhalt wird für jede KI-Suchplattform wertvoller. Verwenden Sie seoscore.tools, um Ihr Bilder-SEO über all diese Dimensionen zu prüfen.