Bild-SEO: Dateiname, Alt-Text, Format und Größe
Wie Dateiname, Alt-Text, Formatwahl und Größe eingerichtet werden, damit ein Bild bei Google Bilder gefunden wird und die Seite nicht ausbremst.
rabbitclip-TeamVeröffentlicht: 4 Min. Lesezeit
Kurz gesagt
Bild-SEO bedeutet, fünf einzelne Einstellungen richtig zu treffen, damit ein Bild bei Google Bilder gefunden wird und eine Seite nicht ausbremst: Dateiname, Alt-Text, Dateigröße, Format und Skalierung. Googles Search-Central-Leitfaden weist darauf hin, dass Bilder zuverlässig gefunden werden, wenn sie über ein normales img-Element oder ein picture-Element eingebunden sind; Bilder, die nur als CSS-Hintergrund eingefügt werden, werden nicht indexiert.
Auf den meisten Websites bleibt der Bilddateiname der zufällige Code, den eine Kamera vergeben hat, und der Alt-Text ist entweder leer oder ein mit Keywords vollgestopfter Satz. Beides ist falsch; das Richtige liegt irgendwo dazwischen.
Warum ist der Dateiname wichtig?
Der Dateiname ist das erste Signal, das Google über den Inhalt eines Bildes erhält. IMG_4821.jpg trägt keinerlei Information, während marineblauer-winter-arbeitsmantel.jpg klar sagt, was das Bild zeigt.
Die Regel ist einfach: Kleinbuchstaben, Bindestriche zwischen den Wörtern, einfache Buchstaben statt Umlauten oder Akzenten. Wird dasselbe Bild auf mehreren Seiten verwendet, kann der Dateiname gleich bleiben; den eigentlichen Unterschied macht der Alt-Text.
Wie sollte Alt-Text geschrieben werden?
Alt-Text ist die Beschreibung, die ein Bild ersetzt, wenn es nicht lädt oder ein Screenreader benutzt wird. Google gibt an, dass das Alt-Attribut zur Beschreibung eines Bildes dient und sowohl für Barrierefreiheit als auch für die Suche wichtig ist.
Guter Alt-Text erzählt jemandem, der das Bild nicht sehen kann, was darauf zu sehen ist, etwa marineblauer Winter-Arbeitsmantel, Vorderansicht. Ein Bild ehrlich zu beschreiben funktioniert besser, als ein Keyword hineinzuzwängen; leer zu lassen kostet sowohl Barrierefreiheit als auch jede Chance, in der Bildersuche zu erscheinen.
- Gut: rotes Ledersofa, im Wohnzimmer, Seitenansicht.
- Schwach: Sofa.
- Übertrieben: Sofa Couch Wohnzimmermöbel Wohndeko Sofamodelle.
Welches Format sollte gewählt werden: JPEG, PNG, WebP, AVIF?
web.devs Material zu Bildformaten erklärt, dass jedes Format eine andere Kompression bietet und moderne Formate wie WebP und AVIF meist dieselbe visuelle Qualität bei kleinerer Dateigröße liefern. Für Fotos eignen sich WebP oder AVIF, für Logos und Icons mit Transparenzbedarf PNG, für einfache Grafiken SVG.
Die Formatwahl allein reicht nicht aus; das richtige Format je Browser automatisch auszuliefern, über ein picture-Element, ist der Weg, um alte und neue Browser gleichzeitig zu unterstützen. Auf einer E-Commerce-Website wirkt sich diese Wahl direkt auf die Ladezeit der Produktbilder aus.
Warum bestimmen Größe und Dateigewicht die Geschwindigkeit?
Ein Bild mit 4000 Pixel Breite zu laden, wenn es nur mit 400 Pixel angezeigt wird, zwingt den Browser dazu, weit mehr Daten herunterzuladen und zu verkleinern, als nötig. Das verzögert, wie schnell der Hauptinhalt der Seite sichtbar wird.
Responsive Images lösen das, indem mehrere Größen desselben Bildes vorbereitet werden und der Browser die passende fürs Display auswählt. Auf der Website einer Spa-Kette verkürzte diese Art der Neuskalierung von Filialfotos die mobile Ladezeit spürbar; ein genauer Prozentsatz wurde nicht gemessen, die Richtung war aber klar.
Wofür dient eine Bild-Sitemap?
Eine Bild-Sitemap ist eine Datei, die Google separat die Adressen der Bilder einer Website mitteilt. Google Search Central weist darauf hin, dass Bild-URLs in einer Bild-Sitemap nicht auf derselben Domain wie die Website liegen müssen, sodass auch über ein CDN gehostete Bilder auf diesem Weg gemeldet werden können.
Dieser Schritt ist nicht für jede Website Pflicht, beschleunigt aber die Indexierung von Bildern für eine E-Commerce-Website, die Bilder auf einer separaten Domain oder einem CDN hostet.
Fünf Schritte vor dem Hochladen eines neuen Bildes
Eine feste Reihenfolge, die sich anwenden lässt, bevor ein Bild auf eine Website kommt.
- Das Bild auf die größte Größe zuschneiden, in der es tatsächlich angezeigt wird; nicht die Originalgröße der Kamera hochladen.
- Die Datei als WebP oder AVIF speichern, PNG nur reservieren, wenn wirklich Transparenz gebraucht wird.
- Den Dateinamen in Kleinbuchstaben mit Bindestrichen umbenennen, so dass er beschreibt, was das Bild tatsächlich zeigt.
- Alt-Text schreiben, der das Bild ehrlich beschreibt, ohne ein Keyword hineinzuzwängen.
- Nach Veröffentlichung der Seite in den Browser-Entwicklertools prüfen, ob das Bild in der richtigen Größe geladen wurde.
Der größte Teil von Bild-SEO ist keine Gestaltungsfrage, sondern Disziplin: ein echter Dateiname, ehrlicher Alt-Text, das richtige Format und die richtige Größe. Zusammen angewendet verbessern diese fünf Punkte sowohl die Chance, bei Google Bilder zu erscheinen, als auch die tatsächliche Geschwindigkeit der Seite. Ein kurzes Erstgespräch mit rabbitclip reicht aus, um zu sehen, wo die Bildeinrichtung einer Website bei diesen fünf Punkten steht.
Häufige Fragen
Was passiert, wenn Alt-Text leer bleibt?
Das Bild verliert einen Großteil seiner Chance, in Bildsuchergebnissen zu erscheinen, und Besucher mit Screenreader können nicht erkennen, was es zeigt.
Funktioniert WebP in jedem Browser?
Es funktioniert in der großen Mehrheit aktueller Browser; wird über ein picture-Element ein Ausweichformat wie JPEG oder PNG angeboten, zeigen auch ältere Browser das Bild problemlos an.
Können Umlaute im Dateinamen verwendet werden?
Sie sollten nicht verwendet werden; Zeichen außerhalb einfacher ASCII-Buchstaben können auf manchen Servern und Browsern Probleme verursachen, einfache Buchstaben sind die sicherere Wahl.
Braucht jede Website eine Bild-Sitemap?
Nein; Websites, die Bilder auf der Hauptdomain hosten, brauchen meist keine, für Websites mit separater Domain oder CDN ist sie nützlicher.
