Bild-SEO: Alt-Texte, Formate und Ladezeit

Alt-Text für einen Menschen schreiben, nicht für einen Crawler

Alt-Text ist ein Attribut für Barrierefreiheit, das Suchmaschinen nebenbei mitlesen. Wer einen Screenreader benutzt, hört ihn anstelle des Bildes, deshalb ist der Test einfach: Sagt dieser Satz, was der Person entgeht? „Cognac-braune Chelsea-Boots aus Leder, Seitenansicht, mit sichtbarem Gummizug“ besteht den Test. „stiefel leder stiefel stiefel online kaufen damenstiefel“ nicht, und für beide Zielgruppen klingt das nach Spam.

Bleiben Sie bei einem normalen Satz. Sagen Sie, was auf dem Bild zu sehen ist und warum es auf dieser Seite steht. Ist das Bild rein dekorativ, etwa eine Hintergrundtextur oder ein Trenner, geben Sie ihm ein leeres Alt-Attribut statt einer Beschreibung. Ein leeres Alt ist eine echte Anweisung, die dem Screenreader sagt, das Bild zu überspringen. Das Attribut ganz wegzulassen ist etwas anderes und schlimmer, weil manche Screenreader dann stattdessen den Dateinamen vorlesen.

Dateinamen und der Text rund um das Bild

Ein Dateiname ist ein schwaches Signal, aber ihn richtig zu setzen kostet nichts. IMG_4471.jpg vor dem Hochladen in chelsea-boot-cognac-seite.jpg umzubenennen dauert vier Sekunden. Stopfen Sie ihn nicht voll. Ein Dateiname mit neun aneinandergereihten Schlagwörtern sieht genau danach aus, was er ist.

Der Text direkt um das Bild herum leistet mehr als der Dateiname. Eine Bildunterschrift, der Absatz, neben dem das Bild steht, die nächste Überschrift: Daran erkennt ein Index, was das Bild zeigt und ob die Seite eine sinnvolle Antwort auf eine Suchanfrage ist. Ein Bild, das mitten in einen thematisch fremden Textblock fällt, hat kaum etwas, woran es sich festhalten kann.

Produktbilder haben ihre eigenen Regeln

Für einen Shop entscheidet das Bild oft über den Verkauf, und dieselben Entscheidungen, die dem Käufer helfen, helfen auch dem Angebot. Geben Sie jeder Variante ein eigenes Foto, statt eine Beschreibung nur umzufärben: Wer die falsche Farbe sieht, springt ab, und solche Abbrüche sind messbar. Halten Sie Bildausschnitt und Hintergrund über eine ganze Serie hinweg gleich, damit ein Ergebnisraster wie ein Katalog aussieht und nicht wie ein Flohmarkt. Fügen Sie etwas hinzu, das die Größe erkennen lässt, wann immer die Maße nicht eindeutig sind.

Beim Markup ist es das strukturierte Produktdatenfeld für Bilder, das Ihr Foto neben dem Angebot in erweiterten Suchergebnissen erscheinen lässt. Das ist eine Voraussetzung, keine Garantie, und es hilft nur, wenn die angegebene Bild-URL für einen Crawler tatsächlich erreichbar ist.

Dafür sorgen, dass sie richtig laden

• Setzen Sie width- und height-Attribute auf jedes img-Tag. Der Browser reserviert dann den richtigen Platz, bevor die Datei ankommt, und die Seite hört auf, beim Laden herumzuspringen.
• Nutzen Sie Lazy Loading für Bilder unterhalb des ersten Bildschirms, aber nie für das Hauptbild oben. Das Erste, was ein Besucher sieht, per Lazy Loading zu verzögern, verzögert genau das Element, an dem Ihr Ladewert gemessen wird, ein überraschend häufiges Eigentor.
• Fügen Sie ein srcset hinzu, damit ein Smartphone eine Datei in Smartphone-Größe lädt. Dasselbe Desktop-Bild an jedes Gerät auszuliefern verschwendet die Bandbreite genau der Besucher, die am ehesten eine langsame Verbindung haben.
• Verkleinern Sie Bilder vor dem Hochladen, statt sie nur per CSS einzuschränken. Ein auf 900 Pixel Breite gestyltes Bild lädt trotzdem alle 4032 Pixel des Originals herunter. Der Leitfaden zur Komprimierung zeigt, wo die eigentliche Ersparnis liegt.

Was Sie leise ausbremst

Stockfotos sind der größte Punkt. Wenn dasselbe Bibliotheksfoto auf vierhundert anderen Seiten auftaucht, gibt es keinen Grund, warum ausgerechnet Ihres jemandem angezeigt wird, und Ihr Alt-Text ändert daran nichts. Ihre eigenen Fotos, auch unvollkommene, sind die einzigen Bilder auf Ihrer Seite, die wirklich Ihnen gehören.

Danach kommen die technischen Blockaden. Bilder, die erst nach einem Klick oder einem scrollgesteuerten Skript laden, bekommt ein Crawler womöglich nie zu sehen. Ein in robots.txt gesperrtes Bildverzeichnis lässt sich nicht indexieren, wie gut das Markup auch sein mag. Bilder auf einer Subdomain oder einem CDN, das Sie nicht überprüft haben, können auf eine Weise indexiert werden, die sie von Ihren Seiten trennt. Nichts davon ist exotisch, und alles lohnt eine einmalige Prüfung, bevor Sie einen Monat lang bessere Alt-Texte schreiben.

Ein Punkt, auf den Sie beim Optimieren achten sollten

Jeder browserbasierte Konverter, auch dieser hier, dekodiert Ihr Bild und schreibt aus den Pixeln eine neue Datei. Dabei werden keine Metadaten übernommen, also hat die Ausgabe keinen EXIF-Block mehr: keine Kameradaten, kein Aufnahmedatum, kein GPS und keine eingebetteten Copyright- oder IPTC-Angaben. Standortdaten vor der Veröffentlichung zu entfernen ist oft genau das, was Sie wollen. Die eigenen Urheberangaben auf einem Foto zu verlieren, das Sie lizenzieren, ist es nicht, also bearbeiten Sie eine Kopie und behalten Sie das Original.

Was Sie davon erwarten können

Bilder richtig zu machen macht eine Seite schneller, zugänglicher und wahrscheinlicher sichtbar für die Suchanfragen, für die sie schon jetzt etwas hermacht. Es lässt eine dünne Seite nicht für einen Begriff ranken, auf den sie keinen Anspruch hat, und Traffic aus der Bildersuche verhält sich meist anders als Traffic aus einem Textergebnis. Messen Sie beides deshalb getrennt, bevor Sie Schlüsse ziehen. Die Arbeit lohnt sich. Nur eben mit realistischen Erwartungen.

Wenn Sie so weit sind, verarbeiten der Bildkompressor und das Bildgrößen-Tool hier einen ganzen Stapel in einem Durchgang, und beide laufen vollständig in Ihrem Browser, sodass unveröffentlichte Produktfotos beim Optimieren nie Ihr Gerät verlassen.