Bilder ziehen Aufmerksamkeit an, brechen Textblöcke auf und transportieren Emotionen. In der Suchmaschinenoptimierung gehören sie aber auch zu den größten versteckten Chancen – und zu typischen Performance-Bremsen. Wer Bilder sauber optimiert, kann Rankings verbessern, die Ladezeit senken und zusätzlich Besucher:innen über die Google-Bildersuche gewinnen.
Dieser Leitfaden erklärt Schritt für Schritt, wie Dateinamen, Alt-Texte, Formate und Größen so gewählt werden, dass sie Nutzer:innen und Suchmaschinen helfen.
SEO-Bilder optimieren: Was Google bei Bildern wirklich braucht
Suchmaschinen können Bildinhalte nicht „sehen“, sie brauchen Signale aus dem Umfeld des Bildes. Für die Bild-SEO spielen vor allem diese Elemente eine Rolle:
- der Dateiname des Bildes
- der Alt-Text (Alternativtext für Screenreader und Fallback)
- der sichtbare Kontext (Überschriften, Fließtext, Bildunterschrift)
- technische Daten wie Format, Größe, Ladezeit
Gut optimierte Bilder zahlen gleichzeitig auf Nutzerfreundlichkeit ein: Sie laden schneller, sind barriereärmer und machen Inhalte leichter verständlich. Das wirkt sich indirekt positiv auf Rankings aus – ähnlich wie eine gute SEO-Textstruktur.
Wann sich Bild-SEO besonders lohnt
Bildoptimierung bringt vor allem dann viel, wenn …
- deine Inhalte stark visuell sind (Produktfotos, Anleitungen, Vorher-Nachher-Bilder).
- du viele wiederkehrende Motive hast (z. B. Shop-Kategorien, Blogserien).
- deine Seiten aktuell lange Ladezeiten durch große Bilddateien haben.
Bild-Dateinamen für SEO sinnvoll benennen
Der Dateiname ist eines der ersten Signale für Suchmaschinen. „IMG_1234.jpg“ sagt nichts aus, „kaffeevollautomat-test-2025.jpg“ dagegen schon sehr viel.
Gute und schlechte Beispiele für Bilddateinamen
| Schlechter Dateiname | Besserer Dateiname | Warum besser? |
|---|---|---|
| IMG_0012.jpg | kaffeevollautomat-siemens-modell-x.jpg | beschreibt Produkt und Marke, hilft Bild- und Seitenthema |
| bild-neu-final.png | seo-bilder-optimieren-beispiel-grafik.png | spiegelt Seitenthema wider, erhöht Relevanz |
| header.png | onlineshop-damen-sneaker-header.jpg | verknüpft Seitentyp (Onlineshop) und Produkt (Sneaker) |
Praxisregeln für Dateinamen
- Nutze kurze, beschreibende Begriffe, getrennt durch Bindestriche.
- Verzichte auf Umlaute und Sonderzeichen (ä → ae, ß → ss).
- Vermeide Keyword-Stuffing: „sneaker-schuhe-schuhe-schuhe.jpg“ wirkt unnatürlich.
- Benutze einheitliche Muster, z. B. „kategorie-marke-modell-farbe.jpg“ im Shop.
Alt-Text und Title-Attribut: Bilder verständlich beschreiben
Der Alt-Text (Alternativtext) beschreibt das Bild für Screenreader und wird angezeigt, wenn das Bild nicht geladen werden kann. Er ist zugleich ein wichtiges SEO-Signal. Das Title-Attribut ist optional und spielt für Rankings eine geringere Rolle.
Wie ein guter Alt-Text aussieht
Ein guter Alt-Text beschreibt kurz, was auf dem Bild zu sehen ist, und kann das Haupt-Keyword enthalten, wenn es natürlich passt.
- Schlecht: „Bild“, „Foto“, „Produktfoto“.
- Besser: „Barista bereitet Cappuccino an Siebträgermaschine zu“.
- Für Shops: „Schwarzer Leder-Rucksack mit Silber-Reißverschluss, Frontansicht“.
Übertreibungen wie „günstiger bester schwarzer leder-rucksack kaufen jetzt“ sind nicht sinnvoll. Kurz, sachlich, beschreibend – das passt am besten.
Wann Alt-Texte weggelassen werden können
Reine Deko-Elemente (z. B. abstrakte Linien, Icons ohne Informationswert) können ein leeres Alt-Attribut bekommen. Das macht Seiten für Screenreader angenehmer, weil unnötige Beschreibungen entfallen.
- Informative Bilder: Alt-Text ausfüllen.
- Dekorative Bilder: alt=““ setzen.
Bildformate und Größen: Performance und Qualität ausbalancieren
Zu große oder unpassende Bildformate sind einer der häufigsten Gründe für langsame Seiten. Die Wahl des passenden Formats und einer sinnvollen Auflösung reduziert die Dateigröße deutlich – ohne sichtbaren Qualitätsverlust.
JPEG, PNG, WebP, AVIF: Welches Format wofür?
| Format | Stärken | Typische Nutzung |
|---|---|---|
| JPEG/JPG | kleine Dateien bei Fotos, breite Unterstützung | Produktbilder, Blogfotos, Portraits |
| PNG | verlustfrei, Transparenz möglich | Logos, Grafiken, Icons mit scharfen Kanten |
| WebP | meist kleiner als JPEG/PNG, gute Qualität | moderne Alternative für fast alle Bildtypen |
| AVIF | sehr hohe Kompression, moderne Browser | für Performance-Fokus mit Fallbacks |
Viele CMS und Plugins können mittlerweile automatisch in WebP konvertieren. Das spart Zeit und reduziert die Dateigröße deutlich.
Auflösung und Kompression festlegen
Ein 4000 Pixel breites Bild, das im Layout nur 800 Pixel breit angezeigt wird, ist verschwendete Dateigröße. Besser ist es, die Bilder vor dem Upload auf sinnvolle Breiten zu skalieren (z. B. 1200–1600 Pixel für Blog-Header, 800–1000 Pixel für Content-Bilder, je nach Layout).
- Fotos als JPEG oder WebP mit moderater Kompression exportieren (z. B. Qualitätsstufe im mittleren bis oberen Bereich).
- Grafiken und Logos möglichst als PNG oder WebP mit Transparenz.
- Keine gigantischen Originaldateien hochladen, wenn sie nie in voller Größe genutzt werden.
Wer viele Bilder automatisiert verkleinern will, kann Bildverarbeitungs-Tools oder in Lightroom exportierte Versionen nutzen – ähnlich wie bei einem strukturierten Export-Workflow für Fotos.
Lazy Loading und Responsive Images in WordPress nutzen
Moderne Websites laden Bilder nur dann und nur in der Größe, in der sie wirklich gebraucht werden. Zwei zentrale Techniken dabei sind Lazy Loading und responsive Images.
Lazy Loading: Bilder erst laden, wenn sie sichtbar werden
Lazy Loading verschiebt das Laden von Bildern, bis sie wirklich in den sichtbaren Bereich scrollen. Das verkürzt die Ladezeit beim ersten Aufruf. In modernen WordPress-Versionen wird Lazy Loading für Bilder meist automatisch per „loading="lazy"“ gesetzt.
- Prüfe, ob deine Theme- oder Page-Builder-Einstellungen Lazy Loading bereits aktivieren.
- Setze es nicht bei kritischen Above-the-Fold-Bildern außer Kraft, wenn der Effekt unschön wirkt.
- Teste Seiten mit und ohne Lazy Loading in Tools wie PageSpeed Insights.
Responsive Images: srcset und sizes verstehen
Mit „srcset“ und „sizes“ können Browser automatisch die passende Bildgröße je nach Bildschirmbreite wählen. WordPress generiert für hochgeladene Bilder üblicherweise mehrere Größen und fügt sie in den Bild-Tag ein.
Wichtig ist, dass die im System hinterlegten Bildgrößen zur tatsächlichen Layout-Breite passen. Wer sehr individuelle Layouts nutzt, sollte die Bildgrößen im Theme anpassen oder anlegen lassen – so werden keine übergroßen Dateien geladen.
Alt-Text, Kontext und strukturierte Inhalte kombinieren
Bilder funktionieren im Zusammenspiel mit Texten, Überschriften und Struktur. Suchmaschinen bewerten nicht nur das Bild selbst, sondern den gesamten Abschnitt, in dem es eingebettet ist.
Bilder an sinnvollen Stellen platzieren
Idealerweise steht die Bildunterschrift oder der Text rund um das Bild in inhaltlichem Zusammenhang zum Thema, das das Bild illustriert. Ein Diagramm zu „Crawl-Budget“ passt zum Beispiel in einen Abschnitt, in dem genau dieses Thema erklärt wird – und kann zusätzlich mit einem Beitrag wie Crawl-Budget für SEO steuern intern verlinkt werden.
Je klarer die Verbindung zwischen Bild, Alt-Text, Dateiname und Absatz ist, desto leichter können Suchmaschinen den Inhalt einordnen.
Strukturqualität unterstützt auch Bilder
Wer schon bei der Planung auf eine gute Seitenstruktur und klare Content-Briefings achtet, macht es auch für Bilder einfacher. Ein durchdachtes SEO-Content-Briefing kann zum Beispiel direkt Felder für empfohlene Bilder, Alt-Texte und Dateinamens-Muster enthalten.
So geht’s: Bilder-SEO in WordPress Schritt für Schritt umsetzen
Für viele Websites reicht ein klarer, wiederholbarer Prozess, um neue und bestehende Bilder sauber zu optimieren.
Kompakte Checkliste für Bild-SEO
- Relevanz prüfen: Braucht der Inhalt wirklich dieses Bild oder gibt es ein passenderes Motiv?
- Datei vorbereiten: In Bildbearbeitung öffnen, auf sinnvolle Breite skalieren, Format wählen (JPEG/PNG/WebP).
- Dateinamen setzen: Kurz beschreiben, Bindestriche nutzen, ohne Sonderzeichen.
- Upload im CMS: Beim Einfügen sinnvollen Alt-Text vergeben, Titel optional ergänzen.
- Kontext prüfen: Steht das Bild in thematisch passender Nähe zum Absatz und zur Überschrift?
- Ladezeit testen: Seite in Performance-Tools prüfen, Bilder mit sehr großen Dateien nachoptimieren.
- Regelmäßige Pflege: Ältere Inhalte mit schlechten Dateinamen oder fehlenden Alt-Texten nach und nach überarbeiten.
Bild-SEO im Zusammenspiel mit KI-Generierung und Automatisierung
Wer Bilder mit KI-Tools erstellt oder Massen-Uploads aus Systemen nutzt, sollte klare Regeln definieren, um Chaos zu verhindern. Besonders hilfreich sind dabei Standards und Automatisierungen.
Standards für KI-generierte Bilder definieren
KI-Generatoren liefern oft Dateinamen wie „image_12345.png“. Diese sollten vor der Nutzung umbenannt werden. In einem Styleguide oder in Vorgaben für strukturierte KI-Prompts können auch Hinweise stehen, welche Motive und Perspektiven pro Seitentyp gewünscht sind.
Automatisierung sinnvoll nutzen
Automatisch Alt-Texte aus Dateinamen oder KI-Beschreibungen zu erzeugen, kann viel Zeit sparen – ersetzt aber keine Kontrolle. Ein kurzer manueller Check stellt sicher, dass Beschreibungen fachlich stimmen, zum Seiteninhalt passen und nicht überoptimiert wirken.
Mini-Ratgeber: Häufige Fehler bei Bild-SEO und wie sie sich vermeiden lassen
Typische Stolperfallen
- Alle Bilder heißen „header.jpg“, „bild1.jpg“, „bild2.jpg“ – Suchmaschinen erkennen keinen Inhalt.
- Es fehlt der Alt-Text oder er besteht nur aus Keywords.
- Bilder sind viel größer als das Layout – die Seite wird unnötig langsam.
- Dekorative Elemente werden ausführlich beschrieben und stören Screenreader-Nutzer:innen.
- Logos und Icons werden als riesige PNGs eingebunden, obwohl kleinere WebP-Versionen reichen würden.
Mit klaren Standards, einer kurzen Checkliste im Workflow und gelegentlichen Audits – z. B. im Rahmen eines Content-Audits für SEO – lassen sich diese Fehler Schritt für Schritt abbauen.
