Warum Bilder-SEO bei Joomla besonders relevant ist
Bilder sind in Joomla aus drei Gründen ein zentrales SEO-Thema:
- Größter Performance-Hebel.Bilder machen oft 60–80 % der gesamten Seitengröße aus. Bei Core Web Vitals ist LCP fast immer ein Bild.
- Bildersuche als Traffic-Quelle.Bei visuellen Themen kommt 5–15 % des Such-Traffics über Google Bilder. Voraussetzung: gute Alt-Texte und sprechende Dateinamen.
- Joomla-Eigenheiten beim Bilder-Handling.Der Medien-Manager und das Intro-Image-Konzept funktionieren anders als WordPress – wer das nicht versteht, verschenkt SEO-Hebel.
Sprechende Dateinamen vor dem Hochladen
Joomla speichert die Datei unter dem Namen, mit dem sie hochgeladen wird.
IMG_4729.jpg ist SEO-Gift, seo-checkliste-joomla.webp
ist optimal. Drei Regeln:
- Hauptkeyword im Dateinamen.Was zeigt das Bild? Den Begriff verwenden.
- Bindestriche statt Unterstriche.Google liest Bindestriche als Wort-Trenner, Unterstriche als Verbindung.
- Klein, kurz, ohne Sonderzeichen.Maximal 5–6 Wörter, keine Umlaute, keine Leerzeichen.
Wichtig: Vor dem Hochladen umbenennen. Joomla macht es schwer, einen einmal hochgeladenen Dateinamen nachträglich zu ändern, weil der Pfad in allen Artikeln referenziert ist.
Alt-Texte: das unterschätzte Pflicht-Feld
Der alt-Text beschreibt das Bild für Suchmaschinen und für Screenreader.
Joomla legt ein Alt-Text-Feld in den Bild-Eigenschaften an, sobald ein Bild im Editor
eingefügt wird. Das Feld bleibt aber häufig leer – und das ist ein doppeltes Problem:
SEO-relevant und ein Barrierefreiheits-Verstoß.
Drei Regeln für gute Alt-Texte
- Beschreibend, nicht erklärend.Was zeigt das Bild konkret? Nicht: „Bild zur Veranschaulichung von Joomla SEO". Sondern: „Joomla-Backend mit aktivierter SEF-URL-Einstellung".
- Hauptkeyword wenn natürlich, nie erzwungen.Wenn das Bild zum Artikel-Hauptthema passt, das Keyword einbauen. Sonst lieber präzise beschreiben.
- Maximal 125 Zeichen.Screenreader brechen längere Alt-Texte ab. 5–10 Wörter reichen.
Wann Alt-Text leer bleiben darf
Bei rein dekorativen Bildern – Hintergrundbilder, dekorative Trennlinien, Schmuckelemente –
sollte der Alt-Text leer sein (alt=""). Das signalisiert Screenreadern,
das Bild zu überspringen. Joomla erlaubt das im Backend: Feld einfach leer lassen.
WebP: das Format der Wahl
WebP ist seit Jahren das überlegene Bildformat: 30–50 % kleiner als JPG bei gleicher Qualität, 80–90 % kleiner als PNG bei gleicher Qualität. Alle modernen Browser unterstützen WebP, IE wird nicht mehr berücksichtigt.
Konvertierungs-Wege in Joomla
- Vor dem Upload konvertieren.Mit Tools wie Squoosh (browserbasiert), GIMP oder ImageMagick. Bietet die meiste Kontrolle, kostet aber pro Bild Aufwand.
- Joomla 5 mit nativem WebP-Support.Joomlas Medien-Manager kann WebP nativ – einfach hochladen und einbinden.
- SEO-Extension mit Image-Optimierung.4SEO bietet eine eingebaute Image-Optimierung mit automatischer WebP-Konvertierung. Bei Massen-Migrationen sehr nützlich.
Bei Bestandssites mit hunderten JPG-Bildern empfehlen wir die Extension-Variante – manuelle Konvertierung ist nicht praktikabel.
Lazy Loading richtig konfigurieren
Lazy Loading lädt Bilder erst dann, wenn sie in den sichtbaren Bereich des Viewports
scrollen. Das verbessert die initiale Ladezeit und damit Core Web Vitals deutlich.
Joomla 4 und 5 unterstützen loading="lazy" nativ – kein Plugin nötig.
Wichtige Ausnahme: Hero-Bild
Das größte Bild im Above-the-Fold-Bereich (meistens das Hero- oder Intro-Image) darf
nicht Lazy Loading bekommen, sonst leidet LCP. Im Editor das
Hero-Bild explizit von Lazy Loading ausschließen oder mit loading="eager"
markieren.
Stolperfalle bei Custom-Templates
Manche Custom-Templates haben eigene Bild-Output-Logik, die loading="lazy"
nicht automatisch setzt. Prüfen lässt sich das in den Browser-Devtools im Network-Tab:
Wenn Bilder unter dem Fold beim Initial-Load sofort geladen werden, fehlt das
Lazy-Loading-Attribut. Lösung: Template-Override anpassen oder eine SEO-Extension
einsetzen, die das Attribut nachträglich injiziert.
Width und Height – gegen Layout-Shifts
Bilder ohne Width/Height-Attribute verschieben das Layout während des Ladens (Cumulative Layout Shift, CLS). Joomla setzt die Attribute beim Einfügen über den Editor automatisch – aber nur, wenn die Bildgröße bekannt ist. Bei nachträglich skalierten Bildern oder bei Custom-Components muss manuell nachgeholfen werden.
Im Praxis-Audit prüfen wir CLS pro URL-Gruppe in der Search Console. Wenn dort Probleme auftauchen, sind in 80 % der Fälle Bilder ohne Größenangabe die Ursache.
Joomlas Intro-Image und Full-Image: das Spezial-Konzept
Anders als WordPress unterscheidet Joomla zwischen Intro-Image (in Listen-Ansichten) und Full-Image (in der Artikel-Detailansicht). Beide werden im Artikel-Editor unter Bilder und Links hochgeladen.
SEO-Empfehlungen zum Intro-/Full-Image
- Intro-Image: klein und schnell ladend. Wird in Kategorie- und Blog-Listen oft mehrfach pro Seite gezeigt.
- Full-Image: größer, mit hoher Detailstufe. Wird einmal pro Artikel-Detail gezeigt und ist meistens das LCP-Element.
- Alt-Text auf beiden Ebenen pflegen.Joomla bietet je ein Feld – beide nutzen, sonst greift in Listen ein leerer Alt-Text.
- Bei Schema-Markup berücksichtigen.Manche SEO-Extensions nehmen Intro-Image als Article-image, andere Full-Image. Prüfen, was für den jeweiligen Anwendungsfall passt.
Image-Sitemaps: für visuelle Sites lohnenswert
Bei Sites, die stark von Bildersuche profitieren (Galerien, Kataloge, Travel-Sites), lohnt sich eine separate Image-Sitemap. OSMap in der Pro-Version und sh404SEF bieten diese Funktion. Die Image-Sitemap führt alle Bilder mit Beschreibungen und Zusatzinformationen auf und erleichtert Google die Indexierung.
Bei Standard-Sites mit gelegentlichen Artikel-Bildern reicht die normale XML-Sitemap. Image-Sitemap erst dann einsetzen, wenn Bildersuche eine relevante Traffic-Quelle wird.
Häufige Bilder-SEO-Fehler im Joomla-Audit
- JPGs aus 2018, nie auf WebP umgestellt.Klassischer Audit-Fund. Lösung: 4SEO oder vergleichbare Extension einsetzen.
- Identische Alt-Texte auf vielen Bildern.Oft das Ergebnis von Massenuploads ohne nachträgliche Pflege. Im Backend pro Bild korrigieren.
- IMG_xxxx-Dateinamen.Smartphones nennen Bilder so. Vor dem Upload immer umbenennen.
- Hero-Bild mit Lazy Loading.LCP-Killer. Im Editor explizit ausschließen.
- Bilder direkt vom Server-Pfad eingebunden.Bilder im Joomla-Medien-Manager über den Editor einfügen, nicht hardcoded mit
/images/...-Pfad. Das macht Migrationen viel einfacher.