Bild-SEO-Guide: Alt Text, Geschwindigkeit und Indexierung

Zuletzt aktualisiert: June 28, 2026

Image SEO ist kein Trick, um Keywords in Dateinamen zu stopfen. Es ist die praktische Arbeit, wichtige Bilder findbar, verständlich, schnell und nützlich auf der Seite zu machen, auf der sie erscheinen.

Dieser Leitfaden behandelt den Arbeitsablauf, den ich für eine Produktgalerie, einen redaktionellen Artikel, eine lokale Dienstleistungsseite oder eine bildlastige Landingpage verwenden würde, bevor man fragt, ob die Bilder in Google Images ranken können.

Kurzantwort: Was ist am wichtigsten für Image SEO?

Image SEO funktioniert, wenn das Bild gecrawlt werden kann, die Seite erklärt, was das Bild zeigt, und die Datei schnell genug geladen wird, dass Benutzer die Seite nicht verlassen. Beginnen Sie mit einer stabilen HTTPS-Bild-URL, einem beschreibenden Dateinamen, spezifischem Alt-Text, hilfreichem umgebendem Text und einer komprimierten WebP- oder AVIF-Version, die auf das Layout zugeschnitten ist.

Googles eigene image best practices betonen hochwertige Bilder, beschreibenden Text in der Nähe des Bildes, gute Seitentitel und gecrawlte URLs. Der Kontext der Seite ist genauso wichtig wie die Datei selbst.

Verwenden Sie diese Reihenfolge: zuerst Findbarkeit, dann Beschreibung, drittens Bereitstellung, zuletzt Messung. Wenn die Datei einen 404-Fehler zurückgibt, von robots.txt blockiert ist oder nur in clientseitigem Code erscheint, den Suchmaschinen nicht zuverlässig parsen können, wird Ihnen besserer Alt-Text dies nicht beheben.

Für einen breiteren Veröffentlichungsprozess nach der Image SEO Arbeit verwenden Sie die Complete Image Optimization Checklist. Wenn das unmittelbare Problem das Dateigewicht ist, erklärt der Image Compression Ratio Guide, wie man Einsparungen misst, ohne sichtbaren Schaden zu verbergen.

Wie versteht Google ein Bild?

Google kann die Bilddatei, den Seitentitel, Überschriften, sichtbaren Text, Bildunterschriften, strukturierte Daten und Links nutzen, um zu verstehen, was ein Bild darstellt. Ein Foto eines blauen Laufschuhs auf einer leeren Seite ist schwächer als dasselbe Foto innerhalb einer Produktseite mit einem klaren Titel, Modellnamen, Farbauswahl, Größenauswahl und beschreibendem Alt-Text.

Die Entdeckung (Discovery) ist das erste Tor. Die Bild-URL sollte einen HTTP 200 zurückgeben, ein gecrawlbares Format verwenden und nach der Veröffentlichung stabil bleiben. Vermeiden Sie temporäre signierte URLs für öffentliche Artikelbilder, es sei denn, die endgültige gerenderte URL ist öffentlich und indexierbar.

Verwenden Sie diese schnelle Crawlability-Checkliste:

1. Die endgültige Bild-URL gibt HTTP 200 ohne Authentifizierung zurück.
2. Die Seiten-URL ist indexierbar und nicht durch noindex blockiert.
3. Das Bild ist nicht durch robots.txt blockiert.
4. Das Bild erscheint in normalem HTML oder einem vorhersagbaren gerenderten Markup.
5. Die Seite enthält Text, der erklärt, warum das Bild wichtig ist.
6. Die Bilddatei ist stabil genug, um gecacht und erneut gecrawlt zu werden.

Ein Bild-Sitemap kann die Entdeckung für große Galerien unterstützen, ersetzt aber nicht die Seitenqualität. Google dokumentiert die Unterstützung von Image Sitemaps in seiner sitemap image extension guidance. Verwenden Sie sie, wenn Bilder wichtigen Inhalt und nicht nur dekoratives Seitenelement sind.

Was sollte Alt-Text enthalten?

Alt-Text sollte das sichtbare Motiv und die Funktion des Bildes für die Seite beschreiben. Schreiben Sie ihn für eine Person, die das Bild nicht sehen kann, und prüfen Sie dann, ob die Beschreibung auch Suchmaschinen einen klaren Kontext gibt.

Guter Alt-Text ist spezifisch, kurz genug zum Überfliegen und frei von Keyword Stuffing. Er sollte nicht den Artikeltitel bei jedem Bild wiederholen. Er sollte keine dekorativen Formen beschreiben, die keinen Informationsgehalt tragen. Wenn das Bild ein Diagramm ist, fassen Sie den Punkt des Diagramms zusammen, anstatt „Diagramm“ zu schreiben.

Verwenden Sie diesen Alt-Text-Pass vor der Veröffentlichung:

1. Nennen Sie zuerst das sichtbare Motiv.
2. Fügen Sie das Detail hinzu, das auf dieser Seite wichtig ist.
3. Behalten Sie Branding nur bei Sichtbarkeit oder Nutzen.
4. Überspringen Sie Phrasen wie „Bild von“, es sei denn, dies ist für die Klarheit notwendig.
5. Stopfen Sie nicht mehrere Keyword-Varianten in ein Attribut.
6. Verwenden Sie leeren Alt-Text nur für wirklich dekorative Bilder.

Für den Barrierefreiheitskontext erklärt MDN's img element reference, wie alt verwendet wird, wenn Bilder nicht geladen oder gesehen werden können. Betrachten Sie dies als Basislinie und fügen Sie dann seitenbezogenen Kontext hinzu, wenn das Bild einen sinnvollen Inhalt darstellt.

Welches Format und welche Größe sollten Sie verwenden?

Für die meisten öffentlichen Webbilder exportieren Sie eine moderne Lieferkopie, nachdem Sie das Master-Bild an den tatsächlichen Anzeigebedarf angepasst haben. WebP ist ein sicherer Standard für breite Unterstützung. AVIF kann bei vielen Fotos kleiner sein, aber die Kodierung ist langsamer und das Artefaktverhalten unterscheidet sich. Bewahren Sie immer separat ein Quell-Master auf, insbesondere für Produktfotos und redaktionelle Fotografie.

Der Fehler, den ich am häufigsten sehe, ist das Komprimieren eines 4000 px Uploads und dann die Anzeige bei 900 px. Zuerst skalieren, dann komprimieren. Eine kleinere Qualitätseinstellung kann überdimensionierte Abmessungen nicht vollständig rückgängig machen.

Ich habe das Diagrammbild in diesem Artikel bei 1400 x 788 generiert und es als WebP mit Qualität 82 exportiert. Die lokale Ausgabe betrug 22 KB für das Skalierungsdiagramm und 42 KB für die Abdeckung. Das sind kleine Werte, da die Grafiken flache Farben und Text verwenden. Ein echtes Foto mit denselben Dimensionen kann viel größer sein, also messen Sie Ihre eigenen Assets anstatt einen festen Byte-Zielwert zu kopieren.

Für Format-Abwägungen vergleichen Sie AVIF vs WebP. Wenn Sie die Abmessungen vor dem Export bestätigen müssen, verwenden Sie Check Image Size and Dimensions.

Wie wirken sich responsive Bilder auf SEO aus?

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

Die Seite sollte Platz reservieren, bevor die Bilder geladen werden. Setzen Sie Breite- und Höhenattribute oder verwenden Sie CSS Aspect Ratio Regeln, damit der Inhalt nicht springt, während der Browser die Datei abruft. Google dokumentiert Cumulative Layout Shift als Teil seiner Core Web Vitals guidance, und Bilder ohne Dimensionen sind eine häufig vermeidbare Ursache.

Verwenden Sie dieses Markup-Muster, wenn Sie responsive Ableitungen haben:

<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"
>

Laden Sie das wichtigste Above-the-Fold-Bild nicht aus Gewohnheit lazy. Hero-Bilder, primäre Produktfotos und führende redaktionelle Bilder benötigen oft normale Priorität. Below-the-Fold Galeriebilder sind bessere Kandidaten für Lazy Loading.

Für die Massengenerierung von Ableitungen liefert der Batch Resize Guide einen Command-Line-Workflow. Für geräte-spezifische Bildentscheidungen kombinieren Sie diesen Leitfaden mit Mobile Image Optimization.

Soll man Image Sitemaps und strukturierte Daten verwenden?

Verwenden Sie Image Sitemaps, wenn Bilder wichtiger Inhalt und nicht nur dekorative Unterstützung sind. Sie sind besonders nützlich für Produktkataloge, Rezepte, Galerien und redaktionelle Archive, bei denen viele Bild-URLs eine zuverlässige Entdeckung benötigen.

Strukturierte Daten können auch helfen, wenn der Seitentyp dies unterstützt. Produkt-, Rezept-, Artikel- und Videoseiten enthalten oft Bildeigenschaften im Schema Markup. Das Schema sollte mit dem sichtbaren Seiteninhalt übereinstimmen; markieren Sie kein Bild, das Benutzer nicht sehen können.

Werden Bilder generiert oder stark bearbeitet, halten Sie den Seitenkontext ehrlich. Lassen Sie kein poliertes Bild vermuten, dass es einen Nachweis für ein Produkt, eine Immobilie oder ein Ergebnis gibt, das die Seite nicht unterstützen kann.

Wie misst man Image SEO nach der Veröffentlichung?

Die Messung sollte die Bild-Entdeckung von der Seitengeschwindigkeit trennen. Search Console kann die Leistung der Bildsuche anzeigen, indem Sie den Suchergebnissebericht auf den Typ "Bildsuche" filtern. Core Web Vitals und Lighthouse können zeigen, ob Bilder das Ladeerlebnis beeinträchtigen.

Überprüfen Sie diese nach der Veröffentlichung:

1. Wichtige CDN Bild-URLs geben HTTP 200 zurück.
2. Die gerenderte Seite enthält das endgültige Bild-Markup.
3. Search Console sammelt Impressionen für relevante Abfragen.
4. Largest Contentful Paint wird nicht von einem überdimensionierten Bild dominiert.
5. Es tritt kein Layout Shift auf, wenn Bilder geladen werden.
6. Der Alt-Text stimmt nach Bearbeitungen oder Ersatz immer noch mit dem sichtbaren Bild überein.
7. Interne Links führen zu nützlichen nächsten Schritten, nicht zu unzusammenhängenden Beiträgen.
8. Das Bild erscheint korrekt in Open Graph und Social Previews.

Erwarten Sie nicht, dass Image SEO eine dünne Seite repariert. Wenn der Artikel, die Produktseite oder die Galerie keinen nützlichen Text enthält, hat das Bild weniger Kontext, um zu ranken. Image SEO ist am stärksten, wenn das Bild dem Seiteninhalt wirklich hilft, die Abfrage zu beantworten.

Image SEO Checkliste

Verwenden Sie diesen letzten Durchgang für jedes Bild, das für den Suchmaschinen-Traffic, das Social Sharing oder die Conversion wichtig ist:

Der einfachste zuverlässige Arbeitsablauf ist immer noch der beste: verwenden Sie ein gecrawlbares Bild, beschreiben Sie es ehrlich, skalieren Sie es vor der Komprimierung, liefern Sie es von einem stabilen CDN und messen Sie die Seite, nachdem sie live geschaltet wurde.