Einen WordPress Mediathek Ordner bringt WordPress von Haus aus nicht mit. Bei ein paar Dutzend Bildern stört das kaum, bei ein paar hundert suchst du nur noch per Scrollen und Dateinamen-Raten. Hier zeige ich dir, wie du eine Ordnerstruktur aufbaust, die auch in zwei Jahren noch trägt, wie du Bilder für die Ladezeit umwandelst und warum Alt-Texte und defekte Bildlinks dazugehören. Am Ende erfährst du, was mein Plugin Meindl Ordner dabei übernimmt und für wen es passt.
Warum die WordPress-Mediathek mit der Zeit chaotisch wird
WordPress legt Uploads auf dem Server nach Jahr und Monat ab. In der Mediathek siehst du davon wenig: Dort liegen alle Dateien in einer langen Liste, sortiert nach Upload-Datum. Filtern kannst du nach Dateityp und Monat, nach Projekt, Seite oder Thema dagegen nicht.
Bei einer kleinen Website reicht das eine Weile. Dann kommen Blogbeiträge dazu, neue Produktfotos, ein Team-Shooting, Logos von Partnern und PDFs für den Download. Oft laden mehrere Leute hoch, jeder mit eigenen Dateinamen wie „IMG_4711.jpg“ oder „final-neu-2.png“.
Irgendwann lädt jemand ein Bild doppelt hoch, weil er das alte nicht findet. Auf der Startseite landet ein Foto in voller Kameragröße und bremst sie aus. Und beim Aufräumen verschwindet ein Bild, das noch auf drei Unterseiten eingebunden war.
Dagegen hilft eine Kombination aus Ordnung, Bildoptimierung und regelmäßiger Kontrolle. Die Ordnung ist der erste Schritt, weil alles andere darauf aufbaut.
WordPress Mediathek Ordner: So baust du eine sinnvolle Struktur auf
Ordner in der Mediathek bringen nur etwas, wenn die Struktur zu deiner Website passt. Eine gute Struktur beantwortet die Frage „Wo würde ich dieses Bild suchen?“ ohne Nachdenken. Mit diesen Schritten kommst du dahin:
- Bestand anschauen: Scroll einmal durch die Mediathek und notier dir, welche Arten von Dateien es gibt. Meist sind das Seitenbilder, Blogbilder, Produktfotos, Logos und Dokumente.
- Hauptordner festlegen: Leg für jede dieser Arten einen Hauptordner an. Fünf bis acht Hauptordner reichen für die meisten Websites.
- Unterordner sparsam nutzen: Unterordner lohnen sich dort, wo viele Dateien zusammenkommen, etwa Produktfotos nach Kategorie oder Blogbilder nach Thema. Zwei Ebenen sind meist genug, drei sollten die Ausnahme sein.
- Eindeutige Namen wählen: Stehen „Produkte“ und „Produktfotos“ nebeneinander, weiß bald niemand mehr, wohin ein neues Bild gehört. Jeder Ordnername sollte nur eine Bedeutung haben.
- Altbestand einsortieren: Markier mehrere Dateien auf einmal und verschieb sie gesammelt. Fang mit den Bildern an, die auf wichtigen Seiten im Einsatz sind.
- Regel für neue Uploads: Öffne vor dem Hochladen den passenden Ordner. So wächst die Ordnung mit, und du musst nicht alle paar Monate aufräumen.
Je nach Art der Website sieht eine sinnvolle Struktur unterschiedlich aus. Die drei Beispiele hier kannst du als Startpunkt nehmen und anpassen.
| Art der Website | Hauptordner | Mögliche Unterordner |
|---|---|---|
| Handwerksbetrieb | Seiten, Referenzen, Team, Logos, Dokumente | Referenzen nach Leistung, zum Beispiel Bad, Heizung, Dach |
| Onlineshop | Produkte, Kategorien, Banner, Blog, Rechtliches | Produkte nach Kategorie, Banner nach Saison |
| Blog oder Magazin | Beiträge, Titelbilder, Autoren, Grafiken | Beiträge nach Thema oder Rubrik |
Ordner nach Jahr oder Monat bringen dir übrigens wenig. Danach kann WordPress schon filtern, und beim Suchen denkst du eher an das Thema als an den Upload-Monat.
Dateinamen gehören zur Ordnung dazu
Ein guter Dateiname beschreibt, was auf dem Bild zu sehen ist, etwa „badsanierung-nuertingen-dusche.jpg“. Das hilft dir beim Suchen und gibt Suchmaschinen einen zusätzlichen Hinweis. Benennst du eine Datei in WordPress aber nachträglich um, zeigen bestehende Einbindungen ins Leere. Dafür brauchst du ein Werkzeug, das die Links in deinen Inhalten mitzieht.
Bilder für die Ladezeit umwandeln: WebP, AVIF und Komprimierung
Bilder machen auf vielen Websites einen großen Teil der Datenmenge einer Seite aus. Wer WordPress Bilder komprimieren will, kann an drei Stellen ansetzen: an den Abmessungen, an der Kompression und am Dateiformat.
Abmessungen: Fotos auf eine sinnvolle Größe bringen
Kameras und Handys liefern Fotos, die weit größer sind, als ein Bildschirm darstellen kann. WordPress verkleinert sehr große Uploads und erzeugt zusätzliche Bildgrößen, die Dateien bleiben aber oft schwerer als nötig. Es lohnt sich deshalb, eine eigene Maximalgröße festzulegen, die zu deinem Theme passt.
Kompression: verlustbehaftet oder verlustfrei
Bei verlustfreier Kompression bleibt jedes Pixel erhalten, die Datei wird nur effizienter gespeichert. Verlustbehaftete Kompression spart deutlich mehr, verändert das Bild aber leicht. Für Fotos ist eine verlustbehaftete Kompression mit guter Qualitätsstufe meist die richtige Wahl, für Grafiken mit Text oder scharfen Kanten eher die verlustfreie.
Format: WebP und AVIF in WordPress
WebP und AVIF sind moderne Bildformate, die bei vergleichbarer Qualität in der Regel kleinere Dateien erzeugen als JPEG oder PNG. Aktuelle Browser zeigen beide an. Ob dein Server sie erzeugen kann, hängt von der installierten Bildbibliothek ab, also von Imagick oder GD und deren Version.
Wenn du WebP und AVIF in WordPress nutzen willst, achte auf zwei Dinge. Die Originale sollten gesichert bleiben, damit du bei einem Qualitätsproblem zurückkannst. Außerdem müssen sich beim Formatwechsel die Bildlinks in Seiten und Beiträgen mitändern, sonst zeigen sie auf eine Datei, die es nicht mehr gibt.
Alt-Texte für SEO und Barrierefreiheit
Der Alt-Text beschreibt ein Bild in Worten. Screenreader lesen ihn Menschen vor, die das Bild nicht sehen können. Suchmaschinen nutzen ihn, um zu verstehen, was auf dem Bild zu sehen ist und wozu es auf der Seite steht.
Ein guter Alt-Text ist kurz und beschreibt konkret den Inhalt. Mit „Bild1“ oder einer Reihe von Keywords kann niemand etwas anfangen. Besser ist so etwas wie „Neu geflieste bodengleiche Dusche mit Glaswand in einem hellen Bad“.
Bei zehn Bildern schreibst du das schnell von Hand. Bei mehreren hundert Bildern ohne Alt-Text bleibt es meist liegen. Dann lohnt es sich, den Alt-Text automatisch erzeugen zu lassen und danach nur noch die wichtigsten Bilder gegenzulesen.
Worauf du bei automatischen Alt-Texten achten solltest
- Die Sprache muss zur Website passen, und die Länge sollte sich begrenzen lassen.
- Keywords deiner Website dürfen einfließen, wenn sie zum Bild passen. Der Text sollte trotzdem natürlich klingen.
- Du solltest wissen, welche Daten an den KI-Anbieter gehen. Sind Personen auf den Bildern zu sehen, prüf das vorher mit Blick auf deine Datenschutzerklärung. Das ersetzt keine Rechtsberatung.
- Alt-Texte für zentrale Seiten wie Startseite und Leistungsseiten liest du am besten selbst gegen, weil eine KI den Zusammenhang deiner Seite nur begrenzt kennt.
Defekte Bildlinks finden, bevor Besucher sie sehen
Ein Bild wird umbenannt, gelöscht oder beim Umzug der Website nicht mitkopiert. Auf der Seite erscheint dann ein leerer Rahmen oder gar nichts. Im Backend merkst du davon meist nichts, weil der Editor die Lücke nicht auffällig markiert.
Besonders tückisch ist das bei Seitenbuildern, Widgets und Einstellungen im Customizer. Dort sind Bilder oft an Stellen eingebunden, an die beim Aufräumen niemand denkt, während Besucher die Lücke sofort sehen.
Prüf deine Website deshalb nach jedem größeren Umbau, nach einem Umzug und nach einer Aufräumaktion in der Mediathek. Ein Scan über alle veröffentlichten Inhalte erspart dir das Durchklicken jeder einzelnen Seite.
Was Meindl Ordner kann
Meindl Ordner ist eines meiner eigenen WordPress-Plugins. Es ist kostenlos, steht unter der GPL im offiziellen WordPress-Verzeichnis, und du brauchst weder Konto noch Lizenz. Das Plugin bündelt vier Werkzeuge, die alle unter Medien in deinem WordPress sitzen.
| Werkzeug | Was es macht |
|---|---|
| Ordner | Beliebig viele Ordner bis zu drei Ebenen tief, Drag & Drop, gesammeltes Verschieben, Uploads landen im geöffneten Ordner |
| Bildoptimierung | Verkleinern, verlustbehaftet oder verlustfrei komprimieren, Umwandlung in WebP, AVIF, PNG oder JPEG, Originale als Backup |
| KI-Alt-Texte | Alt-Text, Titel, Beschriftung und Beschreibung mit deinem eigenen API-Key von Claude oder OpenAI |
| Defekte Bildlinks | Findet Bilder, deren Datei fehlt, schlägt einen Ersatz vor und tauscht alle Vorkommen aus |
Ordner in Mediathek, Editor und Elementor
Die Ordnerleiste erscheint links in der Mediathek, in der Raster- wie in der Listenansicht. Du findest sie auch in jedem Mediendialog, im Block-Editor, im Classic Editor und in Elementor. Medien ziehst du per Drag & Drop in einen Ordner, Ordner verschiebst du mit langem Klick.
Jeder Ordner zeigt nur die Medien, die genau ihm zugeordnet sind. Löschst du einen Ordner, rücken seine Unterordner eine Ebene nach oben, und deine Dateien bleiben unangetastet.
Beim Umbenennen einer Datei benennt das Plugin alle Bildgrößen mit um, passt die Links in deinen Inhalten an und leitet alte Adressen per 301 weiter. Zusätzlich lassen sich Dateitypen wie SVG oder Lottie/JSON für die Mediathek freigeben.
Bildoptimierung auf deinem Server
Die Optimierung läuft lokal über Imagick oder GD, ohne externes Konto und ohne Kontingent. Große Bilder bringt das Plugin auf eine Maximalgröße, wobei das Seitenverhältnis erhalten bleibt und nichts vergrößert oder beschnitten wird. Du optimierst einzeln, als Auswahl, die ganze Mediathek oder automatisch beim Upload.
Eine Datei wird nur ersetzt, wenn das Ergebnis wirklich kleiner ist. Die Originale sichert das Plugin standardmäßig, und du kannst sie für ein Bild, eine Auswahl oder alle Bilder wiederherstellen. Wechselt das Format, werden Bildlinks in Beiträgen, Elementor und Widgets angepasst und alte Adressen per 301 weitergeleitet. Ob dein Server WebP und AVIF kann, zeigt dir das Plugin direkt an.
Alt-Texte per KI mit eigenem Key
Für die KI-Texte trägst du deinen eigenen API-Key von Anthropic (Claude) oder OpenAI ein. Ein Durchgang füllt Alt-Text, Titel, Beschriftung und Beschreibung. Du stellst Sprache, maximale Länge und die Keywords deiner Website ein und erzeugst Texte für ein Bild, eine Auswahl, alle Bilder ohne Text oder automatisch beim Upload im Hintergrund.
Im Mediendialog gibt es dafür den Button „Mit KI ausfüllen“. An den Anbieter gehen laut Plugin-Beschreibung eine verkleinerte Kopie des Bildes, der Dateiname, der Titel der Seite, an der das Bild hängt, und die optionalen Keywords. Ohne gespeicherten Key wird nichts gesendet, und die Kosten rechnet der KI-Anbieter direkt mit dir ab.
Defekte Bildlinks finden und ersetzen
Der Scan prüft veröffentlichte Seiten und Beiträge einschließlich Elementor, dazu Widgets und den Customizer. Zu jedem Fund siehst du die Seite, die ungefähre Position (oben, Mitte, unten) und das Element. „Auf der Seite zeigen“ markiert das fehlende Bild direkt auf der Seite.
Als Ersatz schlägt das Plugin das wahrscheinlich gemeinte Bild mit Trefferquote vor und achtet dabei etwa auf gleichen Namen, gleichen Upload-Monat und gleiche Bildgröße. Passt der Vorschlag nicht, wählst du über die Schnellsuche oder die Mediathek ein anderes Bild. Ein Klick ersetzt dann alle Vorkommen, auf Wunsch mit 301-Weiterleitung.
Weil das Ersetzen direkt in die Datenbank schreibt, solltest du vorher ein Backup machen. Vorschläge unter 90 % Trefferquote prüfst du am besten mit „Auf der Seite zeigen“, bevor du sie übernimmst.
Wann Meindl Ordner passt und wann eher nicht
Meindl Ordner passt gut, wenn deine Mediathek gewachsen ist und du Ordnung, kleinere Bilder und vollständige Alt-Texte in einem Plugin haben willst. Das gilt besonders, wenn du mit Elementor oder dem Block-Editor arbeitest und die Ordner direkt im Mediendialog brauchst. Ordner, Optimierung und Linkprüfung laufen auf deinem eigenen Server, was dir entgegenkommt, wenn du Bilder ungern an einen externen Dienst gibst.
Nutzt deine Website schon einen Bilddienst, der Formate und Größen beim Ausliefern umwandelt, brauchst du die lokale Optimierung kaum. Lass sie dann nicht doppelt laufen. Fehlen auf deinem Server Imagick und GD, funktioniert die Bildoptimierung nicht, und ohne passende Bibliothek gibt es auch kein AVIF.
Suchst du ein komplettes Asset-Management mit Freigabeprozessen und Rechteverwaltung für Agenturteams, ist ein Mediathek-Plugin das falsche Werkzeug. Auch wer erwartet, dass ein übergeordneter Ordner die Dateien seiner Unterordner mit anzeigt, wird hier nicht fündig, denn jeder Ordner zeigt nur seine eigenen Medien. Die KI-Funktion ist optional: Ohne eigenen API-Key kannst du die übrigen drei Werkzeuge voll nutzen.
Kurz zu mir: Ich bin Erwin Meindl aus Nürtingen und entwickle seit 2016 Websites und Software. Ich betreue über 40 Websites, und aus dieser Arbeit sind meine fünf WordPress-Plugins entstanden. Einen Überblick über alles, was ich baue, findest du unter Software.
Häufige Fragen
Kann ich in der WordPress-Mediathek ohne Plugin Ordner anlegen?
Nein, WordPress bringt in der Mediathek keine Ordnerfunktion mit. Du kannst dort nur nach Dateityp und Upload-Monat filtern. Für echte Ordner brauchst du ein Plugin wie Meindl Ordner.
Werden meine Dateien gelöscht, wenn ich einen Ordner lösche?
Bei Meindl Ordner nicht. Die Unterordner rücken eine Ebene nach oben, und deine Medien bleiben unangetastet.
Kann ich die Umwandlung in WebP oder AVIF rückgängig machen?
Ja, solange die Einstellung „Originale sichern“ eingeschaltet ist, und das ist sie standardmäßig. Du stellst dann ein einzelnes Bild, eine Auswahl oder alle Bilder wieder her.
Was braucht mein Server für Meindl Ordner?
WordPress ab Version 5.9 und PHP ab 7.4 mit Imagick oder GD. Ob WebP und AVIF auf deinem Server verfügbar sind, zeigt dir das Plugin auf seiner Übersichtsseite an.
Probier es an deiner eigenen Mediathek aus: Lade Meindl Ordner aus dem WordPress-Verzeichnis, leg drei oder vier Hauptordner an und sortier die Bilder deiner Startseite ein. Wenn du Fragen hast oder Hilfe beim Aufräumen einer größeren Website brauchst, schreib mir über die Kontaktseite.
// geschrieben von
Erwin Meindl
Entwickler aus Nürtingen. Baut seit 2016 Webseiten und Software für Unternehmen, dazu eigene WordPress-Plugins und die Außendienst-Software Turnus.
Mehr über mich
