Bilder-SEO: Bilder für Suchmaschinen optimieren

Was ist Bilder-SEO?

Bilder-SEO umfasst alle Techniken, die die Sichtbarkeit deiner Bilder in den Suchergebnissen erhöhen und ihre Ladezeit verbessern. Dazu gehören technische Aspekte wie Dateiformate und Kompression ebenso wie inhaltliche Faktoren wie Alt-Texte und die Einbettung in den Seitenkontext.

Bilder sind längst mehr als Dekoration. Suchmaschinen bieten mit Google Bilder eine eigene visuelle Suche, und über Google Discover erreichen ansprechende Bilder zusätzliche Nutzer. Eine durchdachte Bildoptimierung verbessert deshalb nicht nur Rankings, sondern auch die allgemeine Performance und Barrierefreiheit deiner Website – ein wichtiger Baustein neben Content, der rankt.

Wie Suchmaschinen Bilder finden und verstehen

Anders als bei Text brauchen Suchmaschinen zusätzliche Signale, um Inhalt und Kontext eines Bildes zu erfassen. Die Grundlage ist die richtige technische Einbettung.

Bilder korrekt einbetten

Crawler erkennen Bilder am besten über das Standard-HTML-Element <img> mit dem src-Attribut. Bilder, die nur per CSS als Hintergrund (background-image) eingebunden sind, werden in der Regel nicht indexiert und erscheinen nicht in der Bildersuche.

Aussagekräftige Dateinamen

Der Dateiname ist eines der ersten Signale zum Bildinhalt. Generische Namen wie IMG_0451.jpg helfen nicht. Wähle stattdessen kurze, beschreibende Namen mit relevanten Begriffen – ohne zu übertreiben:

• Gut: schwarzes-kätzchen-spielt.jpg
• Weniger gut: IMG_0451.jpg
• Schlecht (Keyword-Stuffing): katze-kätzchen-babykatze-schwarz-spielen-katzenfutter.jpg

Alt-Text: das wichtigste Attribut

Der Alt-Text im alt-Attribut erfüllt zwei Funktionen. Primär dient er der Barrierefreiheit: Er beschreibt das Bild für Menschen, die es nicht sehen können – etwa über einen Screenreader. Für Suchmaschinen ist er zugleich ein wichtiges Signal, um das Thema des Bildes zu verstehen.

So schreibst du guten Alt-Text:

• Sei beschreibend und spezifisch – benenne, was zu sehen ist.
• Halte es kurz, aber informativ; ein oder zwei prägnante Sätze reichen meist.
• Integriere relevante Keywords natürlich, ohne Keyword-Stuffing.
• Vermeide Floskeln wie „Bild von …“ – der Kontext ist ohnehin klar.

Ein Beispiel: alt="Dalmatiner-Welpe spielt Apportieren im Garten" ist deutlich stärker als ein leeres oder überladenes Attribut.

Kontext und Image Sitemaps

Auch der umgebende Text zählt: Bildunterschriften (<figcaption>) und der Fließtext liefern Suchmaschinen Kontext. Platziere Bilder deshalb in der Nähe thematisch passender Inhalte. Für schwer auffindbare Bilder – etwa per JavaScript geladene – kann eine Image Sitemap helfen, die Suchmaschinen gezielt auf deine Bilder hinweist und Zusatzinfos wie Beschreibung oder Lizenz mitgibt. Mehr zu Sitemaps allgemein findest du unter XML-Sitemaps.

Technische Optimierung: Leistung und Qualität

Große, unoptimierte Bilder sind einer der häufigsten Gründe für langsame Ladezeiten – und Ladezeit ist als Teil der Core Web Vitals ein Ranking-Faktor.

Das richtige Dateiformat

Google indexiert unter anderem JPEG, PNG, WebP, GIF, SVG und AVIF. Die Wahl entscheidet über Qualität und Dateigröße:

• WebP und AVIF bieten die beste Balance aus Qualität und Größe. WebP ist wegen breiterer Kompatibilität oft die sicherere Wahl.
• JPEG bleibt eine gute Option für Fotos, wenn moderne Formate nicht möglich sind.
• PNG eignet sich für Transparenz und detailtreue Grafiken wie Screenshots mit Text.
• SVG ist ideal für Logos und Icons, weil es ohne Qualitätsverlust skaliert.

Über das <picture>-Element kannst du moderne Formate anbieten und ältere als Fallback bereitstellen.

Kompression und Bildgröße

Komprimiere Bilder immer, um die Dateigröße zu minimieren, ohne die sichtbare Qualität zu stark zu senken. Werkzeuge wie TinyPNG, ShortPixel oder Squoosh helfen dabei – oft sind leichte Qualitätsverluste kaum wahrnehmbar, während die Einsparung erheblich ist.

Lade Bilder außerdem nicht größer hoch, als sie dargestellt werden. Ein 3000 Pixel breites Bild in einem 800-Pixel-Bereich verschwendet Bandbreite. Gib zudem width und height an, damit der Browser den Platz reserviert und Layout-Sprünge (Cumulative Layout Shift, CLS) vermeidet.

Responsive Bilder

Nutzer greifen mit Geräten unterschiedlichster Bildschirmgrößen zu. Über die Attribute srcset und sizes lieferst du für jedes Gerät eine optimal dimensionierte Version aus. Das spart Bandbreite und beschleunigt vor allem mobile Ladezeiten. Moderne CMS wie WordPress erzeugen verschiedene Bildgrößen oft automatisch.

Bilder in den Seitenkontext integrieren

Technik allein reicht nicht – der Kontext entscheidet über das Ranking mit.

Seiten-Titel und Meta-Beschreibung

Google generiert Titel und Snippet für die Bildersuche auch aus dem title-Tag und der Meta-Beschreibung der Seite. Eine klare Seitenbeschreibung hilft, den Kontext der Bilder zu verstehen.

Strukturierte Daten für Rich Results

Mit strukturierten Daten (Schema Markup) lieferst du Suchmaschinen detaillierte Informationen in standardisiertem Format. Für passende Schema-Typen wie Product, Recipe oder Article kann Google Rich Results mit Badges oder Zusatzinfos in der Bildersuche anzeigen. Wichtig ist, das image-Attribut korrekt auszufüllen – idealerweise in mehreren Seitenverhältnissen.

Fortgeschrittene Techniken

Lazy Loading

Beim Lazy Loading werden Bilder erst geladen, wenn sie kurz vor dem sichtbaren Bereich stehen. Das beschleunigt die initiale Ladezeit. Die einfachste Umsetzung ist das Attribut loading="lazy". Wichtig: Bilder „above the fold“ – direkt im ersten sichtbaren Bereich – solltest du nicht per Lazy Loading laden, da dies den Largest Contentful Paint (LCP) verschlechtert. Für diese wichtigen Bilder eignet sich fetchpriority="high".

Browser-Caching und CDNs

Über HTTP-Header wie Cache-Control speichert der Browser Bilder lokal, sodass wiederholte Besuche schneller laden. Ein Content Delivery Network (CDN) liefert Bilder zusätzlich von einem geografisch nahen Server aus, reduziert Latenz und entlastet deinen Hauptserver. Viele CDNs konvertieren Bilder automatisch in moderne Formate.

Einzigartige Bilder statt Stockfotos

Selbst erstellte Bilder bieten oft mehr Mehrwert als Stockfotos. Sie heben dich von der Konkurrenz ab, wirken authentischer und können als originärer Content gewertet werden. Für Google Discover empfiehlt Google Bilder mit mindestens 1200 Pixeln Breite und das Meta-Tag max-image-preview:large.

Urheberrecht beachten

Nutze nur eigene Bilder oder solche mit gültiger Lizenz. Die Verwendung ohne Lizenz kann zu Abmahnungen führen. Im Zweifel helfen Quellen mit eindeutigen Creative-Commons-Lizenzen.

Fazit

Bilder-SEO ist weit mehr als das Ausfüllen von Alt-Texten. Es ist das Zusammenspiel aus technischer Optimierung, kontextueller Einbettung und hochwertigen, relevanten Bildern. Wer beschreibende Dateinamen und Alt-Texte nutzt, das passende Format wählt, Bilder komprimiert und responsive ausliefert sowie strukturierte Daten und Lazy Loading einsetzt, verbessert Ladezeiten, Barrierefreiheit und Sichtbarkeit zugleich – und schöpft das volle Potenzial visueller Inhalte aus.