Bilder-SEO / Alt-Text – Umfassender SEO-Ratgeber

Warum ist Bilder-SEO wichtig?

Traffic durch die Google-Bildersuche

Optimierte Bilder können über die Google-Bildersuche erheblichen Traffic generieren. Besonders für Produkte, Dienstleistungen und visuelle Themen ist die Bildersuche eine wichtige Traffic-Quelle. Ein Grazer Handwerksbetrieb, der seine Referenzprojekte mit optimierten Bildern präsentiert, kann über die Bildersuche neue Kunden gewinnen.

Einfluss auf das Web-Ranking

Bilder-SEO beeinflusst auch das Ranking in der regulären Websuche. Gut optimierte Bilder mit relevanten Alt-Texten senden thematische Signale an Google und stärken die inhaltliche Relevanz der gesamten Seite. Zudem kann Google Bilder als Rich Results in den normalen Suchergebnissen anzeigen, was die Sichtbarkeit und CTR erhöht.

Seitengeschwindigkeit und Core Web Vitals

Bilder sind oft die größten Dateien auf einer Webseite. Nicht optimierte Bilder können die Ladezeit erheblich verlangsamen und sich negativ auf Core Web Vitals wie Largest Contentful Paint (LCP) auswirken. Da die Seitengeschwindigkeit ein bestätigter Ranking-Faktor ist, hat die Bildoptimierung einen direkten Einfluss auf das Ranking. Besuchen Sie unseren Ratgeber zur Seitengeschwindigkeit für weitere Details.

Barrierefreiheit und Nutzererfahrung

Alt-Texte sind essenziell für die Barrierefreiheit. Screenreader lesen den Alt-Text vor, um sehbehinderten Nutzern den Bildinhalt zu vermitteln. In vielen Ländern, darunter die EU-Mitgliedstaaten, schreiben Gesetze die Barrierefreiheit von Websites vor. Fehlende Alt-Texte können zu rechtlichen Konsequenzen führen, besonders ab dem European Accessibility Act 2025.

Alt-Text richtig schreiben

Der Alt-Text ist das zentrale Element der Bilder-SEO. Hier sind detaillierte Anleitungen und Beispiele für optimale Alt-Texte.

HTML-Syntax des Alt-Attributs

<img src="/bilder/seo-beratung-graz-büro.webp"
     alt="SEO-Beratung in Graz: Arbeitsplatz mit SEO-Analyse auf dem Bildschirm"
     width="800"
     height="533"
     loading="lazy">

Regeln für gute Alt-Texte

• Beschreibend: Was zeigt das Bild konkret? Beschreiben Sie den Inhalt präzise.
• Prägnant: Idealerweise 80-125 Zeichen. Nicht zu kurz (nichtssagend) und nicht zu lang (überoptimiert).
• Keyword-relevant: Integrieren Sie das Seiten-Keyword natürlich, wenn es zum Bildinhalt passt.
• Kontextuell: Der Alt-Text sollte zum umgebenden Text und zur Überschriftenstruktur passen.
• Nicht redundant: Vermeiden Sie "Bild von..." oder "Foto zeigt..." - Screenreader kündigen Bilder bereits an.

Beispiele: Gute vs. schlechte Alt-Texte

Bilddateien optimieren

Dateinamen

Der Dateiname ist ein weiteres Signal für Google. Verwenden Sie beschreibende, keyword-relevante Dateinamen mit Bindestrichen als Trennzeichen:

<!-- Schlecht -->
IMG_4829.jpg
screenshot-2026-02-24.png
bild1.webp

<!-- Gut -->
seo-beratung-graz-analyse.webp
interne-verlinkung-struktur-beispiel.webp
core-web-vitals-pagespeed-ergebnis.webp

Bildformate im Vergleich

Responsive Bilder mit srcset

Liefern Sie verschiedene Bildgrößen für verschiedene Bildschirmgrößen, um Bandbreite zu sparen und die mobile Nutzererfahrung zu verbessern:

<img srcset="/bilder/hero-400w.webp 400w,
             /bilder/hero-800w.webp 800w,
             /bilder/hero-1200w.webp 1200w"
     sizes="(max-width: 600px) 400px,
            (max-width: 1024px) 800px,
            1200px"
     src="/bilder/hero-800w.webp"
     alt="Grazer Altstadt mit Uhrturm am Schlossberg"
     width="1200"
     height="800"
     loading="lazy">

Lazy Loading implementieren

Lazy Loading lädt Bilder erst, wenn sie in den sichtbaren Bereich des Browsers scrollen. Dies verbessert die initiale Ladezeit erheblich und ist besonders wichtig für Seiten mit vielen Bildern. HTML bietet natives Lazy Loading mit dem loading="lazy"-Attribut:

<!-- Native Lazy Loading (empfohlen) -->
<img src="bild.webp" alt="Beschreibung" loading="lazy" width="800" height="533">

<!-- Wichtig: Bilder above-the-fold NICHT lazy laden! -->
<img src="hero-bild.webp" alt="Hero-Beschreibung" loading="eager" width="1200" height="600">

Häufige Fehler bei der Bilder-SEO

Fehler 1: Fehlende Alt-Texte

Der häufigste Fehler: Bilder ohne Alt-Attribut. Jedes inhaltlich relevante Bild muss einen beschreibenden Alt-Text haben. Prüfen Sie Ihre Website regelmäßig mit Screaming Frog oder der Google Search Console auf fehlende Alt-Texte.

Fehler 2: Übergroße Bilddateien

Bilder mit mehreren Megabyte Dateigröße sind ein Haupt-Performance-Killer. Komprimieren Sie Bilder vor dem Upload und verwenden Sie moderne Formate wie WebP oder AVIF. Zielgröße für Bilder: unter 100 KB für Content-Bilder, unter 200 KB für Hero-Bilder.

Fehler 3: Fehlende Breiten- und Höhenangaben

Ohne width und height Attribute kann der Browser die Bildgröße nicht vorab berechnen, was zu Layout-Verschiebungen (Cumulative Layout Shift / CLS) führt. Dies ist ein negativer Core Web Vitals Faktor. Geben Sie immer die natürlichen Abmessungen des Bildes an.

Fehler 4: Keyword-Stuffing im Alt-Text

Alt-Texte wie "SEO Graz SEO Beratung SEO Agentur Graz" sind kontraproduktiv und können als Spam gewertet werden. Der Alt-Text sollte das Bild beschreiben und dabei natürlich relevante Keywords integrieren.

Fehler 5: Kryptische Dateinamen

Dateinamen wie IMG_4829.jpg oder photo-2024-02-15.png geben Google keinerlei Hinweis auf den Bildinhalt. Verwenden Sie beschreibende, keyword-relevante Dateinamen mit Bindestrichen.

Fehler 6: Falsche Bildgröße

Ein 4000px breites Bild, das in einem 400px Container angezeigt wird, verschwendet Bandbreite und verlangsamt die Seite unnötig. Liefern Sie Bilder in der tatsächlich benötigten Größe oder verwenden Sie srcset für responsive Bilder.

Fehler 7: Alle Bilder lazy laden

Bilder im sichtbaren Bereich (Above the Fold), insbesondere das LCP-Bild, sollten nicht lazy geladen werden. Dies verzögert den Largest Contentful Paint und verschlechtert die Core Web Vitals. Verwenden Sie loading="eager" oder kein loading-Attribut für das erste sichtbare Bild.

Fehler 8: Keine Bilder-Sitemap

Für große Websites mit vielen Bildern kann eine Bilder-Sitemap oder die Integration von Bild-Informationen in die XML-Sitemap die Indexierung in der Google-Bildersuche verbessern.

Bilder-SEO in der Praxis: Der komplette Workflow

Ein systematischer Workflow stellt sicher, dass jedes Bild auf Ihrer Website optimal für Suchmaschinen und Nutzer aufbereitet ist. Hier ist der Prozess, den professionelle SEO-Berater für die Bildoptimierung empfehlen.

Schritt 1: Bildkonzept und Planung

Bevor Sie ein Bild erstellen oder auswählen, überlegen Sie, welchen Zweck es erfüllen soll. Illustriert es einen Prozess? Zeigt es ein Produkt? Unterstützt es eine Aussage im Text? Jedes Bild sollte einen klaren inhaltlichen Mehrwert bieten und nicht nur dekorativen Charakter haben. Planen Sie auch die Platzierung im Artikel: Bilder nahe der thematisch passenden Überschrift erhalten mehr Kontext-Relevanz.

Schritt 2: Bildbearbeitung und Export

Exportieren Sie das Bild in der exakt benötigten Größe für den größten Darstellungskontext. Für einen Artikel mit 800px Content-Breite wäre die maximale Bildbreite 1600px (für Retina-Displays). Erstellen Sie dann responsive Varianten in 400w, 800w und 1200w. Verwenden Sie ein Bildbearbeitungsprogramm wie Photoshop, GIMP oder das kostenlose Online-Tool Squoosh für den Export in WebP-Format mit Qualitätsstufe 80.

Schritt 3: Dateiname vergeben

Benennen Sie die Datei mit einem beschreibenden, keyword-relevanten Namen. Verwenden Sie Bindestriche als Trennzeichen und ausschließlich Kleinbuchstaben. Vermeiden Sie Sonderzeichen, Umlaute und generische Bezeichnungen. Ein guter Dateiname beschreibt den Bildinhalt in 3-5 Wörtern.

Schritt 4: Alt-Text formulieren

Schreiben Sie einen beschreibenden Alt-Text mit 80-125 Zeichen. Integrieren Sie das Seiten-Keyword natürlich, wenn es zum Bildinhalt passt. Beginnen Sie nicht mit Bild von oder Foto zeigt, da Screenreader das Bild-Element bereits ankündigen. Stellen Sie sich vor, Sie beschreiben das Bild jemandem am Telefon: Was ist der wesentliche Inhalt?

Schritt 5: HTML-Einbettung

Verwenden Sie das vollständige HTML-Markup mit allen relevanten Attributen. Für das Haupt-Hero-Bild verwenden Sie loading eager oder kein loading-Attribut, für alle weiteren Bilder loading lazy. Definieren Sie srcset und sizes für responsive Auslieferung und geben Sie immer width und height an, um Layout-Verschiebungen zu vermeiden.

Schritt 6: Performance-Prüfung

Nach der Veröffentlichung prüfen Sie die Seite mit Google PageSpeed Insights. Achten Sie besonders auf den Largest Contentful Paint (LCP) und Cumulative Layout Shift (CLS). Wenn Bilder die Performance negativ beeinflussen, optimieren Sie Dateiformate, Komprimierung oder Lazy-Loading-Einstellungen. Nutzen Sie die Google Search Console, um die Indexierung in der Bildersuche zu überwachen.

Fortgeschrittene Bilder-SEO-Strategien

Structured Data für Bilder

Mit Schema.org-Markup können Sie Google zusätzliche Informationen über Ihre Bilder liefern. Das ImageObject-Schema ermöglicht die Angabe von Urheber, Lizenz, Erstellungsdatum und mehr. Dies ist besonders für Fotografen, Künstler und Content-Creator relevant, die ihre Bilder in der Google-Bildersuche als eigene Werke kennzeichnen möchten.

<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "ImageObject",
    "contentUrl": "https://seograz.at/bilder/seo-analyse-graz.webp",
    "name": "SEO-Analyse Dashboard",
    "description": "Screenshot einer SEO-Analyse mit Rankings und Traffic-Daten",
    "author": { "@type": "Person", "name": "Martin Höllinger" },
    "datePublished": "2026-02-24"
}
</script>

Content Delivery Network (CDN) für Bilder

Ein CDN liefert Bilder von Servern in der Nähe des Nutzers, was die Ladezeit deutlich reduziert. Dienste wie Cloudflare, AWS CloudFront oder spezialisierte Bild-CDNs wie Cloudinary oder imgix bieten zudem automatische Bildoptimierung, Format-Konvertierung und Größenanpassung. Für Österreichische Websites ist ein CDN mit europäischen Edge-Servern ideal, um die Latenz für lokale Nutzer bei der lokalen Suche zu minimieren.

Bilder-SEO für E-Commerce

Für Produktseiten ist Bilder-SEO besonders wichtig. Produktbilder sollten aus verschiedenen Perspektiven aufgenommen, mit beschreibenden Alt-Texten versehen und in der Google Merchant Center Bildersuche optimal dargestellt werden. Achten Sie auf konsistente Bildgrößen und Hintergründe für ein professionelles Erscheinungsbild. Auch auf Kategorieseiten sollten die Bilder optimiert sein, da sie in der Bildersuche für generische Keywords ranken können.

Bilder und AI-Suche

Mit der zunehmenden Bedeutung von AI Overviews können optimierte Bilder als visuelle Elemente in AI-generierten Antworten erscheinen. Google kann Bilder als Quellennachweis in AI Overviews einblenden, was zusätzliche Sichtbarkeit und Traffic generiert. Für die Generative Engine Optimization sind klar beschriftete Bilder mit strukturierten Daten besonders wertvoll.

Bilder-SEO für lokale Unternehmen in Graz

Für lokale Unternehmen ist die Bildoptimierung ein oft unterschätzter Hebel. Bilder von Ihrem Geschäft, Team und Produkten erscheinen im Google Unternehmensprofil und beeinflussen die Google Maps Sichtbarkeit. Nutzen Sie Geotagging in den EXIF-Daten, erwähnen Sie den Standort im Alt-Text und laden Sie regelmäßig neue Bilder hoch. Einträge mit vielen hochwertigen Bildern erhalten nachweislich mehr Aufrufe und Klicks.

Bildkomprimierung: Qualität vs. Dateigröße

Die richtige Balance zwischen Bildqualität und Dateigröße ist entscheidend. WebP mit Qualität 80 bietet typischerweise 40-70 KB für ein 800x533px Bild bei kaum sichtbarem Qualitätsverlust. AVIF mit Qualität 60 erreicht 15-30 KB bei vergleichbarer visueller Qualität. Nutzen Sie Tools wie Squoosh für einen Echtzeit-Vorher-Nachher-Vergleich, um die optimale Komprimierungsstufe für Ihre Bilder zu finden. Berücksichtigen Sie dabei auch die Core Web Vitals, insbesondere den LCP-Wert.

Nützliche Tools