Stellen Sie sich folgendes Szenario vor: Eine Schreinerei, die handgefertigte Holzmöbel herstellt, lässt ihre Produkte von einem professionellen Fotografen ablichten und lädt die Bilder auf die eigene Website hoch. Die Fotos sind wirklich beeindruckend – doch jedes wiegt 3-4 MB, die Dateinamen bestehen aus maschinell erzeugten Codes wie DSC_0412.jpg, und keines von ihnen hat einen Alt-Text. Das Ergebnis ist vorhersehbar: Die Produktseiten brauchen auf dem Smartphone sechs bis sieben Sekunden zum Laden, und wer bei Google Bilder nach 'Esstisch Nussbaum' sucht, sieht die Fotos der Konkurrenz – die eigenen Produkte tauchen gar nicht erst auf. Hinzu kommt: Die niedrige Ladegeschwindigkeit drückt auch die Platzierungen in den klassischen Suchergebnissen nach unten. Der Inhaber hat in Fotografie investiert, aber nie das technische Fundament geschaffen, damit sich diese Investition in der Suche auszahlt.
Dieses Bild kennt ein Großteil der KMU-Websites in Deutschland und Österreich. Bilder sind auf den meisten Webseiten die schwerste einzelne Ressource – und trotzdem denkt man bei SEO fast immer zuletzt an sie. Dabei bringt Bilder-SEO – die Optimierung von Bildern sowohl für Suchmaschinen als auch für Nutzerinnen und Nutzer – Ihnen Traffic aus zwei getrennten Kanälen zugleich: aus der visuellen Suche über Google Bilder und Google Lens sowie aus besseren klassischen Platzierungen dank höherer Seitengeschwindigkeit. In diesem Leitfaden behandeln wir Bildoptimierung in fünf Schritten: den Ist-Zustand messen, Dateinamen und Alt-Texte überarbeiten, das richtige Format und die richtige Größe wählen, das Ladeverhalten verbessern und die Auffindbarkeit der Bilder sicherstellen.
Warum wird Bilder-SEO als Traffic-Kanal so oft vernachlässigt?
Die Bildersuche galt lange als 'nice to have', erzeugt inzwischen aber ernsthaftes Suchvolumen. In Branchen mit starker visueller Suchabsicht – Möbel, Mode, Einrichtung, Gastronomie, Schmuck, Gartengestaltung – suchen Menschen zuerst mit den Augen, und der Bilder-Tab ist oft die erste Anlaufstelle. Nach Googles eigenen Angaben wird Google Lens monatlich milliardenfach genutzt, und kamerabasierte Anfragen wie 'Wo bekomme ich das her?' nehmen Jahr für Jahr zu. Seit 2026 binden auch die AI Overviews Bilder in ihre Zusammenfassungen ein; ausgewählt werden dabei Bilder von gut optimierten Seiten mit klarem Kontext. Ihre Bilder sind also nicht nur im Bilder-Tab ein Einstiegspunkt, sondern auch in klassischen Ergebnissen und KI-gestützten Sucherlebnissen.
Die andere Seite der Medaille ist die Performance. Der HTTP Archive zeigt seit Jahren denselben Befund: Bilder machen bei einer durchschnittlichen Webseite den größten Anteil am Gesamtgewicht aus. Googles Seitenerlebnis-Kennzahl LCP (Largest Contentful Paint), also die Zeit bis zur Darstellung des Hauptinhalts, wird auf den meisten Seiten durch das Laden eines Bildes bestimmt. Ohne optimierte Bilder ist es nahezu unmöglich, Ihre Core-Web-Vitals-Ziele zu erreichen. Deshalb ist Bildoptimierung eine der seltenen Maßnahmen, die gleichzeitig einen neuen Traffic-Kanal öffnet und Ihre bestehenden Platzierungen stärkt – mit einem einzigen Aufwand gewinnen Sie an zwei Fronten.
Schritt 1: Machen Sie eine Bestandsaufnahme
Der Prozess beginnt damit zu wissen, was Sie überhaupt beheben müssen. Legen Sie drei Datenquellen nebeneinander, und das Bilder-Zeugnis Ihrer Website liegt vor Ihnen:
- Bilder-Performance in der Search Console: Filtern Sie im Leistungsbericht den Suchtyp auf 'Bild'. Sie sehen, bei welchen Suchanfragen Sie erscheinen, welche Seiten Bilder-Klicks erhalten und wie hoch die Klickrate ist. Bei den meisten KMU-Websites ist dieser Bericht nahezu leer – das ist kein Versagen, sondern der Beweis für ungenutztes Potenzial.
- PageSpeed-Insights-Warnungen: Testen Sie Ihre Startseite sowie Ihre zwei oder drei wichtigsten Vorlagen (Produktseite, Kategorieseite, Blogbeitrag). Warnungen wie 'Bilder richtig dimensionieren', 'Bilder in Formaten der nächsten Generation bereitstellen' und 'Nicht sichtbare Bilder verzögert laden' zeigen Ihnen Ihren bildbedingten Geschwindigkeitsverlust in MB und Sekunden.
- Bilderinventar: Listen Sie in der Mediathek Ihres CMS alle Dateien über 1 MB auf. Notieren Sie sich Vorlagen-Bilder (Hero-Banner, Slider, Hintergründe) gesondert; da sie auf jeder Seite mitgeladen werden, vervielfacht sich ihre Wirkung.
Ein konkretes Beispiel: Ihre Kategorieseite zeigt 12 Produktfotos, jedes direkt von der Kamera mit rund 3,5 MB hochgeladen. Allein die Bilder summieren sich auf 42 MB; bei einer durchschnittlichen mobilen Verbindung kann diese Seite dutzende Sekunden zum vollständigen Laden brauchen. Werden dieselben Fotos auf 1200 Pixel Breite verkleinert und in WebP umgewandelt, sinkt jedes auf 100-150 KB – das Bildgewicht der Seite fällt von 42 MB auf rund 1,5 MB. Das allein, ohne sonst etwas zu ändern, bedeutet einen spürbaren Geschwindigkeitssprung. Für eine umfassendere Prüfung bietet unsere technische SEO-Checkliste einen kompletten Crawl-Plan, der auch Bilder abdeckt.
Schritt 2: Erklären Sie Google das Bild über Dateiname und Alt-Text
Suchmaschinen 'sehen' Bilder von Jahr zu Jahr besser, verlassen sich bei Ranking-Entscheidungen aber weiterhin stark auf Textsignale: Dateiname, Alt-Text, den Text rund um das Bild und den Seitentitel. Die Dokumentation von Google Search Central empfiehlt ausdrücklich, alle diese Signale zu nutzen.
Machen Sie aus dem Aufnahmecode eine Beschreibung
Der Dateiname ist der erste Hinweis, den Sie Google zum Thema des Bildes geben. IMG_2847.jpg sagt nichts aus; esstisch-nussbaum-6-personen.jpg erklärt auf einen Blick, worum es geht. Die praktischen Regeln sind einfach: Wörter mit Bindestrich trennen, kurz und beschreibend halten, und Umlaute sowie ß vermeiden – 'ä' wird zu 'ae', 'ö' zu 'oe', 'ü' zu 'ue', 'ß' zu 'ss', da Sonderzeichen in URLs für Kodierungsprobleme sorgen können. Es lohnt sich selten, hunderte bestehende Dateinamen rückwirkend zu ändern; es genügt, die Regel ab heute für jedes neu hochgeladene Bild zum Standard zu machen.
Schreiben Sie den Alt-Text für Menschen, nicht für Google
Der Alt-Text (Alt-Attribut) erfüllt zwei Aufgaben: Er beschreibt das Bild für Besucherinnen und Besucher, die einen Screenreader nutzen, und vermittelt der Suchmaschine den Kontext des Bildes. Ein guter Alt-Text liest sich, als würden Sie jemandem am Telefon beschreiben, was auf dem Bild zu sehen ist. Vergleichen Sie: alt="Tisch, Holztisch, Esstisch, Nussbaumtisch Preis" ist Keyword-Stuffing und genau das Spam-Signal, vor dem Google ausdrücklich warnt; alt="Esstisch für 6 Personen aus Nussbaum mit Baumkante und schwarzen Metallbeinen" ist sowohl in Sachen Barrierefreiheit als auch SEO korrekt. Bei rein dekorativen Bildern (Trennlinien, Ornamente) ist es auch legitim, den Alt-Text leer zu lassen; nicht jedem Bild muss zwangsweise ein Keyword aufgezwungen werden.
Der Alt-Text funktioniert nicht isoliert: Google liest auch den Text unmittelbar rund um das Bild, eine eventuelle Bildunterschrift und den Seitentitel als Kontext mit. Steht neben dem Produktfoto ein Absatz, der das Produkt tatsächlich beschreibt, ist dasselbe Bild ein deutlich stärkerer Kandidat, als wenn es kontextlos in einer Galerie steckt. Deshalb bringt es mehr, Bilder in der Nähe des passenden Textes zu platzieren, statt sie rein dekorativ zu verteilen. Wie Alt-Text, Überschriften und der umgebende Text zusammenspielen, behandeln wir ausführlich in unserem On-Page-SEO-Leitfaden.
Schritt 3: Das richtige Format und die richtige Größe – WebP, AVIF und responsive Bilder
Das Format wirkt sich stärker aus, als die meisten vermuten. Nach Googles eigenen Messungen erzeugt WebP bei gleicher visueller Qualität im Schnitt 25-34 Prozent kleinere Dateien als JPEG; AVIF ist in vielen Fällen sogar noch kleiner. Seit 2026 unterstützen alle modernen Browser beide Formate, die alte Sorge 'was macht ein älterer Browser damit' ist damit weitgehend erledigt. Verbreitete Systeme wie WordPress können hochgeladene Bilder automatisch in WebP umwandeln; bei individuell entwickelten Websites erledigen Bildverarbeitungsbibliotheken oder eine CDN-Ebene diese Umwandlung in Echtzeit.
Genauso wichtig wie das Format ist, ein Bild in der Größe auszuliefern, in der es tatsächlich angezeigt wird. Ein Produktfoto, das auf der Seite mit 400 Pixel Breite erscheint, mit 4000 Pixel hochzuladen bedeutet, dem Nutzer die zehnfache Datenmenge unnötig herunterladen zu lassen. Die Lösung besteht darin, über die HTML-Attribute srcset und sizes mehrere Größen desselben Bildes anzubieten und den Browser die für das jeweilige Gerät passende auswählen zu lassen. Moderne CMS und Frameworks erzeugen das automatisch; Ihre Aufgabe ist es zu prüfen, ob der Mechanismus tatsächlich funktioniert.
Machen Sie diese drei Regeln zum Standard:
- Maximale Breite festlegen: Ermitteln Sie die größte Breite, in der ein Bild auf Ihrer Website jemals angezeigt wird (bei den meisten Designs 1200-1600 Pixel), und verkleinern Sie Originale auf dieses Maß. Druckqualitäts-Rohdateien haben auf einem Webserver nichts verloren.
- Qualität fest einstellen: Bei WebP oder AVIF senkt eine Qualität von 75-85 Prozent die Dateigröße bei Produktfotos deutlich, ohne sichtbaren Verlust. 100 Prozent Qualität ist im Web verschwendete Bandbreite.
- Breite und Höhe im HTML angeben: Die Attribute width und height müssen immer gesetzt sein, damit der Browser den Platz für das Bild reservieren kann, bevor es geladen ist. Das ist die einfachste Maßnahme gegen springende Inhalte beim Laden der Seite (die CLS-Kennzahl).
Automatisieren Sie die Umwandlung, statt sie manuell zu erledigen
Ein paar Bilder einzeln mit einem kostenlosen Tool wie Squoosh umzuwandeln, reicht für den Anfang; auf einer Website mit regelmäßigem neuem Content wird das aber schnell unhaltbar. Die dauerhafte Lösung ist die Automatisierung: In WordPress komprimieren Bildoptimierungs-Plugins jede hochgeladene Datei automatisch und erzeugen eine WebP-Version; bei individuell entwickelten Websites übernehmen Bildverarbeitungsbibliotheken wie sharp oder die Echtzeit-Umwandlungsebene eines CDN dieselbe Aufgabe beim Build oder bei der Auslieferung. Für welche Methode Sie sich auch entscheiden – der Maßstab bleibt gleich: Das rohe Foto, das Ihr Content-Team hochlädt, sollte niemals in dieser Rohform auf der Website landen.
Schritt 4: Machen Sie das Ladeverhalten intelligent – Lazy Loading und Caching
Eine Kategorieseite kann 40 Produktbilder enthalten, doch beim Öffnen sieht die Nutzerin oder der Nutzer davon nur 6-8 auf dem Bildschirm. Den Rest sofort beim Laden der Seite mitzuladen, verschwendet Bandbreite. Das browsereigene Attribut loading="lazy" sorgt dafür, dass Bilder außerhalb des Sichtbereichs erst beim Scrollen geladen werden; es benötigt keine zusätzliche Bibliothek und wird von Google offiziell empfohlen.
Hier gilt eine wichtige Ausnahme: Wenden Sie Lazy Loading nicht auf das Hauptbild im ersten sichtbaren Bereich an – meist das Hero- oder Produktbild, das Ihre LCP-Messung bestimmt. Dieses Bild sollte im Gegenteil bevorzugt geladen werden; mit fetchpriority="high" sagen Sie dem Browser 'lade dieses zuerst'. Ein häufiger Fehler ist, dass ein Theme oder Plugin automatisch jedem Bild Lazy Loading zuweist und dadurch das Hauptbild verzögert; PageSpeed Insights meldet das mit dem Hinweis 'LCP-Bild wurde verzögert geladen'.
Die zweite Säule des Ladeverhaltens ist das Caching: Bilder ändern sich selten, deshalb sollten sie mit lang gültigen Cache-Control-Headern ausgeliefert und bei wiederholten Besuchen nicht erneut heruntergeladen werden. Bei wachsendem Traffic senkt die Auslieferung über ein CDN sowohl die Ladezeit als auch die Serverlast. Um die Wirkung dieser Einstellungen auf LCP und die allgemeinen Geschwindigkeitswerte zu prüfen, empfiehlt es sich, die PageSpeed-Werte vor und nach der Änderung zu dokumentieren; die Verbesserung zeigt sich meist schon beim ersten Test.
Schritt 5: Sichern Sie die Auffindbarkeit – Bilder-Sitemap und strukturierte Daten
Ein Bild zu optimieren reicht nicht; Google muss es auch finden und indexieren können. Dabei gibt es vier Kontrollpunkte:
- Bilder-Sitemap: Fügen Sie Ihrer bestehenden XML-Sitemap Bild-Tags hinzu, um Google die wichtigen Bilder jeder Seite direkt zu melden. Google Search Central empfiehlt dies besonders für Bilder, die erst nachträglich per JavaScript geladen werden. Eine separate, eigenständige Bilder-Sitemap-Datei erfüllt denselben Zweck.
- Bilder als echtes img-Element ausliefern: Bilder, die per CSS-background-image angezeigt werden, landen nicht im Google-Bilder-Index. Jedes Bild, das Sie ranken lassen wollen, muss im HTML ein echtes img-Element sein.
- Kontext über strukturierte Daten liefern: Das Feld image in Product-, Recipe- und Article-Schema sorgt dafür, dass Ihre Bilder in Rich Results und Shopping-Erlebnissen erscheinen. Ergebnisse, die ein Produktfoto zusammen mit Preis und Verfügbarkeit zeigen, erhalten deutlich mehr Klicks als gewöhnliche Bildergebnisse.
- Bild-URLs stabil halten: Ändert sich die Adresse eines Bildes, bewertet Google es als komplett neues Bild von Grund auf. Bei einem CDN-Wechsel oder einem Website-Umzug müssen Bild-URLs erhalten bleiben oder korrekt weitergeleitet werden.
Bei Shops mit tausenden Produktbildern müssen diese Schritte auf Vorlagenebene gelöst werden, also systematisch statt einzeln; dieses Thema behandeln wir umfassend in unserem E-Commerce-SEO-Leitfaden.
Zusammenfassung: der Bilder-SEO-Prozess in fünf Schritten und realistische Erwartungen
Fassen wir den Prozess zusammen: Zuerst haben Sie mit Search Console und PageSpeed den Ist-Zustand gemessen; danach haben Sie Dateinamen und Alt-Texte zu echten Beschreibungen des Bildes gemacht; Sie haben begonnen, Bilder im Format WebP/AVIF und in der richtigen Größe auszuliefern; mit Lazy Loading und Caching haben Sie das Ladeverhalten intelligenter gemacht; und zuletzt haben Sie die Auffindbarkeit über Bilder-Sitemap und strukturierte Daten abgesichert. Die Wirkung dieser fünf Schritte auf die Geschwindigkeit lässt sich sofort messen – sobald die Dateigrößen sinken, verbessert sich der LCP. Der Traffic aus der Bildersuche ist ein geduldigeres Spiel: Bis Google Ihre Bilder neu crawlt und indexiert, können Wochen vergehen; einen spürbaren Traffic-Anstieg sehen Sie im Bilder-Filter der Search Console meist erst nach zwei bis drei Monaten.
Auch bei der Priorisierung sollten wir klar sein: Wenn Ihre Ressourcen begrenzt sind, lösen Sie zuerst die Geschwindigkeitsseite – also Format, Größe und Ladeverhalten. Diese Arbeit wirkt sich auf die gesamte Website aus und ebnet den Weg für alle weiteren SEO-Investitionen. Alt-Text und Auffindbarkeit können Sie dagegen schrittweise ausrollen, beginnend bei den Seiten mit dem meisten Traffic und Umsatz; bei einer Website mit tausend Seiten führt der Versuch, alle Bilder gleichzeitig zu perfektionieren, meist dazu, dass keines davon fertig wird.
Zum Schluss noch eine Warnung: Bilder-SEO ist keine einmalige Aufräumaktion, sondern ein Standard, der sich in Ihren Content-Produktionsprozess einfügen muss. Jedes neu hochgeladene Bild sollte die Regeln zu Benennung, Alt-Text, Format und Größe durchlaufen, und bei jeder Theme-Änderung müssen Lazy Loading und LCP-Einstellungen erneut getestet werden. Sonst kehren die Probleme, die Sie heute bereinigt haben, in einem Jahr genauso zurück.
Als SEO-Team von Welda betrachten wir Bildoptimierung nicht als isoliertes Projekt, sondern als Teil der technischen Prüfebene unserer SEO-Beratung: Wir erstellen das Bilderinventar Ihrer Website, priorisieren Geschwindigkeits- und Indexierungsprobleme und hinterlassen Ihrem Team eine klare Roadmap zur Umsetzung. Wenn Ihre Bilder Ihre Website eher ausbremsen als Traffic zu bringen, nehmen Sie Kontakt mit uns auf – wir prüfen gemeinsam Ihren aktuellen Stand und erstellen Ihnen eine eigene Prioritätenliste.