Was ist ein dekoratives Bild?

Ob ein Bild dekorativ ist, hängt nicht von seinem Motiv, sondern von seiner Aufgabe auf der konkreten Seite ab. Dasselbe Foto kann dekorativ sein, wenn der benachbarte Text alle Informationen enthält, oder informativ, wenn es ein Produkt, Ergebnis oder eine Person identifiziert. Funktionale Bilder in Links oder Buttons benötigen eine zugängliche Bezeichnung für die Aktion.

Die schnelle Definition

Ein dekoratives Bild vermittelt im jeweiligen Kontext keine Information und erfüllt keine Funktion. Es dient beispielsweise als Ornament, Trennfläche oder rein visuelle Stimmung. Bei einem HTML-img wird es in der Regel mit einem leeren Alternativtext alt="" ausgezeichnet, damit assistive Technologien es ignorieren können.

Warum ist Decorative Image wichtig?

Leere Alternativtexte verhindern, dass Screenreader bedeutungslose Dateinamen oder redundante Beschreibungen vorlesen. Dadurch bleibt der Lesefluss klar. Dekorative Hintergrundgrafiken können per CSS eingebunden werden, dürfen dann aber keine Information enthalten, die für Verständnis oder Bedienung erforderlich ist.

So wird Decorative Image in der Praxis eingesetzt

1. Kontext entscheiden: prüfen, ob das Bild neue Information, Bedeutung, Identität oder eine Bedienfunktion beiträgt.
2. Dekorative img korrekt markieren: alt="" setzen; das alt-Attribut nicht einfach weglassen und keine bedeutungslose Beschreibung erfinden.
3. Funktionale Bilder benennen: bei verlinkten oder klickbaren Grafiken den Zweck der Aktion statt nur Aussehen oder Dateiname vermitteln.
4. Ohne Bilder testen: Seite mit Screenreader, Tastatur und deaktivierten Bildern prüfen, damit Information und Funktionen weiterhin verständlich sind.

Praxisbeispiel

Eine Karte erklärt im Text drei SEO-Schritte und zeigt daneben abstrakte Farblinien ohne zusätzliche Bedeutung. Die Grafik wird als img mit alt="" ausgegeben. Ein Pfeilsymbol im Link „Analyse starten“ bleibt ebenfalls dekorativ, weil der Linktext die Aktion bereits vollständig benennt.

Häufige Fehler

• Jedes Bild erhält aus SEO-Gründen einen keywordreichen Alt-Text, obwohl die Beschreibung keinen Informationswert für Nutzer hat.
• Das alt-Attribut fehlt vollständig; assistive Technologien können dadurch URL oder Dateinamen ankündigen.
• Ein Diagramm oder eine Schaltfläche gilt als dekorativ, obwohl Inhalt oder Funktion an keiner anderen Stelle zugänglich benannt wird.

Bedeutung für Google, Bing und KI-Suchsysteme

Leere Alt-Texte für wirklich dekorative Bilder sind kein SEO-Fehler. Sie verbessern Barrierefreiheit und vermeiden irrelevante Signale. Informative Bilder benötigen dagegen knappe, kontextbezogene Alternativtexte. Suchmaschinenoptimierung darf diese funktionale Unterscheidung nicht durch pauschales Keyword-Stuffing ersetzen.

Verwandte Begriffe

• Definition Content
• Cosine Similarity
• Document Embedding
• Controlled Vocabulary
• Editorial Calendar
• Content Usability

Zusammenfassung: Ein dekoratives Bild liefert im jeweiligen Kontext weder Information noch Funktion. HTML-img-Elemente erhalten alt="", während informative und funktionale Bilder eine passende zugängliche Beschreibung benötigen. Die Entscheidung erfolgt immer nach Zweck, nicht nach Motiv.