Deine Bilder sind oft der größte Bremsklotz deiner Website – und gleichzeitig die größte ungenutzte SEO-Chance. Dieser Guide zeigt dir die 7 Säulen erfolgreicher Bilder SEO mit konkreten Workflows, Tools und einer 5-Minuten-Audit-Checkliste, mit der du deine Website noch heute prüfst.
Bilder SEO bezeichnet alle technischen und inhaltlichen Maßnahmen, mit denen du Bilder so aufbereitest, dass sie sowohl von Suchmaschinen verstanden als auch performant ausgeliefert werden. Es geht also um zwei Ebenen: Auffindbarkeit (Google Bildersuche, Rich Results, Alt-Texte für Screenreader) und Performance (Ladezeit, Core Web Vitals, mobile Datenvolumen).
Warum ist das relevant? Bilder machen laut HTTP Archive im Schnitt rund 40 % des gesamten Übertragungsvolumens einer Webseite aus. Bei einer typischen KMU-Website mit Hero-Bild, Team-Fotos und Referenzgalerie sind 5 bis 8 MB an Bildern keine Seltenheit – wenn niemand sie optimiert. Das Ergebnis: Mobile Ladezeiten von 6 bis 10 Sekunden, schlechte Core Web Vitals und Rankingverluste.
Die gute Nachricht: Mit ein paar systematischen Schritten holst du dort den größten Hebel deiner gesamten OnPage-Optimierung. Dieser Guide zeigt dir, was zu tun ist – und in welcher Reihenfolge.
Egal ob du WordPress, Webflow oder ein anderes CMS nutzt – diese sieben Bereiche musst du sauber abdecken. Wir gehen sie der Reihe nach durch, mit konkreten Zahlen und Praxisbeispielen.
Der Dateiname ist das erste Signal, das Google für die inhaltliche Einordnung eines Bildes nutzt. IMG_4729.jpg ist eine schwarze Box. handwerker-karlsruhe-werkstatt-team.jpg erzählt Google in drei Worten, worum es geht.
Praktische Regeln:
Beispiel: Du betreibst ein Café in Durlach und hast ein Foto deines Frühstücksangebots. Falsch: P1023456.JPG. Richtig: fruehstueck-cafe-durlach-buffet.jpg. Bei einem Bild mit 80 Aufrufen in der Bildersuche pro Monat ergibt das über ein Jahr rund 10 qualifizierte Klicks aus „Café Durlach Frühstück" – kostenlos.
Der Alt-Text (Alternativtext) hat zwei Funktionen: Er beschreibt das Bild für Screenreader und liefert Google den inhaltlichen Kontext. Wenn das Bild nicht lädt, wird der Alt-Text statt dessen angezeigt.
Faustregeln, die in der Praxis funktionieren:
Schlechter Alt-Text: „Webdesign Karlsruhe Webdesign Agentur Webdesigner SEO".
Guter Alt-Text: „Zwei Designerinnen besprechen Wireframes auf einem Laptop in unserer Karlsruher Agentur".
Hier liegt einer der größten ungenutzten Hebel. WebP komprimiert bei vergleichbarer Qualität typischerweise 25 bis 35 % kleiner als JPG. AVIF schafft sogar 40 bis 50 % kleinere Dateien als JPG – bei besserer Qualität.
Konkretes Beispiel aus einem Kundenprojekt: Ein Hero-Bild im JPG-Format wog 480 KB. Als WebP konvertiert: 290 KB. Als AVIF: 210 KB. Über die gesamte Startseite gerechnet, wurde die initiale Ladegröße von 3,1 MB auf 1,4 MB reduziert. Der Largest Contentful Paint sank von 3,8 auf 2,1 Sekunden.
Empfehlung 2026:
Webflow liefert hochgeladene JPG/PNG automatisch in WebP an unterstützende Browser aus – ein wesentlicher Vorteil. Bei WordPress brauchst du Plugins wie ShortPixel oder Imagify, um ähnliche Resultate zu erzielen.
Ein häufiger Fehler: Ein 4000 × 3000 Pixel großes Foto wird per CSS auf 600 Pixel skaliert. Der Browser muss trotzdem das gesamte Bild laden – Datenverschwendung pur.
Faustregel: Lade Bilder maximal in der Größe hoch, in der sie tatsächlich angezeigt werden – plus 50 % Reserve für Retina-Displays. Beispiel: Ein Teaserbild, das auf der Seite 600 Pixel breit dargestellt wird, sollte maximal 1200 Pixel breit hochgeladen werden.
Zielgrößen nach Komprimierung:
Das ist der Bereich, in dem die meisten Konkurrenzartikel oberflächlich bleiben. Ein Smartphone braucht nicht das gleiche Bild wie ein 27-Zoll-Monitor. Mit dem HTML-Attribut srcset sagst du dem Browser: „Hier sind drei Versionen des Bildes – nimm die passende für die aktuelle Bildschirmgröße."
Praktisches Beispiel:
<img src="hero-1200.webp" srcset="hero-600.webp 600w, hero-1200.webp 1200w, hero-1920.webp 1920w" sizes="(max-width: 768px) 100vw, 1200px" alt="...">
Webflow generiert solche srcset-Attribute automatisch für jedes hochgeladene Bild. In WordPress geschieht das ebenfalls seit Version 4.4 – aber nur, wenn deine Bilder in passenden Zwischengrößen vorliegen. Prüfe das im Quelltext (Rechtsklick → Seitenquelltext anzeigen → nach „srcset" suchen).
Bilder unter dem ersten sichtbaren Bereich (Below-the-fold) sollten nicht beim Seitenaufruf, sondern erst beim Heranscrollen geladen werden. Seit allen modernen Browsern reicht dafür ein einziges HTML-Attribut: loading="lazy".
Wichtig: Das Hero-Bild im sichtbaren Bereich darf nicht lazy geladen werden, sonst leidet der Largest Contentful Paint. Setze hier loading="eager" (oder lass das Attribut ganz weg) und ergänze fetchpriority="high", damit der Browser das Bild priorisiert.
Hier wird es technisch, aber genau hier hängen die meisten Mitbewerber zurück. Mit einer Bilder-Sitemap (Image Sitemap) gibst du Google explizit eine Liste aller Bilder, die indexiert werden sollen – inklusive Kontextinformationen wie Lizenz, Geo-Daten und Bildunterschrift.
Die meisten SEO-Plugins (Yoast, RankMath) erzeugen Bild-Sitemaps automatisch. In Webflow bekommst du dies über die integrierte Sitemap-Funktion. Prüfen kannst du es unter deinedomain.de/sitemap.xml.
Ergänzend lohnen sich strukturierte Daten für Bilder: ImageObject-Markup mit Lizenzangabe, Autor und Caption ermöglicht in der Google Bildersuche das Lizenz-Filter-Badge – ein klarer Vertrauens-Boost für gewerbliche Suchen.
Du willst wissen, wo du stehst? Dieser Mini-Audit braucht keine Tools-Abos und liefert klare Indikatoren:
Wenn auch nur einer dieser Punkte nicht sauber abgedeckt ist, hast du Optimierungspotenzial – meistens lässt sich das in 2 bis 4 Stunden Arbeit komplett aufräumen.
Du brauchst keine teuren Suiten. Diese vier Werkzeuge decken 95 % der täglichen Bilder-SEO-Arbeit ab und sind alle entweder kostenlos oder günstig:
Webflow-Nutzer brauchen keines dieser Tools für die Auslieferung – die Plattform übernimmt Komprimierung, Format-Auslieferung und srcset von selbst. Was du selbst machen musst, sind die inhaltlichen Schritte: Dateinamen vor dem Upload, Alt-Texte, Bildgröße prüfen.
Es gibt keine harte Obergrenze. Wichtiger ist die Summe der Dateigrößen. Eine Galerie mit 30 optimierten Bildern à 60 KB (1,8 MB gesamt) ist unproblematisch. 8 Bilder à 1 MB sind schon zu viel. Für Galerien empfiehlt sich Lazy Loading kombiniert mit „Mehr laden"-Buttons oder Pagination.
Ja, sogar besonders. Wenn du beispielsweise Handwerker in Karlsruhe bist, helfen Dateinamen wie renovierung-altbau-karlsruhe-vorher-nachher.jpg kombiniert mit passenden Alt-Texten dabei, in lokalen Bilder-Suchanfragen sichtbar zu werden. Das ist ein Bereich, den die wenigsten Wettbewerber sauber abdecken – und wo du mit konsequenter Pflege ein klares Differenzierungsmerkmal aufbauen kannst.
Google bewertet KI-Bilder grundsätzlich nicht schlechter, solange sie für den Nutzer sinnvoll sind. Achte aber auf zwei Punkte: Erstens auf das C2PA-Metadaten-Tag, mit dem du KI-Herkunft transparent machen kannst. Zweitens darauf, dass dein KI-Bild zur Story passt – ein generischer „Person mit Laptop"-Generator-Output ist auch in der Bildersuche eher Ballast als Asset.
Im Schnitt zwischen 1 und 6 Wochen, je nach Crawl-Frequenz deiner Domain. Du kannst den Prozess beschleunigen, indem du die betroffenen URLs in der Google Search Console über die URL-Prüfung manuell zur Indexierung anstößt – und sicherstellst, dass deine Bilder in der Sitemap stehen.
Besonders stark profitieren visuelle Branchen wie Gastronomie, Handwerk, Mode, Innenarchitektur, Fotografie und Immobilien. Aber auch für Dienstleister lohnt es sich – nicht primär für Bildersuche-Traffic, sondern weil saubere Bilder die Ladegeschwindigkeit verbessern und damit Rankings, Conversion und Nutzerverhalten beeinflussen. Wer hier hinter sauberen Keyword-Strategien zurückbleibt, verschenkt Sichtbarkeit.
Wenn du an einer bestehenden Website arbeitest, gehe in dieser Reihenfolge vor – das gibt dir die schnellsten messbaren Ergebnisse:
Realistisch verbesserst du damit deinen Largest Contentful Paint um 30 bis 60 %, deine Mobile-Datenmenge um 40 bis 70 % – und legst die Basis dafür, dass Google deine Bilder überhaupt versteht.
Die ersten 80 % Bilder SEO sind in wenigen Tagen erledigt. Die letzten 20 % – also die laufende Pflege jedes neuen Beitrags, jedes neuen Galeriebildes, jeder neuen Landingpage – sind Disziplin. Genau dort scheitern viele KMU: Sie machen einmal alles richtig, und drei Monate später schleichen sich wieder 2 MB große Smartphone-Originale ein, weil im Team niemand den Workflow lebt.
Wir bei Eazy Media bauen für unsere Webflow-Kunden Bild-Workflows, die diese Disziplin abnehmen: automatisierte Komprimierung, Vorlagen für Alt-Texte, ein Briefing, das Mitarbeiter ohne SEO-Wissen sicher durch jeden Bild-Upload führt. Wenn du wissen willst, wo deine Website beim Thema Bilder steht und wo sich der größte Hebel verbirgt, melde dich gern für einen unverbindlichen Performance-Check.
