Bilder sind keine Dekoration. Sie sind Ranking-Faktoren. Optimierte Bilder verbessern die Ladezeit, helfen Suchmaschinen, deinen Inhalt zu verstehen, und erhöhen die Barrierefreiheit für alle Nutzer. Die meisten Websites ignorieren die Bildoptimierung komplett. Sie laden riesige, unkomprimierte Dateien mit bedeutungslosen Namen und ohne Alt-Text hoch. Das ist der einfachste SEO-Gewinn, den die meisten Seiten liegen lassen. Lerne, wie du Bilder optimierst, damit sie für dich ranken statt gegen dich.
Bilder erfüllen auf einer Webseite mehrere Aufgaben. Sie lockern Text auf. Sie veranschaulichen Konzepte. Sie fesseln Leser. Doch viele Websites ignorieren die Bildoptimierung. Sie laden grosse, unkomprimierte Dateien hoch. Sie nutzen wenig hilfreiche Dateinamen. Sie lassen den Alt-Text weg. Das Ergebnis sind langsame Seiten, die Suchmaschinen kaum verstehen.
Bildoptimierung ist einfach. Sie besteht aus drei Elementen. Dateinamen. Alt-Text. Dateikomprimierung. Jedes zählt fürs SEO. Zusammen machen sie aus Bildern, die dem Ranking schaden, Bilder, die dem Ranking nützen.
Deine Bild-Dateinamen sollten beschreibend sein
Suchmaschinen lesen deine Bild-Dateinamen. Ein Dateiname sagt ihnen, was das Bild zeigt, noch bevor sie das Bild selbst verarbeiten.
Schlechter Dateiname: „DSC_4829.jpg" oder „image-2026-03-19.jpg"
Guter Dateiname: „website-builder-dashboard-screenshot.jpg"
Der gute Dateiname sagt Suchmaschinen, was das Bild zeigt. Der schlechte Dateiname sagt ihnen nichts. Nutze beschreibende Dateinamen, die den Bildinhalt widerspiegeln. Trenne Wörter mit Bindestrichen, nicht mit Unterstrichen. Halte Dateinamen kurz, aber konkret.
Hast du 10 Screenshots auf deiner Seite, gib ihnen eindeutige Namen. „website-builder-step-1.jpg", „website-builder-step-2.jpg", „website-builder-step-3.jpg". Eindeutige Namen helfen Suchmaschinen zu verstehen, dass es verschiedene Bilder mit verschiedenem Inhalt sind.
Alt-Text hilft Suchmaschinen, Bilder zu verstehen
Der Alt-Text ist der Text, der angezeigt wird, wenn ein Bild nicht lädt. Er wird auch von Screenreadern für sehbehinderte Nutzer vorgelesen. Suchmaschinen nutzen den Alt-Text, um zu verstehen, worum es in Bildern geht.
Schlechter Alt-Text: „Bild" oder „Foto" oder leer gelassen
Guter Alt-Text: „Website-Builder-Dashboard mit Vorlagenauswahl, blauer Kopfzeile und Raster mit Vorlagenoptionen"
Guter Alt-Text ist beschreibend. Er sagt Lesern und Suchmaschinen, was das Bild zeigt. Er ist konkret. Statt „Website" schreibe „Website-Builder-Dashboard". Statt „Screenshot" schreibe „Screenshot mit der Oberfläche zur Vorlagenauswahl".
Halte den Alt-Text unter 125 Zeichen. Screenreader kürzen längere Alt-Texte. Sei beschreibend, aber knapp. Du musst nicht „Bild von" oder „Foto von" schreiben. Diese Wörter versteht man von selbst.
Nimm Keywords in den Alt-Text auf, wenn sie natürlich passen
Zielt deine Seite auf „Website-Builder-Dashboard" und du hast einen Screenshot eines Website-Builder-Dashboards, sollte dein Alt-Text das widerspiegeln. „Website-Builder-Dashboard mit Vorlagenauswahl" enthält das Keyword natürlich.
Aber erzwinge keine Keywords. Schreibe nie „Website-Builder-Dashboard Website-Builder-Vorlage Website-Builder-Auswahl Website-Builder-Oberfläche". Das ist Keyword-Stuffing und schadet dem SEO. Schreibe Alt-Text, der das Bild für einen menschlichen Leser beschreibt. Keywords kommen an zweiter Stelle.
Passt dein Ziel-Keyword nicht natürlich in den Alt-Text, lass es weg. Nutze stattdessen semantische Keywords. „Dashboard-Oberfläche mit verfügbaren Vorlagen" hilft auch ohne das exakte Keyword.
Komprimiere Bilder, um die Ladezeit zu verbessern
Grosse Bilddateien verlangsamen deine Seiten. Suchmaschinen stufen schnellere Seiten höher ein. Die Ladezeit ist ein bestätigter Ranking-Faktor. Das Komprimieren von Bildern verbessert Geschwindigkeit und Rankings.
Moderne Bildformate wie WebP und AVIF komprimieren 25 bis 50 % besser als JPEG und behalten dabei die Qualität. Nutzt du JPEG oder PNG, komprimiere sie vor dem Hochladen mit Kompressionstools.
Ein komprimiertes Bild hat vielleicht 80 KB statt 500 KB. Diese kleinere Datei lädt schneller. Deine Seite lädt schneller. Suchmaschinen stufen dich höher ein. Nutzer haben ein besseres Erlebnis. Bildkomprimierung gewinnt in jeder Hinsicht.
Nutze responsive Bilder, die sich an verschiedene Bildschirmgrössen anpassen
Mobile Nutzer sehen deine Website auf kleineren Bildschirmen. Ein 2000 Pixel breites Bild an ein Handy zu senden, das es mit 400 Pixeln anzeigt, ist Verschwendung. Das Handy lädt eine riesige Datei und verkleinert sie dann. Responsive Bilder senden verschiedene Grössen an verschiedene Geräte.
Ein Desktop-Nutzer bekommt ein grosses, hochwertiges Bild. Ein mobiler Nutzer bekommt ein kleineres Bild, das für mobile Bildschirme optimiert ist. Das verbessert die Ladezeit auf Mobilgeräten, was entscheidend ist, weil die meisten Suchanfragen auf Handys stattfinden.
Füge Bildunterschriften hinzu, wenn sie sinnvoll sind
Bildunterschriften sind Text, der unter oder neben Bildern steht. Sie liefern Kontext. Suchmaschinen lesen Bildunterschriften zusammen mit dem Alt-Text, um Bilder besser zu verstehen. Bildunterschriften helfen auch Lesern zu verstehen, was sie sehen.
Nicht jedes Bild braucht eine Bildunterschrift. Aber wichtige Bilder, die Kernkonzepte veranschaulichen, profitieren davon. Ein Screenshot einer Software braucht eine Bildunterschrift, die erklärt, was der Screenshot zeigt. Ein Diagramm braucht eine Bildunterschrift, die das Konzept erklärt.
Nutze Bild-Sitemaps für wichtige Bilder
Eine Bild-Sitemap sagt Suchmaschinen, welche Bilder auf deiner Website liegen. Sie hilft Suchmaschinen, Bilder zu entdecken und zu indexieren, die sie sonst übersehen könnten. Hast du viele Bilder, stellt eine Bild-Sitemap sicher, dass Suchmaschinen alle finden.
Für die meisten Websites ist das optional. Stehen Bilder aber im Zentrum deines Inhalts, etwa bei Rezeptseiten, Produktseiten oder Fotografie-Seiten, verbessert eine Bild-Sitemap das Bild-SEO deutlich.
Häufig gestellte Fragen
Kann ich denselben Alt-Text für alle Bilder nutzen?
Nein. Jedes Bild sollte einen eigenen Alt-Text haben, der genau dieses Bild beschreibt. Nutzt du denselben Alt-Text für 10 verschiedene Bilder, können Suchmaschinen sie nicht unterscheiden. Eindeutiger Alt-Text hilft Suchmaschinen zu verstehen, dass jedes Bild einen anderen Inhalt und eine andere Bedeutung hat. Mit dem Website-Builder von WEMASY kannst du das direkt auf deiner Website umsetzen.
Sollte ich in den Alt-Text jedes Bildes ein Keyword aufnehmen?
Nein. Nimm dein Keyword in den Alt-Text auf, wenn es natürlich passt und das Bild genau beschreibt. Hat dein Keyword nichts mit dem Bild zu tun, ist es besser, es wegzulassen, als es zu erzwingen. Schreibe Alt-Text, der zuerst das Bild beschreibt. Keywords sind ein Nebeneffekt, der sich ergibt, wenn du Bilder gut beschreibst.
Welches Bildformat ist am besten für SEO?
WebP und AVIF sind die besten modernen Formate. AVIF bietet die höchste Komprimierung und verkleinert die Dateigrösse um 50 % gegenüber JPEG. WebP bietet 25 bis 35 % Komprimierung bei breiterer Browser-Unterstützung. Muss deine Website ältere Browser unterstützen, nutze WebP. Nutze JPEG oder PNG nur, wenn du keine andere Wahl hast, da die Dateien grösser sind.
Beeinflusst der Alt-Text von Bildern das Ranking der Seite direkt?
Alt-Text ist kein direkter Ranking-Faktor für deine Seite. Aber er hilft Suchmaschinen, deine Seite besser zu verstehen, was indirekt dem Ranking hilft. Wichtiger noch: Alt-Text hilft deinen Bildern, in der Google-Bildersuche zu ranken, was Traffic bringt. Er verbessert auch die Barrierefreiheit für Nutzer mit Sehbehinderung und damit Nutzererlebnis und Interaktion.
Wie stark kann ich komprimieren, bevor Bilder an Qualität verlieren?
Moderne Kompressionstools erhalten die Qualität und verringern die Dateigrösse deutlich. Meist kannst du 50 bis 70 % komprimieren, ohne sichtbaren Qualitätsverlust. Teste mit deinen Tools verschiedene Komprimierungsstufen und vergleiche sie mit dem Auge. Für die meisten Zwecke siehst du erst bei mehr als 80 bis 90 % Komprimierung eine Qualitätsminderung. Nutze Tools und teste, statt zu raten.
Ist der Alt-Text wichtig, wenn das Bild rein dekorativ ist?
Bei rein dekorativen Bildern ohne Informationswert kannst du den Alt-Text leer lassen oder einen leeren Alt-Text (alt="") nutzen. So überspringen Screenreader das Bild, was das Erlebnis für sehbehinderte Nutzer verbessert. Aber wenn ein Bild Informationen vermittelt, auch ein dekoratives Bild, das zusammen mit Text genutzt wird, nimm einen beschreibenden Alt-Text auf.