2025-06-18 · Redaktion Baduno · 7 blog.readMin · Blog & Wissen
Bilder-SEO: WebP, Alt-Texte und das Ende der Ladezeit-Ausreden
Bilder sind auf den meisten Seiten der schwerste Ballast und die am schlechtesten genutzte SEO-Fläche zugleich. Beides lässt sich an einem Nachmittag ändern.
Formatfrage geklärt
WebP (oder AVIF) statt JPEG/PNG spart typischerweise 30–70 Prozent Gewicht bei gleicher Wirkung. Es gibt kaum noch Gründe für die alten Formate – jede Bild-Pipeline sollte automatisch konvertieren, wie es unsere tut.
Maße und Laden
width- und height-Attribute verhindern Layout-Sprünge, loading=lazy verschiebt Unsichtbares, das Hero-Bild bekommt Priorität. Drei Attribute, spürbare Wirkung auf alle Core Web Vitals.
Alt-Texte: für Menschen, dann Maschinen
Ein guter Alt-Text beschreibt, was zu sehen ist und wozu – für Screenreader-Nutzer zuerst, für die Bildersuche danach. Keyword-Stopfen schadet beiden Zielgruppen. Mehrsprachig gilt: Alt-Texte werden mitübersetzt, nicht vergessen.
Eigene Bilder gewinnen
Stockfotos erkennt jeder, und die Bildersuche ist voll davon. Eigene, konsistente Bildwelten – heute auch KI-gestützt produzierbar – stärken Marke und Unterscheidbarkeit. Jedes Bild dieser Website ist Eigenproduktion; genau das ist der Punkt.
Effizienz durch KI-gestützte Bildoptimierung
KI kann automatisch das optimale Format und die beste Komprimierung wählen. Tools analysieren das Bildmotiv und passen Parameter an, ohne dass Sie jedes Bild manuell prüfen müssen. Typischerweise wird eine Reduktion der Dateigröße um 40–60% bei gleichbleibender Qualität erreicht. Die Ergebnisse müssen jedoch stichprobenartig von einem Menschen geprüft werden, da KI manchmal Details übersieht. In der Praxis integrieren viele Content-Management-Systeme solche Optimierungen per Plugin. Ein Beispiel: Ein Reiseportal konvertierte tausende Bilder automatisch, sparte 55% Bandbreite und verbesserte die Ladezeit um 1,2 Sekunden, ohne dass ein Mitarbeiter jedes Bild anfassen musste.
Sitemap für Bilder: Strukturierte Daten und indexieren
Bilder werden nur gefunden, wenn die Suchmaschine sie crawlen kann. Nutzen Sie die Bildersitemap, um auch bei dynamisch generierten Bildern alle URLs zu melden. Ergänzen Sie strukturierte Daten (Breadcrumb, Produkt, Video) mit Bild-URLs, sodass Google die Bilder in Rich Results darstellt. Achten Sie darauf, dass die Bild-URLs direkt auf das Original verweisen und nicht über einen Skript-Parameter. Beispiel: Ein Onlineshop für Möbel bindet alle Produktbilder in die XML-Sitemap ein und verwendet Product-Schema mit image-Eigenschaft. Dadurch erscheinen die Bilder in der Google-Bildersuche prominent und werden häufiger angeklickt.
Responsive Images und Art Direction
Mit dem srcset- und sizes-Attribut liefern Sie dem Browser je nach Viewport das passende Bild. Dies spart auf Mobilgeräten enorm. Art Direction (picture-Element) erlaubt sogar unterschiedliche Bildausschnitte – z.B. auf dem Smartphone einen Fokus auf das Produkt, auf dem Desktop die gesamte Szene. Die Umsetzung erfordert mehrere Bildvarianten, aber moderne CMS können dies automatisieren. Ein Reiseblog nutzt für jede Destination ein hero-Bild; auf Mobilgeräten wird ein zentrierter Ausschnitt geladen, der 70% weniger wiegt. Die Klickrate auf das Bild stieg um 15%, da es auf allen Geräten optimal wirkt.
Bilder sind auf den meisten Seiten der schwerste Ballast und die am schlechtesten genutzte SEO-Fläche zugleich. Beides lässt sich an einem Nachmittag ändern.
Monitoring und Fehlerkorrektur bei Bildern
Selbst optimierte Bilder können Probleme verursachen: 404-Fehler, falsche Dimensionen, fehlende Alt-Texte. Regelmäßige Crawls des Bildbestands helfen, solche Fehler zu identifizieren. Tools wie Screaming Frog oder integrierte SEO-Plugins zeigen, welche Bilder keine Alt-Texte haben oder zu groß sind. Etablieren Sie einen Workflow: Nach Update oder neuer Bildserie automatischer Check, dann manuelle Stichprobe. Beispiel: Eine Nachrichten-Website stellt fest, dass 20% der Bilder in älteren Artikeln nicht auf WebP konvertiert sind. Ein Skript konvertiert nachträglich, die Ladezeit verbessert sich um 0,8 Sekunden.
Bild-CDN und Caching: Wo die Pixel wohnen
Die Auslieferung von Bildern über ein Content Delivery Network (CDN) entlastet Ihren Server und beschleunigt die Darstellung auf allen Kontinenten. Ein CDN speichert optimierte Kopien Ihrer Bilder auf Edge-Servern nahe des Nutzers. Kombiniert mit intelligentem Caching – z. B. lange Cache-Dauer für unveränderte Bilder und kurze für dynamische – reduzieren Sie die Anzahl der Anfragen an Ihren Ursprungsserver. Achten Sie darauf, dass die Cache-Header korrekt gesetzt sind: Cache-Control: public, max-age=31536000, immutable für statische Bildversionen. Bei Aktualisierung ändern Sie den Dateinamen oder nutzen einen Cache-Buster. Moderne Bild-CDN-Dienste können zudem automatisch WebP oder AVIF ausliefern, je nach Browserfähigkeit. Die Einrichtung erfolgt meist über eine Subdomain (z. B. media.ihrewebsite.de) und einen CNAME-Eintrag. In der Praxis sehen Sie bei Migration auf ein CDN eine Ladezeitreduktion um 40-60% für Bilder bei internationalen Besuchern. Wichtig: Überwachen Sie die HTTP-Statuscodes – 304 Not Modified ist erwünscht, 503 oder 403 deuten auf Fehlkonfiguration hin. Führen Sie nach dem Umstieg einen Crawl durch, um sicherzustellen, dass alle Bild-URLs korrekt aufgelöst werden und keine doppelten oder fehlerhaften Einträge entstehen.
Bild-Lizenzen und rechtliche Fallstricke in der SEO
Die SEO-Wirkung von Bildern kann durch urheberrechtliche Probleme zunichte gemacht werden. Suchmaschinen berücksichtigen bei der Bewertung auch die Rechtmäßigkeit von Inhalten. Verwenden Sie ausschließlich lizenzierte oder selbst erstellte Bilder. Achten Sie bei Stockfotos auf die Lizenzbedingungen: Viele erlauben nur eine begrenzte Anzahl von Impressionen oder schließen kommerzielle Nutzung aus. Geben Sie Urheber korrekt an, denn ein fehlender Credit kann trotz Lizenz abmahnfähig sein. Bei Creative-Commons-Bildern unterscheiden Sie die Varianten: CC0 erlaubt alles ohne Namensnennung, CC BY erfordert den Urhebervermerk. Implementieren Sie einen Workflow: Jedes Bild bekommt vor der Veröffentlichung einen Lizenzvermerk in den Metadaten (z. B. EXIF-XMP) und auf der Seite einen sichtbaren oder als structured data hinterlegten Hinweis. Nutzen Sie die property og:image mit korrekter Lizenzangabe, um auch in sozialen Netzwerken Transparenz zu schaffen. Rechtliche Sauberkeit stärkt die Vertrauenswürdigkeit, was sich langfristig positiv auf Rankings auswirken kann. Prüfen Sie regelmäßig, ob Bilder ohne gültige Lizenz eingebunden sind – automatisierte Tools erkennen fehlende Metadaten. Ein Beispiel: Ein Blog entfernte versehentlich genutzte, unfreie Bilder und ersetzte sie durch CC0-Aufnahmen; die Absprungrate sank, da keine rechtlichen Warnhinweise mehr die Nutzer abschreckten.
CDN und Bild-Caching: Ladezeit global optimieren
Ein Content Delivery Network (CDN) ist für die Auslieferung von Bildern nahezu unverzichtbar, sobald Ihre Website internationale Besucher hat. CDNs speichern Ihre Bilder auf Servern in verschiedenen Regionen und liefern sie vom geografisch nächsten Standort aus. Das verkürzt die Latenz erheblich. Entscheidend ist die korrekte Konfiguration der Cache-Header. Setzen Sie für statische Bildversionen lange Cache-Zeiten (z. B. ein Jahr) und nutzen Sie einen Cache-Buster (etwa einen Hash in der Datei-URL), damit bei Aktualisierungen sofort die neue Version ausgeliefert wird. Ohne diesen Mechanismus kann es passieren, dass Besucher veraltete oder fehlerhafte Bilder sehen. Viele CDNs bieten zudem eine automatische Bildoptimierung an: Sie konvertieren je nach Client-Unterstützung in WebP oder AVIF, passen die Auflösung an das Endgerät an und komprimieren verlustfrei. Diese Funktionen entlasten Ihren Server und verbessern die Ladezeit um messbare Sekundenbruchteile. Prüfen Sie jedoch, ob die CDN-Optimierung Ihre eigenen Einstellungen überschreibt – Sie möchten Kontrolle über Alt-Texte und Metadaten behalten. Ein Beispiel: Ein europäischer Onlineshop nutzt ein CDN mit Bildoptimierung und reduziert die Ladezeit für asiatische Kunden von 5 auf unter 2 Sekunden. Die Umstellung erforderte lediglich die Anpassung der Caching-Strategie und das Freischalten der Optimierungsregeln. Achten Sie darauf, dass Ihre Bild-URLs CDN-kompatibel sind und alle Bilder über dasselbe CDN ausgeliefert werden, um mixed-content-Warnungen zu vermeiden.
Bildlizenzen und rechtliche Absicherung
Bei der Verwendung von Bildern auf Ihrer Website sind rechtliche Fallstricke zu beachten, die sowohl die SEO-Leistung als auch Ihre Reputation gefährden können. Jedes Bild, das nicht von Ihnen selbst erstellt wurde, benötigt eine gültige Lizenz – das gilt auch für KI-generierte Bilder, deren rechtlicher Status noch nicht abschließend geklärt ist. Verwenden Sie ausschließlich lizenzierte Bilder aus seriösen Quellen oder eigene Aufnahmen. Dokumentieren Sie die Lizenzierung pro Bild in Ihrem CMS, idealerweise mit Verknüpfung zur Quelle. Fehlende oder falsche Lizenzangaben können zu Abmahnungen führen, die teuer und zeitaufwendig sind. Auch bei Alt-Texten und Bildtiteln sollten Sie keine Markennamen oder geschützte Begriffe ohne Erlaubnis nutzen. Ein weiterer Aspekt: Bilder, die Personen zeigen, benötigen in vielen Ländern eine Einwilligung (Model Release). Ohne diese dürfen Sie die Bilder nicht kommerziell nutzen. Prüfen Sie daher bei Stockfotos, ob diese auch für Werbezwecke freigegeben sind. Ein Reiseportal übernahm beispielsweise Bilder aus einer freien Datenbank, die jedoch nur für redaktionelle Zwecke lizenziert waren – das führte zu einer Unterlassungsklage. Integrieren Sie daher in Ihren Workflow einen Prüfschritt: Vor dem Hochladen eines externen Bildes wird die Lizenz erfasst und die Nutzungsbedingungen werden bestätigt. Diese Disziplin schützt Sie langfristig und schafft Vertrauen bei den Besuchern, da Sie nachweisen können, dass Sie alle Inhalte rechtmäßig nutzen.
blog.faqT
Sollte ich wirklich jedes Bild manuell auf Alt-Texte prüfen?
Idealerweise ja, aber bei sehr vielen Bildern können Sie KI-Tools zur Vorschlagserstellung nutzen. Die Ergebnisse müssen Sie jedoch stichprobenartig kontrollieren, da KI kontextuelle Nuancen oft übersieht. Ein bewährter Workflow: Automatisch generierte Alt-Texte von einem Muttersprachler prüfen lassen – besonders in mehrsprachigen Projekten.
Wie finde ich heraus, ob meine Bilder bereits optimal komprimiert sind?
Nutzen Sie ein Tool wie PageSpeed Insights oder Lighthouse im Chrome DevTools. Diese zeigen die Einsparpotenziale durch optimierte Bilder. Crawlen Sie Ihre gesamte Website mit einem SEO-Tool, das die Dateigröße pro Bild auflistet. Wenn ein Bild über 200 KB hat, sollten Sie es optimieren oder konvertieren.
