html-einfach.de

SEO & KI · Onpage-SEO

Bild-SEO: Bilder suchmaschinenfreundlich einbinden

Von Zuletzt geändert am

Bilder sind Inhalt, kein Beiwerk. Sie können über die Bildersuche eigenen Traffic bringen, sie stützen die Relevanz der Seite – und falsch eingebunden bremsen sie Ladezeit und Ranking. Bild-SEO sorgt dafür, dass Suchmaschinen verstehen, was auf einem Bild zu sehen ist, und es zügig ausliefern können.

Dateiname und Format

Schon der Dateiname ist ein kleines Signal. barrierefreies-formular.webp sagt mehr als IMG_2931.png.

  • Sprechende Dateinamen mit Bindestrichen, kleingeschrieben.
  • Moderne Formate (WebP, AVIF) für deutlich kleinere Dateien bei gleicher Qualität – das zahlt direkt auf LCP ein.
  • Passende Maße: kein 4000-px-Foto, wo 800 px reichen.

Alt-Text: ein Text, zwei Aufgaben

Das alt-Attribut beschreibt den Bildinhalt – für blinde Nutzer und für Suchmaschinen, die das Bild nicht „sehen“ können. Wie du gute Alternativtexte formulierst, zeigt ausführlich die Seite Alt-Texte richtig schreiben. Fürs SEO gilt dieselbe Regel wie für die Barrierefreiheit: beschreiben, nicht vollstopfen.

<img
  src="/img/barrierefreies-formular.webp"
  alt="Formular mit sichtbaren Labels über jedem Eingabefeld"
  width="800"
  height="600"
  loading="lazy"
/>

Kontext und Bildunterschrift

Suchmaschinen werten den Text rund um ein Bild aus. Ein Bild im thematisch passenden Abschnitt wird besser verstanden als eins im Niemandsland. Eine sichtbare Bildunterschrift mit <figure> und <figcaption> verstärkt das – und Bildunterschriften werden überdurchschnittlich oft gelesen. 

<figure>
  <img src="/img/kontrast-pruefung.webp" alt="Kontrast-Prüfung zweier Farbpaare" width="800" height="450" />
  <figcaption>Das linke Paar besteht die WCAG-Anforderung, das rechte nicht.</figcaption>
</figure>

Randnotiz – feste Maße gegen Layout-Sprünge. Immer width und height (oder ein aspect-ratio per CSS) setzen. Dann reserviert der Browser den Platz, bevor das Bild geladen ist, und nichts springt. Das verbessert CLS und damit ein echtes Rankingsignal.

Technik, die hilft

  • loading="lazy" für Bilder unterhalb des sichtbaren Bereichs.
  • srcset für verschiedene Bildschirmgrößen, damit kleine Geräte kleine Dateien bekommen.
  • In die Sitemap aufnehmen, wenn Bilder eine wichtige Rolle spielen (siehe robots.txt & Sitemaps).
  • ImageObject als strukturierte Daten, wo Bilder zentral sind (Rezepte, Produkte).

Häufige Fehler

  • Nichtssagende Dateinamen wie image1.jpg.
  • Alt-Text mit Keywords vollgestopft statt den Inhalt zu beschreiben.
  • Riesige Originaldateien ohne Komprimierung oder Skalierung.
  • width/height weggelassen – Layout-Sprünge und schlechtere Werte.
  • Text als Bild, der dadurch unsuchbar und schlecht zugänglich wird.

Häufige Fragen

Hilft mir Bild-SEO ohne eigene Bildersuche-Strategie?

Ja. Auch ohne gezielte Bildersuche stützen gut beschriebene, schnelle Bilder die Relevanz und die Performance der ganzen Seite.

Soll ich Keywords in den Alt-Text packen?

Nur, wenn sie den Inhalt korrekt beschreiben. Der Alt-Text ist zuerst für Menschen da; ein passender Begriff darf vorkommen, Stuffing schadet.

WebP oder AVIF?

AVIF komprimiert meist noch besser, WebP ist breiter unterstützt. Beide sind gute Wahl; im Zweifel WebP mit AVIF als Ergänzung.

Fazit

Bild-SEO ist die Summe vieler kleiner Dinge: sprechender Dateiname, schlankes Format, beschreibender Alt-Text, thematischer Kontext mit Bildunterschrift und feste Maße gegen Layout-Sprünge. So werden Bilder gefunden, verstanden und schnell ausgeliefert – ein Gewinn für Sichtbarkeit, Performance und Barrierefreiheit zugleich.