Die Kurzfassung: Um die Bilder einer Seite auf SEO-Aspekte zu prüfen, fügen Sie deren URL in den kostenlosen SEO Image Checker von PromoPilot ein. Das Tool analysiert bis zu 100 <img> -Tags: ob ein Alt-Tag vorhanden ist, ob loading="lazy" gesetzt ist, ob Breite und Höhe festgelegt sind, ob WebP, AVIF oder SVG verwendet werden und ob ein srcset-Attribut vorhanden ist. Das Ergebnis ist eine Punktzahl von 0 bis 100 sowie Kommentare zu jedem Bild. Im Folgenden erfahren Sie, wie die Punktzahl berechnet wird, was Sie zuerst optimieren sollten und was das Tool nicht erkennt.
Ich baue seit 12 Jahren Webseiten und Onlineshops, und Bilder sind dabei fast immer der größte Engpass. Eine typische Produktkarte: fünf 3-MB-Fotos direkt aus der Kamera, ein leerer Alternativtext und der Dateiname IMG_4512.jpg.
Was wird bei der Bild-SEO-Prüfung überprüft?
Das Tool betrachtet jedes Bild auf der Seite anhand von fünf Kriterien und addiert diese zu einer Gesamtpunktzahl.
| Was wird überprüft? | Was schaut er sich an? | Warum ist das wichtig für SEO und Unternehmen? |
|---|---|---|
| Alternativ | Gibt es zu jedem <img> | Google Bildersuche nach Alternativtext; Barrierefreiheit für Blinde |
| Lazy Loading | Das Attribut loading="lazy" wird auf Bilder unterhalb des ersten Bildschirms angewendet. | Die Seite lädt nichts, wozu der Besucher noch nicht gescrollt hat. |
| Breite und Höhe | Sind die Abmessungen in den Tag-Attributen angegeben? | Blöcke "springen" beim Laden nicht – dies ist eine CLS-Metrik |
| Format | WebP, AVIF oder SVG (nach Dateierweiterung) | Moderne Formate sind merklich kleiner als JPG und PNG. |
| Srcset | Gibt es Bildoptionen für verschiedene Bildschirmgrößen? | Das Telefon empfängt die kleine Datei, nicht die Monitorversion. |
Jedes Bild erhält eine Liste mit Kommentaren, und die Seite erhält eine Endwertung. Das ist praktisch: Man sieht nicht nur, was falsch ist, sondern auch, welches Bild dafür verantwortlich ist.
Wie kann man Bilder auf einer Webseite online überprüfen?
- Bild-SEO-Check öffnen.
- Fügen Sie die Seitenadresse ein, vorzugsweise eine Seite mit vielen Fotos: Produktkarte, Kategorie, Blogartikel, Portfolio.
- Klicken Sie auf „Prüfen“ und warten Sie, bis alle Bilder gescannt wurden.
- Sehen Sie sich die Bewertung und die Kommentare zu jedem Bild an.
- Bitte beheben Sie die Probleme und überprüfen Sie die Seite erneut.
So sieht die Tool-Seite aus: Adressfeld, Liste der Prüfungen und FAQ.
Wie wird die Bewertung berechnet und was sollte zuerst korrigiert werden?
Die Bewertung beginnt bei 100 Punkten, und für jeden Fehler werden Punkte abgezogen, abhängig vom Prozentsatz der Bilder auf der Seite, die die Kriterien nicht erfüllen. Kennt man die Regeln, lässt sich leicht herausfinden, was die größte Verbesserung bringt.
| Prüfung | Bußgeld | Kommentar |
|---|---|---|
| Alternativ | Weniger als 50 % der Bilder mit Alternativtext — -30; weniger als 80 % — -15; weniger als 100 % — -5 | Der wichtigste Punkt |
| Lazy Loading | weniger als 50 % - −15; weniger als 80 % - −8 | Die ersten drei Bilder werden nicht berücksichtigt. |
| Breite und Höhe | weniger als 50 % - −15; weniger als 80 % - −8 | Die reinen CSS-Dimensionen werden nicht berücksichtigt. |
| WebP, AVIF oder SVG | weniger als 30 % - -10 | Das Format wird durch die Dateiendung bestimmt. |
| Srcset für Rasterbilder | weniger als 30 % - -10 | SVG benötigt kein srcset. |
Hier ist mein Arbeitsauftrag:
- Alternativ. Der teuerste Artikel und der am einfachsten zu reparierende. Schreiben Sie, was gezeigt wird:
alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", nichtalt="рюкзак купить дёшево рюкзак". Für dekorative Elemente verwenden Sie ein leeresalt="". - Breite und Höhe. Geben Sie die tatsächlichen Abmessungen in den Attributen an und fügen Sie
img { max-width: 100%; height: auto; }zum CSS hinzu – das Bild bleibt responsiv und das Layout springt nicht mehr. - Lazy Loading wird für alles unterhalb des sichtbaren Bereichs angewendet. Dies ist jedoch nachteilig für das Hero-Bild: Es muss sofort und priorisiert geladen werden.
- WebP oder AVIF. WordPress unterstützt WebP-Uploads seit Version 5.8 und AVIF seit Version 6.5.
- Srcset für große Fotos, damit das Telefon nicht die Monitorversion herunterlädt.
Ein Beispiel für ein korrektes Hauptbild und ein adaptives Foto im Text:
<img src="/img/hero.webp" alt="Мастерская кожаных изделий Nord" width="1200" height="600" fetchpriority="high"> <img src="/img/bag-700.webp" srcset="/img/bag-700.webp 700w, /img/bag-1400.webp 1400w" sizes="(max-width: 700px) 100vw, 700px" alt="Рюкзак Nord 20 л, вид сбоку" width="700" height="700" loading="lazy">Wie schreibt man einen guten Alt-Tag für ein Bild?
Der Alt-Tag ist das wichtigste Bewertungskriterium und gleichzeitig die häufigste Fehlerquelle: Er wird entweder leer gelassen oder mit Keywords überfrachtet. Eine einfache Regel: Beschreiben Sie das Bild in einem Satz für jemanden, der es nicht sehen kann.
| Bild | Schlechter Alternativ | Gute Alternative |
|---|---|---|
| Produktfoto | рюкзак купить рюкзак недорого | Кожаный рюкзак Nord 20 л, коричневый, вид спереди |
| Teamfoto | photo1 | Мастера мастерской Nord за работой над сумкой |
| Diagramm oder Tabelle | график | Рост заказов с сайта по месяцам: с 40 до 120 в месяц |
| Dekoratives Symbol | иконка | leeres alt="" — es besteht keine Notwendigkeit, es zu lesen |
Für einen Katalog ist es praktisch, Alt-Tags mithilfe einer Vorlage zu erstellen: Produktname + Farbe oder Variante + Blickwinkel. So erhalten fünf Fotos auf einer Karte fünf unterschiedliche, aussagekräftige Beschreibungen anstatt fünf identischer.
Auch der Dateiname ist wichtig: kozhanyj-ryukzak-nord-korichnevyj.webp ist besser als IMG_4512.jpg. Es macht keinen Sinn, alte Dateien nur deswegen umzubenennen, sondern laden Sie neue mit aussagekräftigen Namen hoch.
Vergleich: Image SEO Checker und Alternativen
| Werkzeug | Was ist kostenlos? | Einschränkungen | Für wen ist es geeignet? |
|---|---|---|---|
| PromoPilot – Bild-SEO-Checker | Alternativtext, Lazy Loading, Breite/Höhe, Formate, srcset; Bewertung 0–100 und Kommentare für jedes Bild | Bis zu 100 Bilder, Dateigröße wird nicht geschätzt | Bilder von jeder beliebigen Seite schnell analysieren |
| Google PageSpeed Insights | Bildprüfungen im Rahmen des Geschwindigkeitstests: Format, Größe, verzögertes Laden | Zusammen mit Dutzenden anderer Prüfungen versteht alt kaum | Beurteilung des Einflusses von Bildern auf die Geschwindigkeit |
| Squoosh | Ein einzelnes Bild im Browser komprimieren und konvertieren | Prüft die Seite nicht, arbeitet mit Dateien. | Vorbereitung einzelner Bilder |
| Screaming Frog SEO Spider | Liste der Bilder ohne Alternativtext auf der gesamten Website | Eine Installation ist erforderlich, die kostenlose Version hat eine Beschränkung der Adressen | Alt-Audit auf Hunderten von Seiten |
Fazit: Ein Online-Prüfer zeigt an, was mit den Bildern auf einer bestimmten Seite nicht stimmt, PageSpeed zeigt an, wie viel Geschwindigkeit dadurch verloren geht, und Squoosh oder ein Konverter hilft dabei, die Dateien selbst zu reparieren.
PromoPilot bietet 87 kostenlose SEO-Tools, darunter ein Bildkomprimierungstool und einen WebP-Konverter, die direkt im Browser funktionieren, ohne Dateien auf den Server hochzuladen. Um die Gesamtgröße einer Seite zu verstehen, lesen Sie unseren Artikel aus unserer Reihe zur Seitenladezeitanalyse.
Was erkennt die Bildverifizierung nicht?
Seien wir ehrlich hinsichtlich der Grenzen des Tools – es ist wichtig, diese zu kennen, um die Bewertung richtig interpretieren zu können:
- Die Dateigröße wird nicht berücksichtigt – Bilder werden nicht heruntergeladen; das Format wird durch die Dateiendung bestimmt.
-
<picture>-Tag wird nicht analysiert: JPG in<img>wird auch dann getaggt, wenn im angrenzenden<source>AVIF oder WebP steht. - Hintergrundbilder aus CSS und Bilder, die mit JavaScript hinzugefügt werden, sind nicht im Bericht enthalten.
- Nur in CSS angegebene Abmessungen werden nicht berücksichtigt.
- Eine Seite ohne ein einziges
<img>erhält 50 Punkte – das ist nicht „die Hälfte der Fehler“, sondern „nichts zu bewerten“.
Wann reicht ein kostenloses Tool nicht aus?
Die Korrektur des Alternativtextes auf einer einzelnen Seite dauert zehn Minuten. Bei einem Shop mit fünftausend Produkten ist dies jedoch manuell unmöglich. Sie benötigen einen Spezialisten, wenn:
- Der Alternativtext sollte automatisch aus Name, Farbe und Blickwinkel für den gesamten Katalog generiert werden;
- Die Bilder werden unkomprimiert von der Kamera geladen, daher ist eine automatische Verarbeitungskette erforderlich: Komprimierung, WebP, mehrere Größen;
- Das Website-Theme zeigt Fotos ohne Breite, Höhe und srcset an, und die Vorlage muss korrigiert werden;
- Möchten Sie Traffic von Google Bilder für Produktanfragen generieren?
Was kann ich für Ihre Website tun?
Ich bin Valeriy Danyuk, Entwickler und SEO-Spezialist mit 12 Jahren Erfahrung und über 200 Kunden, darunter zahlreiche Online-Shops mit Tausenden von Fotos.
SEO und Audit
- Schlüsselfertige Website-SEO-Prüfung: Ich überprüfe die Bilder auf der gesamten Website, richte automatische Konvertierungen und Alt-Texte in den Vorlagen ein.
- Ein KI-gestützter SEO-Blog, der organische Kunden anzieht – zeigt automatisch Alt- und WebP-Bilder für jeden Artikel an.
Geschäfte und Kataloge
- Ein Katalog mit 300 Artikeln in nur wenigen Minuten über MCP und Claude – mit Beschreibungen und Fotos zu jedem Artikel.
- Ein Online-Shop auf WooCommerce mit professioneller Bildverarbeitung.
- Umzug eines Shops von Instagram auf die Website – Produktfotos und -beschreibungen werden übertragen.
- Produkte, Fotos und Texte können über einen Link von Ihrer alten Website oder Ihren Social-Media-Profilen auf 1001site übertragen werden.
Buchhaltung und Automatisierung
- Buchhaltung + Finanzbuchhaltung + Lager für 30.000 Produkte.
- Telegram Bot mit KI für einen Online-Saucenladen.
Schick mir einen Link zur Produktkarte in Telegram – ich sage dir anhand der Bilder, wie viel du gewinnen kannst.
Ergebnis
- Der Online-SEO-Bildprüfer analysiert bis zu 100 Bilder auf einer Seite und vergibt für jedes Bild eine Punktzahl von 0 bis 100 sowie Kommentare.
- Die meisten Punkte erhalten die alt- und Breiten-/Höhendimensionen, gefolgt von Lazy Loading, WebP/AVIF und srcset.
- Das Hauptbild benötigt kein Lazy Loading – es benötigt
fetchpriority="high". - Bei großen Katalogen wird die Fotoverarbeitung automatisiert – oder es wird eine Plattform ausgewählt, auf der dies bereits erledigt ist, zum Beispiel 1001site.
Überprüfen Sie die ressourcenintensivste Seite Ihrer Website mit dem kostenlosen Image SEO Checker – beginnen Sie mit dem Alt-Attribut.
Quellen
- PromoPilots Seite zur Bild-SEO-Prüfung – Prüfungen, Bewertungsregeln, Einschränkungen und FAQ.
- Google Search Central – Bilderempfehlungen für die Suche.
- Google PageSpeed Insights und Squoosh – Funktionsbeschreibungen.
