English
Überschriften, Bilder & Medien

Bild-SEO

Auch genannt: Bildoptimierung, Bilder-SEO

Bild-SEO (Bildoptimierung) bezeichnet alle Maßnahmen, mit denen Bilder in der Google-Suche und der Google-Bildersuche gefunden werden und die Ladezeit der Seite nicht belasten. Dazu gehören Alt-Text, Dateiname, Bildformat, die Einbindung im HTML und das Umfeld des Bildes auf der Seite.

Was empfiehlt Google?

  • Alt-Text: Er beschreibt das Bild kurz und wird von Google zusammen mit Computer Vision genutzt, um das Thema zu verstehen. Google warnt davor, das Attribut mit Keywords zu überladen. Dient ein Bild als Link, ersetzt der Alt-Text den Ankertext.
  • Dateiname: Kurz und aussagekräftig, etwa schwarzes-kaetzchen.jpg. Namen wie image1.jpg helfen nicht.
  • Formate: Google unterstützt BMP, GIF, JPEG, PNG, WebP, SVG und AVIF. Die Dateiendung muss zum Format passen.
  • HTML: Bilder sollen als <img>-Element eingebunden sein und nicht als CSS-Hintergrund. Für unterschiedliche Bildschirme gibt es srcset und <picture>, jeweils mit src als Fallback.
  • Umfeld: Bilder gehören nah an den passenden Text. Seitentitel und Beschreibung liefern zusätzlichen Kontext.
  • Bildsitemap: Sie hilft bei Bildern, die schwer zu crawlen sind.
  • Bevorzugtes Bild: Mit og:image oder strukturierten Daten lässt sich ein Bild für die Seite angeben.

Ladezeit

Große Bilder verlängern die Ladezeit. Google rät, qualitativ gute, aber effizient komprimierte Bilder zu verwenden und die Seite mit PageSpeed Insights zu prüfen. Konkrete Dateigrößen nennt Google nicht.

Beispiel

HTML
<picture>
  <source srcset="kaetzchen.avif" type="image/avif">
  <img src="kaetzchen.jpg" alt="Schwarzes Kätzchen auf einem Sofa"
       width="800" height="533" loading="lazy">
</picture>

Häufige Fehler

  • Alt-Text mit aneinandergereihten Keywords
  • wichtige Bilder nur als CSS-Hintergrund
  • kein src-Fallback bei srcset
  • Dateinamen aus der Kamera oder dem Stockfoto-Portal
  • fehlender Alt-Text bei Bildern, die Inhalt tragen

Checkliste

  • Jedes inhaltlich wichtige Bild ist als <img>-Element mit src eingebunden (Google indexiert keine CSS-Hintergrundbilder).
  • Der Alt-Text beschreibt das Bild kurz und enthält keine Keyword-Listen.
  • Der Dateiname ist kurz und beschreibend, zum Beispiel schwarzes-kaetzchen.jpg.
  • Das Format gehört zu BMP, GIF, JPEG, PNG, WebP, SVG oder AVIF, und die Dateiendung passt zum Format.
  • Bei srcset oder <picture> ist ein src als Fallback gesetzt.
  • Das Bild steht nah am passenden Text, Seitentitel und Beschreibung stützen das Thema.
  • Für Bilder, die Google schwer finden kann, ist eine Bildsitemap angelegt.
  • width und height sind angegeben, damit der Browser Platz reserviert (web.dev, Layout-Verschiebungen vermeiden).
  • Das Dateigewicht ist geprüft. Google nennt keine Zielgröße, Praxiserfahrung: Bilder nicht größer ausliefern, als sie dargestellt werden.

Häufige Fragen

Wie lang darf ein Alt-Text sein? Google nennt keine Zeichenzahl. Er soll aussagekräftig und kurz sein.

Quellen

  1. Bewährte Methoden für Google Bilder – Google Search Centraldevelopers.google.com
  2. Optimize Cumulative Layout Shift – web.devweb.dev

Stand: