Skip to main content

Ordner- und Dateibenennung für Joomla-Websites

Alles wichtige auf einen Blick:

Ordnerbezeichnung

  • Strukturierung nach Menü: Die Ordnerstruktur sollte die Menüstruktur der Website widerspiegeln, um eine intuitive Organisation und leichte Auffindbarkeit der Medien zu gewährleisten.
  • Seitenspezifische Ordner: Für jede Seite, die Medien enthält, sollte ein eigener Ordner angelegt werden. Dieser Ordner sollte das Suffix „page-ORDNERNAME“ tragen, wobei „ORDNERNAME“ durch den tatsächlichen Namen der Seite ersetzt wird (z.B. „page-startseite“, „page-produkte“).

Bildbenennung

  • Vermeidung von Sonderzeichen: Um Kompatibilitätsprobleme zu vermeiden, sollten in den Dateinamen keine Sonderzeichen verwendet werden.
  • Kleinschreibung: Alle Buchstaben in den Dateinamen sollten in Kleinbuchstaben gehalten werden, um Konsistenz und Plattformübergreifende Kompatibilität zu gewährleisten.
  • Funktionsbasierte Suffixe: Der Zweck oder die Funktion des Bildes sollte im Dateinamen durch ein Suffix klar gekennzeichnet werden. Beispiele hierfür sind „header-bildname.jpg“ für ein Kopfzeilenbild oder „slideshow-01-bildname.jpg“ für das erste Bild einer Diashow.

Um eine effektive Ordnerstruktur und Bezeichnungsweise für Bilder auf Joomla-Seiten zu erstellen, ist es wichtig, sowohl für die Übersichtlichkeit als auch für die zukünftige Skalierbarkeit zu planen. Hier ist eine detaillierte Anleitung basierend auf der von dir vorgegebenen Struktur:

1. Grundlegende Ordnerstruktur

  • /images/: Dies ist der Hauptordner, in dem alle Bilder gespeichert werden. Es hilft, alle visuellen Ressourcen an einem zentralen Ort zu organisieren.

1.1 System (Ordner)

  • /images/system/: Dieser Ordner enthält grundlegende Systembilder wie Logos und Favicon. Beispiele:
    • logo-firmenbezeichnung.svg: Das Hauptlogo der Firma. Es ist ratsam, eine Vektorversion (.svg) für Skalierbarkeit und Klarheit zu verwenden.
    • logo-firmenbezeichnung-invertiert.svg: Eine invertierte Farbversion des Logos, nützlich für unterschiedliche Hintergründe.
    • favicon.svg: Das kleine Icon, das in Browser-Tabs angezeigt wird, sollte auch als .svg für klare Darstellung über verschiedene Geräte hinweg gespeichert werden.

1.2 Seitenordner

  • /images/page-XXX/: Für jede Seite der Website sollte ein eigener Ordner erstellt werden, wobei "XXX" der Name der Seite ist (z.B. "startseite", "produkte", "kontakt"). Dies hilft, bilder spezifisch für jede Seite zu organisieren.
Beispiel: Produkte Seite
  • /images/page-produkte/: Speichert Bilder, die spezifisch für die Produktseite sind.
    • /page-product-A/: Für jedes Produkt A einen eigenen Ordner erstellen, um produktbezogene Bilder zu organisieren.
      • header-product-A.jpg: Ein Hauptbild für Produkt A, idealerweise in hoher Auflösung.
      • slideshow-1-individuelle-bezeichung.jpg: Slideshow-Bilder sollten individuelle Bezeichnungen haben, die den Inhalt oder das Merkmal des Bildes beschreiben.
      • call-to-action-product-A.jpg: Ein spezifisches Bild, das zur Handlung auffordert, z.B. für spezielle Angebote oder Hauptmerkmale des Produkts.

2. Benennungsregeln

  • Verwende klare und beschreibende Namen, die den Inhalt oder Zweck des Bildes widerspiegeln.
  • Trenne Wörter durch Bindestriche (-) statt Leerzeichen, um Kompatibilitätsprobleme zu vermeiden.
  • Verwende Kleinschreibung, um Konsistenz zu gewährleisten und Verwechslungen zu vermeiden.
  • Füge gegebenenfalls numerische Suffixe hinzu, um Versionen oder Sequenzen zu kennzeichnen (z.B. "header-01-product-A.jpg", "header-02-product-A.jpg").

Diese Struktur und Richtlinien sollen helfen, eine organisierte und effiziente Verwaltung der Bildressourcen auf Joomla-Seiten zu gewährleisten. Es ist wichtig, Konsistenz in der Benennung und Organisation zu wahren, um die Wartung und Aktualisierung der Website zu erleichtern.