SEO für Bilder & visuelle Inhalte

Bild-SEO bezeichnet alle Maßnahmen zur Optimierung von Bildern und visuellen Inhalten für Suchmaschinen – mit dem Ziel, über die Google-Bildersuche Traffic zu generieren, die Seitenperformance zu verbessern und Inhalte für Screenreader und Barrierefreiheit zugänglich zu machen.

Was ist Bild-SEO?

Google Bilder ist nach Google-Suche die zweitgrößte Suchmaschine weltweit – ein oft unterschätzter Traffic-Kanal. Darüber hinaus beeinflussen Bilder die Seitengeschwindigkeit erheblich: Unkomprimierte Bilder sind häufig der größte Performance-Killer und wirken sich direkt auf die Core Web Vitals (insbesondere LCP) aus.

Bild-SEO umfasst sowohl technische Maßnahmen (Dateiformat, Komprimierung, Lazy Loading) als auch inhaltliche Optimierungen (Dateiname, Alt-Text, umgebender Text), die Google helfen, Bildinhalt zu verstehen.

Erklärung

Alt-Text (Alternativtext)

Der Alt-Text (alt-Attribut im <img>-Tag) ist das wichtigste SEO-Signal für Bilder. Er:

• Beschreibt das Bild für Google's Bild-Crawler
• Wird von Screenreadern vorgelesen (Barrierefreiheit)
• Erscheint, wenn das Bild nicht geladen werden kann

Best Practices:

• Konkret und beschreibend: „Rotes Mountainbike auf Gebirgsweg im Allgäu" statt „Fahrrad"
• Keyword einbauen, aber natürlich: „SEO-Analyse mit Semrush Dashboard" statt Keyword-Stuffing
• Maximale Länge: ~125 Zeichen
• Dekorative Bilder: Leeres alt-Attribut (alt="") – kein Alt-Text ist besser als ein irrelevanter

Dateiname

Der Dateiname wird von Google als Kontextsignal gewertet. Statt IMG_20240115_093042.jpg besser: mountainbike-allgaeu-tour.jpg.

Regeln:

• Bindestriche als Trennzeichen (nicht Unterstriche)
• Relevante Keywords einfließen lassen
• Keine langen, generischen Namen wie image1.jpg

Bilddateiformate im Vergleich

JPEG: Standard für Fotos, gute Komprimierung, keine Transparenz PNG: Verlustfreie Komprimierung, Transparenz unterstützt, größere Dateien WebP: Googles modernes Format – 25–35% kleiner als JPEG bei gleicher Qualität, Transparenz möglich. Browser-Unterstützung: 97%+ (caniuse.com, 2024) AVIF: Noch neueres Format, noch bessere Komprimierung als WebP, aber geringere Browser-Unterstützung SVG: Vektorgrafiken, ideal für Logos und Illustrationen – skalierbar ohne Qualitätsverlust

Empfehlung: WebP für alle Fotos und Rasterbilder; SVG für Logos, Icons und Illustrationen.

Bildkomprimierung

Bilder sollten vor dem Upload komprimiert werden, ohne sichtbare Qualitätseinbußen:

• Verlustbehaftete Komprimierung: Für Fotos (JPEG, WebP) – Qualität 70–85% ist meist ausreichend
• Verlustfreie Komprimierung: Für Screenshots, Grafiken (PNG, WebP lossless)

Tools: Squoosh (kostenlos, browser-basiert), TinyPNG, ShortPixel (WordPress-Plugin), Cloudinary

Bildabmessungen und Responsive Images

Bilder sollten nie größer als nötig ausgeliefert werden. Das srcset-Attribut ermöglicht es, verschiedene Bildgrößen für verschiedene Displayauflösungen bereitzustellen:

``html <img src="bild-800.webp" srcset="bild-400.webp 400w, bild-800.webp 800w, bild-1200.webp 1200w" sizes="(max-width: 600px) 400px, 800px" alt="Beschreibung des Bildes" loading="lazy" > ``

Lazy Loading

Bilder außerhalb des sichtbaren Bereichs (Below the Fold) sollten erst geladen werden, wenn der Nutzer dorthin scrollt. Das native HTML-Attribut loading="lazy" wird von allen modernen Browsern unterstützt und verbessert die Ladezeit erheblich.

Achtung: Das Bild im LCP-Bereich (meist das Hero-Bild) sollte nicht lazy-geladen werden, da dies den LCP-Wert verschlechtert.

Google Bilder-Suche und Bildlizenzen

Seit 2020 kann Google Bildlizenzen in den Suchergebnissen anzeigen. Das imageObject-Schema Markup mit license-Feld und der IPTC-Standard für Metadaten ermöglichen eine korrekte Lizenzierung.

Strukturierte Daten für Bilder

ImageObject-Schema Markup ermöglicht es, Bilder mit zusätzlichen Metadaten anzureichern: ``json { "@type": "ImageObject", "url": "https://example.com/bild.webp", "caption": "Bildunterschrift", "creditText": "Foto: Max Muster", "license": "https://creativecommons.org/licenses/by/4.0/" } ``

Beispiele

E-Commerce-Produktbilder: Ein Shop optimiert seine 5.000 Produktbilder von durchschnittlich 800 KB auf 120 KB (WebP). Das Ergebnis: Ladezeit halbiert, LCP-Wert verbessert, Google Bilder-Traffic steigt durch korrekte Alt-Texte um 30%.

Rezept-Blog: Alt-Texte wie „Spaghetti Carbonara mit Parmesan und Guanciale, Nahaufnahme" bringen Bildtraffic aus Google Bilder. Das Recipe-Schema Markup mit Bild führt dazu, dass das Bild im Rich Result erscheint.

Infografiken mit Verlinkungseffekt: Qualitative Infografiken, die kostenlos zur Nutzung freigegeben werden (mit Quellenangabe), generieren natürliche Backlinks – ein indirekter SEO-Effekt von Bild-Content.

In der Praxis

Bild-SEO-Checkliste für neue Uploads

1. Dateiformat: WebP oder JPEG (Fotos), SVG (Logos/Icons), PNG (Screenshots mit Text)
2. Dateiname: Beschreibend mit Keyword, Bindestriche als Trennzeichen
3. Komprimierung: Unter 100 KB für Content-Bilder, unter 50 KB für Thumbnails
4. Alt-Text: Konkret, beschreibend, Keyword organisch eingebaut
5. loading="lazy" für Below-the-Fold-Bilder
6. width und height Attribute setzen (verhindert Layout Shift = CLS)

Sitemap für Bilder

Eine dedizierte Bild-Sitemap oder Bild-Einträge in der regulären XML-Sitemap helfen Google, Bilder zu entdecken, die im JavaScript oder in Lazy-Load-Elementen versteckt sind.

Vergleich & Abgrenzung

Häufige Fragen (FAQ)

Wie wichtig ist Bild-SEO im Vergleich zu Text-SEO? Bild-SEO ist ein eigenständiger Traffic-Kanal (Google Bilder) und beeinflusst die Performance (Core Web Vitals). Für visuelle Branchen (Mode, Food, Reise) kann Bild-Traffic erheblich sein.

Soll ich den Alt-Text mit Keywords füllen? Nein. Der Alt-Text soll das Bild präzise beschreiben. Ein relevantes Keyword kann eingebaut werden, wenn es natürlich passt – aber Keyword-Stuffing im Alt-Text ist ein Spam-Signal.

Muss ich alle Bilder auf meiner Website mit Alt-Text versehen? Alle inhaltlichen Bilder: Ja. Rein dekorative Bilder erhalten ein leeres alt-Attribut (alt=""), damit Screenreader sie überspringen.

Verbessert WebP wirklich das Ranking? WebP verbessert direkt die Ladezeit und damit die Core Web Vitals (insbesondere LCP), die ein Google-Rankingfaktor sind. Indirekt ja.

Verwandte Einträge

• Core Web Vitals (LCP, FID/INP, CLS)
• Technisches SEO
• Mobile SEO & Mobile-First Index
• Schema Markup & strukturierte Daten
• Video SEO (YouTube & Google)

Weiterführend

• Google Search Central: „Image SEO best practices" – developers.google.com/search/docs/appearance/google-images (2024)
• Google Squoosh Tool: squoosh.app
• Ahrefs Blog: „Image SEO: How to Optimize Your Images for Google" – ahrefs.com/blog/image-seo (2023)
• Semrush Blog: „Image Optimization for SEO" – semrush.com/blog/image-seo (2022)
• Web.dev: „Use modern image formats" – web.dev/uses-webp-images (2024)