Ratgeber: Ein wichtiges Produktfoto nicht ausschließlich als CSS-Hintergrund ausgeben

Dekoration und Produktinformation unterscheiden

Googles Bilddokumentation erklärt, dass Bilder über das src-Attribut eines img-Elements gefunden werden können, auch innerhalb eines picture-Elements. CSS-Hintergrundbilder werden nicht indexiert. Für ein Produktfoto, das wesentliche Informationen zeigt, ist diese Unterscheidung praktisch relevant.

Nimm eine Seite mit einem handgefertigten Tisch. Wenn das zentrale Foto nur als Hintergrund einer dekorativen Fläche eingebunden ist, sieht der Besucher zwar den Tisch. Die technische Einbindung entspricht aber nicht dem beschriebenen Weg für die Bilderkennung.

Ein konkretes Foto untersuchen

Bitte die Entwicklung, die Einbindung dieses Bildes zu prüfen. Notiere die Seitenadresse, das betroffene Motiv und seine Aufgabe. Nicht jeder Farbverlauf oder jedes Schmuckelement muss zu einem Inhaltsbild werden. Entscheidend ist, welches Bild tatsächlich Produktmerkmale oder eine Anleitung vermittelt.

Bei einer Anpassung kontrollierst du, ob das Foto auf kleinen und großen Bildschirmen passend angezeigt wird. Achte auf abgeschnittene wesentliche Details. Eine andere technische Einbindung soll nicht dazu führen, dass die Tischkante oder das wichtige Anschlussdetail auf dem Handy unsichtbar wird.

Inhalt und Rechte mitprüfen

Ergänze einen sachlich passenden Alternativtext und kontrolliere den Kontext auf der Seite. Ein Bild allein erklärt nicht alle Eigenschaften des Produkts. Verwende weiterhin nur Material, dessen Nutzung geklärt ist. Die technische Empfehlung verbessert die Voraussetzungen für Erkennung; sie garantiert weder die Aufnahme in die Bildersuche noch eine bestimmte Suchposition. Ein erfolgreicher Test nennt daher Einbindung, Bildabruf und Darstellung getrennt.

Quelle: Geprüfte Funktionsbeschreibung beziehungsweise Originaldokumentation. Abruf: 4. Oktober 2026. Fachratgeber zum aktuellen Dokumentationsstand; keine Tagesneuigkeit.