Bilder machen eine Website verständlicher und bringen über die Google Bildersuche eigene Besucher. Sie sind aber auch der häufigste Grund, warum eine Joomla-Seite langsam lädt. Bilder-SEO verbindet beides: Suchmaschinen sollen verstehen, was ein Bild zeigt, und Besucher sollen es schnell sehen. Diese Seite zeigt, wie das in Joomla 5 und 6 funktioniert, welche Einstellungen der Kern mitbringt und wann eine Erweiterung sinnvoll ist.
Sprechende Dateinamen
Google empfiehlt kurze, aussagekräftige Dateinamen. Ein Name wie IMG00023.JPG sagt nichts über das Bild aus, ein Name wie roter-schuh-damen.jpg schon [1]. Bei Websites in mehreren Sprachen rät Google, auch die Dateinamen zu übersetzen [1].
Benenne Bilder deshalb vor dem Hochladen um. Bewährt haben sich Kleinbuchstaben, Bindestriche zwischen den Wörtern und keine Umlaute oder Leerzeichen. Das Umbenennen danach ist mühsam. Joomla speichert den Pfad zum Bild in jedem Beitrag, in dem es verwendet wird, und ein neuer Dateiname führt sonst zu fehlenden Bildern.
Alt-Texte richtig pflegen
Der Alt-Text beschreibt ein Bild für Menschen, die es nicht sehen können, und hilft Suchmaschinen, den Inhalt zu verstehen. Google schreibt, dass Alt-Texte hilfreich und informativ sein sollen und Keywords passend eingesetzt werden. Wer sie mit Suchbegriffen vollstopft, riskiert, dass die Seite als Spam eingestuft wird [1].
In Joomla gibt es das Feld an mehreren Stellen. Beim Einfügen eines Bildes über den Editor fragt Joomla nach einer Beschreibung. Für das Einleitungsbild und das Beitragsbild gibt es im Beitrag unter Bilder und Links jeweils ein eigenes Feld "Image Description (Alt Text)" [2]. Beide Felder sollten gefüllt sein, sonst fehlt der Alt-Text zum Beispiel in Blog- und Kategorieansichten.
Ein guter Alt-Text beschreibt, was zu sehen ist: "Joomla-Backend mit geöffneten SEF-Einstellungen" statt "Bild zu Joomla SEO". Rein dekorative Bilder, etwa Trennlinien oder Hintergrundmuster, bekommen einen leeren Alt-Text. Dafür bietet Joomla im Beitrag die Schaltfläche "Decorative Image", die ein leeres alt-Attribut setzt. Das Handbuch rät trotzdem, im Zweifel lieber eine kurze Beschreibung zu schreiben [2]. Was ein Alt-Attribut genau ist, erklärt das Glossar unter Alt-Attribut.
Noch eine Frage offen?
In der gratis Sprechstunde beantworten wir Fragen zu SEO live, jeden ersten Samstag im Monat um 18 Uhr. Oder du rufst einfach an.
Einleitungsbild und Beitragsbild
Joomla unterscheidet zwei Bilder je Beitrag. Das Einleitungsbild (Intro Image) erscheint in Blog- und Listenansichten, meist über dem Titel. Das Beitragsbild (Full Article Image) steht oben im vollständigen Beitrag [2]. Beide haben eigene Felder für Alt-Text und Bildunterschrift.
Daraus ergeben sich zwei Empfehlungen. Das Einleitungsbild erscheint auf Übersichtsseiten oft viele Male, es sollte deshalb klein und leicht sein. Das Beitragsbild ist auf der Einzelseite häufig das größte sichtbare Element und damit der Kandidat für den Largest Contentful Paint. Es darf größer sein, sollte aber nicht breiter hochgeladen werden, als es angezeigt wird. Prüfe außerdem, welches der beiden Bilder deine SEO-Erweiterung oder dein Template in die strukturierten Daten übernimmt.
Bildformate und WebP
Google unterstützt in der Suche unter anderem JPEG, PNG, GIF, WebP, SVG und AVIF. Die Dateiendung sollte zum tatsächlichen Dateityp passen [1]. Welches Format bei einem Bild die kleinste Datei ergibt, siehst du am schnellsten, wenn du es in zwei Formaten speicherst und die Größen vergleichst.
Lehnt der Medienmanager eine WebP-Datei ab, liegt es an den Einstellungen. In den Optionen der Medien gibt es die Felder für erlaubte Endungen, gültige Dateitypen und gültige MIME-Typen. Laut Joomla-Handbuch müssen alle drei stimmen, sonst wird der Upload verweigert [3].
Für die Umwandlung gibt es zwei Wege. Du wandelst Bilder vor dem Hochladen um, mit einem Bildprogramm oder einem Werkzeug im Browser. Das gibt dir die meiste Kontrolle über Größe und Qualität. Bei Websites mit Hunderten alter JPEG-Dateien ist das allerdings viel Handarbeit. Dann lohnt sich eine Erweiterung, die vorhandene Bilder automatisch umwandelt. Achte bei der Auswahl darauf, dass sie mit deiner Joomla-Version kompatibel ist und die Originale nicht überschreibt.
Lazy Loading und das erste Bild
Lazy Loading lädt Bilder erst, wenn sie in den sichtbaren Bereich scrollen. Joomla setzt seit Version 4 beim Einfügen von Bildern standardmäßig das Attribut loading="lazy". Im Editor lässt sich das je Bild abwählen [4]. Ein Beitrag im Joomla Magazine beschreibt für Entwickler, dass der Bild-Helper von Joomla das Attribut setzt, wenn Breite und Höhe des Bildes definiert sind [5].
Für das erste große Bild oben auf der Seite ist Lazy Loading allerdings schädlich. Ein Labortest auf web.dev mit WordPress-Websites zeigte, dass zu viel Lazy Loading den Largest Contentful Paint verzögert. Wurden nur die Bilder unterhalb des sichtbaren Bereichs verzögert geladen, verschwand der Nachteil im Test [6]. Google nennt als Zielwert für den Largest Contentful Paint 2,5 Sekunden [7]. Nimm das Beitragsbild oder ein großes Bild im Kopfbereich deshalb vom Lazy Loading aus.
Breite und Höhe gegen springende Layouts
Bilder ohne Größenangabe gehören laut web.dev zu den häufigsten Ursachen für einen schlechten Cumulative Layout Shift, also für Inhalte, die beim Laden springen. Die Empfehlung lautet, bei Bildern immer die Attribute width und height anzugeben oder den Platz per CSS mit aspect-ratio zu reservieren [8]. Ein Blick in den Quelltext zeigt, ob bei deinen Bildern width und height stehen, bei Bildern aus dem Editor ebenso wie bei Templates mit eigener Bildausgabe und bei Erweiterungen. Google nennt für den Cumulative Layout Shift einen Zielwert unter 0,1 [7]. Wie sich Ladezeit und Core Web Vitals verbessern lassen, beschreibt der Ratgeber Joomla Performance.
Bild-Sitemaps
Eine Bild-Sitemap macht Google auf Bilder aufmerksam, die der Crawler sonst übersehen könnte, zum Beispiel Bilder, die per JavaScript geladen werden. Pro Seite sind bis zu 1.000 Bilder erlaubt. Die früheren Zusatzangaben wie Bildunterschrift und Titel nutzt Google nicht mehr [9].
In Joomla erzeugen Erweiterungen die Bild-Sitemap. OSMap baut sie laut Eintrag im Joomla Extensions Directory schon in der kostenlosen Version automatisch [10]. 4SEO erzeugt ebenfalls Bild-Sitemaps und erkennt Bilder im Inhalt selbst [11]. Für eine normale Unternehmenswebsite mit wenigen Bildern je Beitrag ist das ein nützlicher Zusatz. Wichtig wird es bei Katalogen, Galerien oder Shops, die Besucher über die Bildersuche gewinnen. Die Einrichtung beschreibt der Ratgeber Joomla XML-Sitemap mit OSMap.
Häufige Fehler
- Bilder in Kameragröße mit mehreren tausend Pixeln Breite, die als kleines Vorschaubild angezeigt werden.
- Dateinamen wie IMG_4729.jpg direkt vom Smartphone.
- Derselbe Alt-Text auf vielen Bildern nach einem Massenupload.
- Lazy Loading auf dem ersten großen Bild der Seite.
- Bilder mit festem Pfad im Template statt über den Medienmanager, was spätere Umzüge erschwert.
Alle Punkte lassen sich mit überschaubarem Aufwand beheben. Bei großen Websites lohnt es sich, mit den Seiten anzufangen, die schon Besucher aus der Suche bekommen.
Du bist unsicher, wo die Bilder deine Joomla-Website ausbremsen? Stell die Frage in der gratis Sprechstunde am ersten Samstag im Monat um 18 Uhr. Gemeinsam schaut ihr auf deine Seite und findet die zwei oder drei Bilder, die am meisten bringen. Mehr zu Inhalten findest du unter Content-SEO für Joomla.
- Organisation Best Practices für Bilder bei der Google Suche. Google Search Central. Stand 04.03.2026. abgerufen am 31.10.2026
- Organisation Article: Edit, Images and Links. Joomla! User Guide. Stand laufend. abgerufen am 31.10.2026
- Organisation Media: Options. Joomla! User Manual. Stand laufend. abgerufen am 31.10.2026
- Studie Using native lazyloading on your website (Tobias Zulauf). Joomla! Magazine. Stand 20.01.2021. abgerufen am 31.10.2026
- Studie New image convention to help developers. Joomla! Magazine. Stand 20.02.2022. abgerufen am 31.10.2026
- Studie The performance effects of too much lazy loading (Felix Arntz, Rick Viscomi). web.dev. Stand 31.03.2022. abgerufen am 31.10.2026
- Organisation Core Web Vitals und Google-Suchergebnisse. Google Search Central. Stand 18.12.2025. abgerufen am 31.10.2026
- Organisation Optimize Cumulative Layout Shift. web.dev. Stand 07.02.2025. abgerufen am 31.10.2026
- Organisation Bilder-Sitemaps. Google Search Central. Stand 20.02.2026. abgerufen am 31.10.2026
- Organisation OSMap. Joomla! Extensions Directory. Stand 01.10.2026. abgerufen am 31.10.2026
- Organisation 4SEO. Joomla! Extensions Directory. Stand 07.10.2026. abgerufen am 31.10.2026
Häufige Fragen
Soll ich alle Bilder auf WebP umstellen?
Für neue Bilder ist WebP eine gute Wahl, Google unterstützt das Format in der Suche. Vergleiche im Zweifel die Dateigröße mit dem JPEG. Bei vielen alten Bildern lohnt sich eine Erweiterung, die automatisch umwandelt.
Brauchen dekorative Bilder einen Alt-Text?
Nein, sie bekommen einen leeren Alt-Text. In Joomla setzt die Schaltfläche "Decorative Image" ein leeres alt-Attribut. Das Attribut selbst muss vorhanden sein.
Wie groß dürfen Bilder in Joomla sein?
Lade Bilder nicht breiter hoch, als sie auf der Seite angezeigt werden. Ein Bild, das mit 800 Pixeln Breite erscheint, braucht keine 4.000 Pixel. Komprimiere es vor dem Hochladen.
Soll das erste Bild der Seite Lazy Loading bekommen?
Nein. Das erste große Bild ist oft das Element, das den Largest Contentful Paint bestimmt. Lazy Loading verzögert es. Nimm es im Editor vom Lazy Loading aus.
Braucht meine Joomla-Website eine Bild-Sitemap?
Nicht zwingend. Sie hilft vor allem Websites, die über die Bildersuche gefunden werden wollen, etwa Kataloge und Galerien. OSMap erzeugt sie schon in der kostenlosen Version.
Noch eine Frage offen?
In der gratis Sprechstunde beantworten wir Fragen zu SEO live, jeden ersten Samstag im Monat um 18 Uhr. Oder du rufst einfach an.
Zuletzt geprüft am 03.11.2026, nächste Prüfung spätestens im November 2027. Fehler entdeckt? Schreib uns.
