Jedes Bild auf Ihrer Website ist eine Ranking-Chance. Wenn Sie lernen, wie Sie Bilder für SEO benennen, erschließen Sie Traffic über Google Bilder, verbessern die thematische Relevanz Ihrer Seiten und machen Ihre Inhalte sowohl für Menschen als auch für Maschinen zugänglich.
In diesem umfassenden Leitfaden erklären wir die vier HTML-Elemente, die bestimmen, wie Suchmaschinen Ihre Bilder verstehen: Dateinamen, Alt-Text, Title-Text und Figcaptions. Sie erfahren genau, wie Sie jedes Element verfassen, sehen Praxisbeispiele und erhalten eine Checkliste, die Sie auf jedes veröffentlichte Bild anwenden können.
Wenn Sie eine WordPress-Website mit Hunderten oder Tausenden von Bildern betreiben, ist eine manuelle Optimierung nicht realistisch. Genau dafür haben wir das ImageSEO-Plugin entwickelt, das mithilfe von KI optimierte Alt-Texte und Dateinamen im großen Stil generiert. Doch ob Sie manuell oder mit einem Tool optimieren – die folgenden Prinzipien gelten für jede Website.
Die Bildersuche ist längst kein Nebenkanal mehr. Sie ist eine wichtige Quelle für qualifizierten Traffic – für E-Commerce-Shops, Publisher und Dienstleistungsunternehmen gleichermaßen. Die folgenden Zahlen sprechen für sich:
Im Jahr 2026 hat sich die Landschaft über die traditionelle Suche hinaus erweitert. KI-gestützte Suchmaschinen und Assistenten – darunter ChatGPT Search, Claude und Perplexity – crawlen und indexieren mittlerweile Webinhalte. Diese Systeme stützen sich stark auf strukturierte Textsignale wie Alt-Text und Dateinamen, um den Inhalt eines Bildes zu verstehen. Wenn ein KI-Assistent eine Frage beantwortet, die visuelle Inhalte betrifft, werden korrekt benannte Bilder mit aussagekräftigem Alt-Text deutlich häufiger referenziert und verlinkt.
Das bedeutet: Die Optimierung Ihrer Bild-Metadaten ist längst nicht mehr nur für Google relevant. Es geht darum, sicherzustellen, dass Ihre visuellen Inhalte auf jeder Plattform auffindbar sind, auf der Menschen nach Informationen suchen.
Bevor wir ins Detail gehen, hier ein kurzer Überblick über die vier HTML-Attribute und -Elemente, die Sie kennen müssen:
blue-running-shoes-nike.jpg). Suchmaschinen lesen den Dateinamen zuerst.<img>-Tag, die Suchmaschinen und Screenreadern mitteilt, was das Bild zeigt.<figure>– und <figcaption>-HTML-Elemente. Figcaptions werden von Suchmaschinen indexiert und von Nutzern gelesen.Jedes Element erfüllt einen eigenen Zweck. Die wichtigsten für SEO sind der Dateiname und der Alt-Text. Beginnen wir mit den Dateinamen.
Der Dateiname ist die erste Information, die eine Suchmaschine über Ihr Bild erhält. Er ist in der URL verankert – das heißt, er ist permanent, öffentlich und crawlbar. Wenn Sie ihn von Anfang an richtig wählen, ersparen Sie sich später aufwendige Weiterleitungen.
Wenn der Googlebot ein Bild entdeckt, liest er den Dateipfad und -namen, um ein erstes Verständnis des Bildinhalts zu gewinnen. Googles eigene Dokumentation zur Bilder-SEO besagt, dass Dateinamen Google Hinweise auf das Thema eines Bildes geben können.
Betrachten Sie den Unterschied zwischen diesen beiden URLs:
example.com/images/IMG_20260301_1847.jpg – Sagt Suchmaschinen gar nichts.example.com/images/red-leather-handbag-front-view.jpg – Kommuniziert sofort Motiv, Farbe, Material und Perspektive.Die zweite URL stärkt die Keyword-Relevanz der Seite und gibt Google Bilder ein starkes Signal, dieses Bild für Suchanfragen wie „rote Lederhandtasche“ zu ranken.
Befolgen Sie diese Regeln jedes Mal, wenn Sie eine Bilddatei benennen:
blue-running-shoes-on-trail.jpg ideal.DSC0001.jpg, image1.png oder Screenshot 2026-03-15.png vor dem Hochladen um.| Richtig (Gute Dateinamen) | Falsch (Schlechte Dateinamen) |
|---|---|
chocolate-chip-cookies-recipe.jpg |
IMG_4521.jpg |
yoga-mat-purple-6mm.jpg |
product-photo.jpg |
new-york-skyline-sunset.jpg |
photo_final_v2 (1).jpg |
seo-audit-checklist-template.png |
screenshot-2026-01-15-at-10.32.png |
white-ceramic-coffee-mug.jpg |
mug.jpg |
Wenn Ihre WordPress-Mediathek voller schlecht benannter Bilder ist, haben Sie mehrere Möglichkeiten:
Welche Methode Sie auch wählen – stellen Sie sicher, dass alte Bild-URLs per 301-Weiterleitung auf die neuen verweisen. Defekte Bild-URLs schaden sowohl der Nutzererfahrung als auch der SEO.
Es gibt keine offizielle Zeichenbegrenzung von Google, aber als Best Practice sollten Dateinamen zwischen 3 und 8 Wörtern (ca. 20 bis 60 Zeichen) lang sein. Längere Dateinamen werden in manchen Tools abgeschnitten und sind schwerer zu verwalten. Kürzere Dateinamen enthalten möglicherweise nicht genug beschreibende Details für Suchmaschinen.
Eine gute Faustregel: Wenn Sie in fünf durch Bindestriche getrennten Wörtern beschreiben können, was das Bild zeigt, haben Sie den optimalen Bereich für die SEO-gerechte Benennung von Bildern getroffen.
Der Alt-Text ist das wichtigste On-Page-Element für Bilder-SEO. Er ist zudem in vielen Ländern eine gesetzlich vorgeschriebene Barrierefreiheitsanforderung. Einen guten Alt-Text zu schreiben, dient sowohl Suchmaschinen als auch Menschen mit Behinderungen.
Alt-Text (kurz für „alternativer Text“) ist ein Textattribut, das dem HTML-<img>-Tag hinzugefügt wird. Er beschreibt den Inhalt und die Funktion eines Bildes. So sieht er im Code aus:
<img src="blue-running-shoes.jpg" alt="Blue Nike running shoes on a forest trail">
Wenn das Bild nicht angezeigt werden kann (langsame Verbindung, defekte URL oder E-Mail-Client blockiert Bilder), erscheint stattdessen der Alt-Text. Screenreader lesen den Alt-Text außerdem für sehbehinderte Nutzer vor – damit ist er unverzichtbar für die Web-Barrierefreiheit.
Diese Begriffe werden oft synonym verwendet, es gibt jedoch technische Unterschiede:
<img>.Für die Praxis bezeichnen alle drei Begriffe dasselbe: den beschreibenden Text, den Sie für Ihr Bild verfassen.
Effektiven Alt-Text zu schreiben bedeutet, eine Balance zwischen Beschreibung für die Barrierefreiheit und strategischem Einsatz für SEO zu finden. Befolgen Sie diese Richtlinien:
Hier sehen Sie Praxisbeispiele, die den Unterschied zwischen schlechtem, akzeptablem und ausgezeichnetem Alt-Text verdeutlichen:
Beispiel 1: Produktbild
alt="shoes"alt="running shoes"alt="Women's blue Nike Air Zoom Pegasus 42 running shoes, side view"Beispiel 2: Blogbeitragsbild
alt="chart"alt="SEO traffic chart"alt="Line chart showing 140% increase in organic traffic after image SEO optimization over 6 months"Beispiel 3: Dekoratives Bild
alt="". Dies signalisiert Screenreadern, das Bild zu überspringen.Die Web Content Accessibility Guidelines (WCAG 2.2) schreiben vor, dass alle nicht-dekorativen Bilder einen aussagekräftigen Alt-Text haben müssen. Das ist keine Option. In vielen Ländern, darunter die USA (gemäß ADA) und die Europäische Union (gemäß European Accessibility Act), kann das Fehlen von Alt-Text Ihr Unternehmen einem rechtlichen Risiko aussetzen.
Über die rechtliche Konformität hinaus machen barrierefreie Bilder Ihre Website nutzbar für die geschätzten 2,2 Milliarden Menschen weltweit, die eine Form von Sehbeeinträchtigung haben. Guter Alt-Text ist gutes SEO und gute Ethik.
Für einen umfassenden Einblick in die Alt-Text-Optimierung lesen Sie unseren vollständigen Leitfaden: Alt-Text für SEO: Der vollständige Leitfaden.
Das Title-Attribut ist das zweite Textattribut, das Sie einem <img>-Tag hinzufügen können. Es sieht so aus:
<img src="blue-shoes.jpg" alt="Blue running shoes on a trail" title="Nike Air Zoom Pegasus 42">
Wenn ein Nutzer mit der Maus über das Bild fährt, erscheint der Title-Text als kleiner Tooltip. Auf mobilen Geräten ist er in der Regel überhaupt nicht sichtbar.
Das Title-Attribut hat minimalen direkten Einfluss auf die Suchrankings. Google hat erklärt, dass der Alt-Text das primäre Textsignal für Bilder ist und das Title-Attribut bestenfalls ein sekundäres Signal darstellt. Dennoch gibt es Situationen, in denen es einen Mehrwert bietet:
Investieren Sie nicht übermäßig viel Zeit in Title-Attribute für jedes Bild. Setzen Sie sie stattdessen gezielt ein:
Wenn Sie das ImageSEO-Plugin verwenden, kann es Title-Attribute automatisch zusammen mit dem Alt-Text generieren und Ihnen den manuellen Aufwand ersparen.
Die <figure>– und <figcaption>-Elemente gehören zu den am wenigsten genutzten Bilder-SEO-Werkzeugen. Während Dateinamen und Alt-Text im Hintergrund arbeiten, sind Figcaptions für Leser sichtbar und liefern ein zusätzliches Textsignal, das Suchmaschinen indexieren.
In HTML umschließt das <figure>-Element eigenständige Inhalte wie Bilder, Diagramme oder Code-Snippets. Das <figcaption>-Element befindet sich innerhalb von <figure> und liefert eine Bildunterschrift. So sieht das Markup aus:
<figure>
<img src="seo-traffic-chart.png" alt="Organic traffic growth after image optimization">
<figcaption>Organic traffic increased 140% in 6 months after optimizing image filenames and alt text across 200 blog posts.</figcaption>
</figure>
Das <figure>-Element signalisiert Browsern und Suchmaschinen, dass das Bild und seine Bildunterschrift semantisch zusammengehören. Das ist stärker, als einfach einen Absatz unter ein Bild zu setzen.
Figcaptions bieten messbare SEO- und Engagement-Vorteile:
Eine Figcaption in WordPress hinzuzufügen ist unkompliziert:
<figure>– und <figcaption>-Tags.<figure>– und <figcaption>-Markup.Tipp: Ihre Figcaption sollte den Alt-Text nicht duplizieren. Der Alt-Text beschreibt, was das Bild zeigt – für die Barrierefreiheit. Die Figcaption liefert zusätzlichen redaktionellen Kontext, einen Datenpunkt oder einen Call-to-Action für sehende Leser.
Der Aufstieg KI-gestützter Suchplattformen hat eine neue Dimension der Bilder-SEO eröffnet. Zu verstehen, wie diese Systeme funktionieren, hilft Ihnen, für das gesamte Suchspektrum im Jahr 2026 zu optimieren.
KI-Suchmaschinen wie ChatGPT Search, Claude und Perplexity verwenden Webcrawler, um Inhalte zu indexieren – ähnlich wie der Googlebot. Wenn diese Crawler auf Bilder stoßen, stützen sie sich auf textbasierte Signale, um visuelle Inhalte zu verstehen:
Um die Wahrscheinlichkeit zu maximieren, dass Ihre Bilder und zugehörigen Inhalte von KI-Suchmaschinen referenziert werden, befolgen Sie diese zusätzlichen Praktiken:
loading="lazy") statt rein JavaScript-basierter Lösungen.Das grundlegende Prinzip bleibt dasselbe: Beschreiben Sie Ihre Bilder präzise und gründlich. Was sich geändert hat, ist, dass das Publikum für diese Beschreibungen jetzt auch KI-Systeme umfasst, die Informationen über Millionen von Seiten hinweg synthetisieren.
Verwenden Sie diese Checkliste jedes Mal, wenn Sie ein Bild zu einer Seite oder einem Blogbeitrag hinzufügen. Sie deckt alle in diesem Leitfaden besprochenen Elemente ab.
alt="") für rein dekorative Bilder verwenden.loading="lazy"-Attribut für Bilder unterhalb des sichtbaren Bereichs hinzugefügt.srcset– und sizes-Attribute für die Auslieferung passender Auflösungen verwendet.Wenn diese Checkliste für eine Website mit Tausenden von Bildern überwältigend erscheint, kann das ImageSEO-Plugin die Schritte für Dateinamen, Alt-Text und Title-Text in großem Umfang automatisieren.
Zu wissen, wie Sie Bilder für SEO benennen, lässt sich auf vier Elemente herunterbrechen. Folgendes sollten Sie sich merken:
Bilder-SEO ist keine einmalige Aufgabe. Während Sie neue Inhalte veröffentlichen und bestehende Seiten aktualisieren, wenden Sie diese Praktiken konsequent an. Der kumulative Effekt gut benannter, gut beschriebener Bilder auf Ihrer gesamten Website baut thematische Autorität auf, generiert Traffic aus der Bildersuche und stellt sicher, dass Ihre visuellen Inhalte sowohl von traditionellen Suchmaschinen als auch von KI-gestützten Plattformen im Jahr 2026 und darüber hinaus gefunden werden.
Days Launch
The One Startup
Fazier
Twelve Tools
yo.directory
Dofollow.Tools
Starter Best
Launchpadly