Team-Bilddatei-Namenskonvention (mit fertigen Vorlagen)

Warum „IMG_8302.jpg“ Ihnen Zeit und SEO-Potenzial kostet

Wir kennen das alle: Ein Ordner voller image-1.png, screenshot-final.jpg und logo_new_v2.svg. Kurzfristig praktisch, langfristig ein Albtraum. Die Folge: Ressourcen sind nicht auffindbar, Kolleg:innen ratlos und eine der einfachsten SEO-Chancen wird verschenkt.

Eine klare, einheitliche Bilddatei-Namenskonvention ist eine der schnellsten Maßnahmen, um Team-Workflows und die Sichtbarkeit in der Google-Bildersuche massiv zu verbessern.

Die goldenen Regeln für Bilddateinamen im Web

Bevor wir zu den Vorlagen kommen – vier universelle Regeln:

1. Beschreibend, aber kurz
   blaue-wildleder-wanderstiefel.jpg ist tausendmal besser als product-291.jpg.

2. Bindestriche statt Unterstriche
   Suchmaschinen behandeln - als Leerzeichen, _ jedoch als Teil des Wortes.
   Richtig: blaue-wildleder-stiefel → „blaue wildleder stiefel“
   Falsch: blaue_wildleder_stiefel → „blauewildlederstiefel“

3. Nur Kleinbuchstaben
   Manche Server sind case-sensitive. my-image.jpg und My-Image.JPG können zu 404-Fehlern führen.

4. Keine Sonderzeichen & Leerzeichen
   Nur Buchstaben, Zahlen und Bindestriche. Vermeiden Sie Leerzeichen, &, ’, ?, %, # usw. – sie werden zu unschönen %20-%C3%A4-URL-Monstern.

Fertige Namensvorlagen für verschiedene Anwendungsfälle

1. Blog-Artikel & Magazinbeiträge

Kombinieren Sie das Haupt-Keyword des Artikels mit einer konkreten Bildbeschreibung.

Vorlage: `[artikel-keyword]-[bildbeschreibung].jpg

• Richtig: farbkontrast-leitfaden-bestehen-fehlschlag-beispiele.png
• Richtig: bildkomprimierung-tipps-qualitaetsregler.jpg
• Falsch: blog-image-1.jpg

→ Redakteur:innen finden sofort alle Bilder zu einem Thema + perfekte Keywords für Google Bilder.

2. E-Commerce-Produktfotos

Klarheit und Skalierbarkeit sind entscheidend.

Vorlage: [produktname]-[sku-oder-modell]-[aufnahmetyp-oder-winkel].jpg

• Richtig: neatforge-explorer-rucksack-b-52-vorne.jpg
• Richtig: neatforge-explorer-rucksack-b-52-lifestyle-wanderer.jpg
• Richtig: neatforge-explorer-rucksack-b-52-detail-naht.jpg
• Falsch: rucksack.jpg

Ideal für Shopify, WooCommerce & Co., besonders bei vielen Farb-/Größenvarianten.

3. Marketing-Assets & Website-Banner

Beschreiben Sie Inhalt + Einsatzort.

Vorlage: [seite-oder-bereich]-[inhaltsbeschreibung].jpg

• Richtig: startseite-hero-banner-sommer-sale.jpg
• Richtig: ueber-uns-seite-teamfoto.jpg
• Richtig: leistungen-seite-icon-webentwicklung.svg
• Falsch: banner-ad-final.jpg

4. Versionierung ohne Chaos

Statt _final_v2_really-final einfach Datum oder Versionsnummer anhängen.

Vorlage: [originalname]-v[nummer].jpg oder [originalname]-[YYYY-MM-DD].jpg

• Richtig: startseite-hero-banner-sommer-sale-v3.jpg
• Richtig: startseite-hero-banner-sommer-sale-2025-06-09.jpg
• Falsch: startseite-hero-banner-sommer-sale-endgueltig-endgueltig.jpg

So führen Sie die Konvention im Team ein

1. Dokumentieren – Legen Sie die gewählte Regel in einem zentralen Team-Dokument (Notion, Confluence, Google Doc) fest.
2. Sofort starten – Ab heute gelten die neuen Regeln für alle neuen Bilder.
3. Alte Bilder schrittweise umbenennen – Fangen Sie bei den wichtigsten Seiten an (Startseite, Top-Produkte, neueste Blogposts). Bei bereits indexierten Bildern → 301-Weiterleitung nicht vergessen!

Eine saubere Bilddatei-Namenskonvention ist eine kleine Änderung mit riesigem Hebel für Ordnung, Team-Effizienz und SEO. Eine der einfachsten und wirkungsvollsten Best Practices, die Sie sofort umsetzen können.

Häufige Fehler und ihre Reparatur

Diese vier Muster finden sich in fast jedem Projekt – so werden Sie sie los:

1. Leerzeichen im Namen: mein bild.jpg wird zu mein%20bild.jpg-Monstern in URLs. Per Massen-Umbenennung einmalig auf Bindestriche umstellen.
2. Groß-Klein-Mix: Banner-Sale.JPG liefert auf case-sensitiven Servern 404er. Alles klein schreiben, ausnahmslos.
3. Final-Ketten: banner-final-wirklich-final2.jpg durch Versionsnummern ersetzen und alte Stände archivieren statt weiterzuzählen.
4. Export-Defaults: Figma und Photoshop schlagen generische Namen vor. Export-Presets einmalig mit der Team-Vorlage konfigurieren, danach kommt jeder Export korrekt benannt heraus.

Konvention automatisch durchsetzen

Regeln ohne Kontrolle sterben leise. So bleibt das System am Leben:

• Upload-Presets im CMS: Dateinamen beim Hochladen automatisch slugifizieren (klein, Bindestriche, keine Sonderzeichen).
• Pre-Commit-Hook: Zehn Zeilen Skript, die Leerzeichen und Großbuchstaben in Bildpfaden vor dem Commit ablehnen.
• Top 20 zuerst: Die trafficstärksten Bilder zuerst umbenennen, mit 301-Weiterleitung, dann nach Seitenwert absteigend weiter.
• Halbjährlicher Audit: Bild-URLs aus der Sitemap exportieren und nach IMG_, DSC_, final sowie Unterstrichen suchen – die Trefferliste ist der nächste Cleanup-Sprint.

Sonderfall: Umlaute, ß und mehrsprachige Teams

Deutsche Dateinamen brauchen eine feste Umlaut-Regel, sonst schreibt jeder anders:

• Empfehlung: ä→ae, ö→oe, ü→ue, ß→ss (gruene-wiese.jpg statt grüne-wiese.jpg). So bleiben URLs ASCII-sauber und funktionieren auf jedem Server.
• Konsistenz schlägt Schönheit: Ob ue oder u – entscheidend ist, dass das ganze Team dieselbe Variante nutzt. Einmal im Team-Dokument festhalten.
• Englische Master-Namen erwägen: Wer international arbeitet, benennt Assets grundsätzlich englisch (green-meadow.jpg). Weniger Sonderfälle, bessere Wiederverwendbarkeit über Sprachversionen hinweg.