So schreiben Sie Bilddateinamen, die SEO und Barrierefreiheit unterstützen

Bilddateinamen sind wichtig, aber nicht so wichtig, wie oft behauptet wird

Bilddateinamen gehören zu den kleinen Webdetails, über die oft mit zu großer Gewissheit gesprochen wird. Manche Teams ignorieren sie vollständig und veröffentlichen IMG_7421.jpg. Andere machen aus jedem Produktfoto einen kleinen Keyword-Aufsatz.

Der sinnvolle Mittelweg ist einfach: Schreiben Sie Dateinamen, die das Bild klar beschreiben, Menschen bei der Verwaltung von Assets helfen und Suchmaschinen ein wenig zusätzlichen Kontext geben. Erwarten Sie nicht, dass Dateinamen schwache Inhalte, fehlende Alt-Texte, langsame Bilder oder eine verwirrende Seite ausgleichen.

Google empfiehlt ausdrücklich, kurze, beschreibende Dateinamen für Bilder zu verwenden. Das ist ein guter Rat. Es ist aber auch ein begrenzter Rat. Ein Dateiname ist nur ein Kontextsignal unter vielen: umgebender Text, Seitentitel, strukturierte Daten, Bildunterschriften, Alt-Text, Links, Bildqualität und die Frage, ob das Bild für die Seite tatsächlich nützlich ist.

Bei Barrierefreiheit ist es ähnlich. Ein guter Dateiname ist kein Ersatz für Alt-Text. Er kann aber Schaden verringern, wenn etwas schiefgeht, und er erleichtert Redakteuren, Entwicklern und Nutzern das Leben, die die Datei herunterladen, speichern oder teilen.

Die kurze Regel

Verwenden Sie einen Dateinamen, der diese Frage beantwortet:

Wenn jemand nur den Dateinamen sähe, hätte diese Person eine ungefähre Vorstellung davon, was das Bild enthält?

Gut:

• red-running-shoes-side-view.jpg
• checkout-error-message-mobile.png
• oak-dining-table-120cm-walnut.jpg
• team-planning-workshop-whiteboard.webp

Schlecht:

• IMG_7421.jpg
• final-final-v3-new.jpg
• best-cheap-running-shoes-buy-online-discount-sale.jpg
• screenshot.png

Das Ziel ist nicht Poesie. Das Ziel ist nützliche Genauigkeit.

Was ein guter Bilddateiname für SEO leistet

Ein guter Dateiname hilft Suchmaschinen, das Bild zu verstehen, besonders im Kontext der Bildersuche. Er kann das Thema der Seite und das Motiv der visuellen Darstellung verstärken.

Im Vergleich zu den Grundlagen ist er jedoch ein schwaches Signal:

• Das Bild erscheint auf einer relevanten Seite.
• Der umgebende Text erklärt oder unterstützt das Bild.
• Das Bild hat bei Bedarf passenden Alt-Text.
• Das Bild ist crawlbar und indexierbar.
• Die Datei ist nicht unnötig groß.
• Die Seite lädt zuverlässig.

Wenn Sie Bilder für die organische Suche verbessern, beginnen Sie mit Seitenrelevanz und Nützlichkeit. Bereinigen Sie danach die Dateinamen. Anschließend prüfen Sie Komprimierung, Formate, Abmessungen, Lazy Loading und gegebenenfalls strukturierte Daten. Unser Leitfaden zu Bildformaten im Jahr 2026 ist eine nützliche Ergänzung, wenn aus der Bereinigung der Dateinamen eine umfassendere Optimierung der Bildperformance wird.

Was ein guter Bilddateiname für Barrierefreiheit leistet

Streng genommen sind Dateinamen nicht der wichtigste Mechanismus für barrierefreie Bilder. Das ist Alt-Text.

Wenn ein Bild Informationen vermittelt, sollte das alt-Attribut die Textalternative bereitstellen. Wenn das Bild dekorativ ist, sollte das alt-Attribut normalerweise leer sein: alt="". Wenn das Bild ein Link oder ein Button ist, sollte der Alternativtext die Aktion oder das Ziel beschreiben, nicht nur die Pixel.

Das haben wir ausführlich in einem pragmatischen Leitfaden zu Bild-Alt-Texten im Jahr 2026 behandelt, und es lohnt sich, Alt-Text als eigene redaktionelle Aufgabe zu betrachten.

Warum sollte man sich also überhaupt wegen Barrierefreiheit um Dateinamen kümmern?

Weil Dateinamen häufig an den Rändern der Nutzungserfahrung sichtbar werden:

• Einige Kombinationen aus assistiver Technologie und Browser können einen Dateinamen anzeigen, wenn Alt-Text fehlt.
• Heruntergeladene Bilder brauchen auch außerhalb der Webseite verständliche Namen.
• CMS-Mediatheken lassen sich leichter prüfen, wenn Namen beschreibend sind.
• Redakteure hängen seltener das falsche Bild an, wenn Dateien klar benannt sind.
• Defekte Bilder und Debugging-Ansichten sind leichter zu interpretieren.

Ein Dateiname macht ein nicht barrierefreies Bild nicht barrierefrei. Aber ein schlechter Dateiname kann Fehler verwirrender machen.

Eine praktische Namenskonvention

Verwenden Sie dieses Standardmuster:

subject-detail-context.ext

Beispiele:

• espresso-machine-steam-wand-closeup.jpg
• pricing-table-enterprise-plan-desktop.png
• garden-chair-green-metal-front-view.webp
• password-reset-email-example.png

Für Produkte funktioniert eine etwas stärker strukturierte Variante oft besser:

brand-product-model-color-view.ext

Beispiele:

• acme-trail-jacket-blue-front.jpg
• northline-desk-lamp-brass-side.webp
• terra-ceramic-mug-white-top-view.jpg

Für redaktionelle Bilder:

topic-specific-scene.ext

Beispiele:

• remote-team-video-call-laptop.jpg
• city-bike-lane-rain-evening.jpg
• developer-debugging-http-headers-terminal.png

Für UI-Screenshots:

feature-state-device.ext

Beispiele:

• checkout-validation-error-mobile.png
• account-settings-two-factor-enabled-desktop.png
• analytics-dashboard-empty-state-tablet.png

Es geht nicht um starre Taxonomie. Es geht darum, Mehrdeutigkeit zu beseitigen.

Verwenden Sie Bindestriche, Kleinbuchstaben und einfache Wörter

Für öffentliche Web-Assets bevorzugen Sie:

• Kleinbuchstaben
• Bindestriche zwischen Wörtern
• Keine Leerzeichen
• Keine Unterstriche
• Keine Satzzeichen außer Bindestrichen
• Keine Sonderzeichen, sofern Ihr System sie nicht verlangt

Gut:

blue-cotton-shirt-front.jpg

Vermeiden:

Blue Cotton Shirt (Front).jpg

blue_cotton_shirt_front.jpg

bluecottonshirtfront.jpg

Bindestriche sind leichter zu lesen, leichter zu kopieren und in URLs weithin als Worttrenner verstanden. Kleinbuchstaben vermeiden außerdem lästige Probleme mit Groß- und Kleinschreibung zwischen lokaler Entwicklung, Linux-Servern, CDNs und Objektspeichern.

Halten Sie Dateinamen kurz, aber nicht vage

Ein Dateiname sollte lang genug sein, um das Bild zu beschreiben, und kurz genug, um lesbar zu bleiben.

Ein nützlicher Bereich liegt meist bei 3 bis 8 Wörtern vor der Dateiendung.

Zu vage:

shoes.jpg

Besser:

red-running-shoes-side-view.jpg

Zu viel:

best-lightweight-red-running-shoes-for-marathon-training-side-view-discount.jpg

Besser:

red-marathon-running-shoes-side-view.jpg

Wenn die Formulierung wie eine Suchanfrage klingt, die ein verzweifelter Marketer geschrieben hat, ist sie wahrscheinlich zu lang.

Überladen Sie Bilddateinamen nicht mit Keywords

Keyword-Stuffing in Dateinamen ist meist ein Zeichen dafür, dass die Seite ihre Aufgabe nicht erfüllt.

Schlecht:

best-seo-agency-seo-services-seo-consultant-seo-company.jpg

Das ist für Nutzer nicht hilfreich. Es ist für Redakteure nicht hilfreich. Es ist keine ernsthafte Praxis für Barrierefreiheit. Außerdem lässt es Ihre Website minderwertiger wirken.

Verwenden Sie den natürlichen Namen des Gegenstands, der im Bild zu sehen ist. Wenn ein Keyword passt, weil es das Bild genau beschreibt, verwenden Sie es. Wenn nicht, lassen Sie es weg.

Wenn das Bild zum Beispiel ein Foto eines schwarzen Ledersofas ist, ist black-leather-sofa-three-seat.jpg in Ordnung. best-modern-luxury-living-room-furniture-online.jpg ist kein Dateiname; es ist ein Hilferuf.

Stimmen Sie den Dateinamen auf das tatsächliche Bild ab

Das klingt offensichtlich, aber Bildbibliotheken verändern sich. Eine Datei namens homepage-hero-new.jpg kann irgendwann ein anderes Produkt, eine andere Person oder eine völlig andere Kampagne zeigen.

Das erzeugt zwei Probleme.

Erstens erhalten Suchmaschinen und Nutzer widersprüchliche Signale. Zweitens hören Teams auf, der Mediathek zu vertrauen.

Wenn sich die Bedeutung des Bildes ändert, benennen Sie es vor der Veröffentlichung um. Wenn Ihr CMS oder CDN das Umbenennen erschwert, erwägen Sie, intern stabile Asset-IDs zu verwenden und gleichzeitig nach Möglichkeit beschreibende öffentliche Dateinamen zu erzeugen.

Ein guter interner Workflow könnte so aussehen:

1. Das ursprüngliche Asset hochladen.
2. Unnötige Metadaten entfernen, wenn Datenschutz wichtig ist.
3. Das auf der Website verwendete Derivat umbenennen.
4. In den richtigen Abmessungen und im richtigen Format exportieren.
5. Alt-Text und Bildunterschriften im CMS hinzufügen.

Wenn Fotos von Nutzern, Mitarbeitenden oder Außenteams stammen, denken Sie daran, dass Dateinamen nur eine Datenschutzfläche sind. EXIF-Daten können Zeitstempel, Kameradetails und Standortinformationen enthalten. Lesen Sie vor der Veröffentlichung sensibler Bilder unseren Leitfaden dazu, wie man EXIF-Metadaten vor dem Teilen von Fotos online entfernt.

Trennen Sie Dateinamen von Alt-Text

Ein häufiger Fehler besteht darin, dieselbe Formulierung für den Dateinamen und den Alt-Text zu verwenden.

Manchmal ist das akzeptabel. Oft ist es bequem, aber nachlässig.

Dateiname:

red-running-shoes-side-view.jpg

Guter Alt-Text auf einer Produktseite:

Red running shoe shown from the side, with a white foam sole and black laces.

Guter Alt-Text auf einem Farbauswahl-Thumbnail:

Red

Guter Alt-Text, wenn das Bild dekorativ ist:

alt=""

Der Dateiname identifiziert das Asset. Der Alt-Text dient dem Nutzer im jeweiligen Kontext. Das sind verwandte Aufgaben, aber nicht identische Aufgaben.

Bilder für unterschiedliche Website-Typen benennen

Ecommerce

Nehmen Sie Produkttyp, wichtige Variante und Ansicht auf.

Beispiele:

• linen-shirt-white-front.jpg
• linen-shirt-white-back.jpg
• linen-shirt-white-collar-detail.jpg

Vermeiden Sie Preise, Aktionen oder temporäre Kampagnensprache. Diese ändern sich zu häufig.

Blogs und redaktionelle Websites

Beschreiben Sie die Szene oder das Konzept, nicht die Artikelüberschrift.

Gut:

designer-reviewing-mobile-layout.jpg

Weniger nützlich:

ultimate-guide-to-mobile-ux.jpg

Das Bild kann wiederverwendet, zugeschnitten oder syndiziert werden. Ein szenenbasierter Name altert besser.

SaaS und Dokumentation

Benennen Sie Screenshots nach Feature, Zustand und Plattform.

Beispiele:

• billing-settings-payment-method-empty-state.png
• project-dashboard-filter-menu-open.png
• api-token-created-confirmation-modal.png

Das macht Dokumentationsaktualisierungen deutlich weniger mühsam.

Lokale Unternehmen

Verwenden Sie Dienstleistung, Objekt oder Standort, wenn dies tatsächlich sichtbar und relevant ist.

Beispiele:

• bakery-window-display-sourdough-loaves.jpg
• dental-clinic-reception-area-berlin.jpg
• plumber-repairing-kitchen-sink.jpg

Fügen Sie nicht jeder Datei Städtenamen hinzu, wenn das Bild dies nicht stützt. Ein Foto eines Schraubenschlüssels ist nicht sinnvollerweise wrench-london.jpg.

Was ist mit Bildabmessungen und Versionen?

Vermeiden Sie Abmessungen im beschreibenden Hauptnamen, es sei denn, Ihr System benötigt sie.

Bessere Asset-Familie:

• red-running-shoes-side-view.jpg
• red-running-shoes-side-view-800w.jpg
• red-running-shoes-side-view-1600w.jpg

Wenn Ihr Build-System responsive Varianten automatisch erzeugt, lassen Sie es Breiten oder Hashes anhängen. Pflegen Sie nicht Dutzende Dateinamen von Hand, es sei denn, Sie mögen künftige Archäologie.

Content-Hashes sind für Caching in Ordnung:

red-running-shoes-side-view.a8f31c.webp

Der beschreibende Teil ist weiterhin vorhanden. Der Hash dient der Maschine.

Eine kurze Checkliste vor der Veröffentlichung

Fragen Sie vor der Veröffentlichung eines Bildes:

• Beschreibt der Dateiname das Bild in einfacher Sprache?
• Ist er kleingeschrieben und mit Bindestrichen getrennt?
• Ist er frei von Keyword-Stuffing?
• Vermeidet er temporäre Wörter wie new, final oder v2?
• Ergibt der Alt-Text im Seitenkontext Sinn?
• Sind Dateiformat und Dateigröße angemessen?
• Wurden sensible Metadaten entfernt, wo nötig?

Wenn Sie diese Fragen mit Ja beantworten können, ist der Dateiname wahrscheinlich gut genug. Verbringen Sie keine 20 Minuten damit, einen dekorativen Trenner zu benennen. Verbringen Sie aber 20 Sekunden damit, zu verhindern, dass DSC0038.jpg zu einer dauerhaft öffentlichen URL wird.

<!-- tool-cta:start -->

💡 Probieren Sie Folgendes aus: Normalisieren Sie Dateinamen mit dem Case Converter gesammelt in lowercase-kebab-case, damit Ihre Bildnamen im gesamten Projekt konsistent bleiben.

<!-- tool-cta:end -->

Der stille Vorteil: bessere Teams

Der SEO-Wert von Bilddateinamen ist moderat. Der operative Wert ist größer.

Gute Dateinamen machen Mediatheken durchsuchbar. Sie reduzieren doppelte Uploads. Sie helfen Designern, Entwicklern, Marketern und Support-Teams, über dasselbe Asset zu sprechen, ohne sechs Vorschauen zu öffnen. Sie beschleunigen Audits.

Das ist der eigentliche Grund, Bildbenennung zu standardisieren. Suchmaschinen profitieren von Klarheit, aber Menschen ebenso. Und bei Menschen bricht die Arbeit meist zuerst.