Alt Text

Was ist ein Alt Text?

Ein Alt Text (Alternativtext) ist eine kurze, beschreibende Textangabe im HTML-Code eines Bildes, die den Bildinhalt für Screenreader, Suchmaschinen und Fälle, in denen das Bild nicht geladen werden kann, verständlich macht. Ein guter Alt Text verbessert gleichzeitig Barrierefreiheit, Nutzererlebnis und SEO.

1. Grundlagen: Definition und Bedeutung von Alt Text

Ein Alt Text (englisch: alt attribute oder alternative text) ist ein Attribut im HTML-Tag eines Bildes, das den visuellen Inhalt des Bildes in Worten beschreibt. Technisch wird der Alt Text im Attribut alt="" innerhalb des <img>-Tags hinterlegt.

Der Kernzweck von Alt Text ist es, Bilder für Nutzer und Systeme verständlich zu machen, die den visuellen Inhalt nicht sehen oder nicht direkt interpretieren können. Dazu gehören Screenreader für Menschen mit Sehbehinderung, Suchmaschinen-Crawler und auch Browser, wenn Bilder blockiert oder nicht geladen werden.

2. Wofür wird Alt Text konkret genutzt?

Alt Text erfüllt mehrere Funktionen gleichzeitig, die im Alltag von Onlineshops und Websites sehr relevant sind.

Barrierefreiheit: Screenreader lesen den Alternativtext vor und machen Bilder für sehbehinderte Nutzer zugänglich.
SEO: Suchmaschinen nutzen Alt Text, um den Bildinhalt semantisch einzuordnen und Bilder in der Bildersuche zu ranken.
Fallback: Wenn ein Bild nicht geladen werden kann, wird der Alt Text als Platzhalter angezeigt.
Kontext: Alt Text verstärkt den thematischen Kontext einer Seite und kann die Relevanz für bestimmte Suchbegriffe unterstützen.

Für E-Commerce ist insbesondere wichtig, dass Alt Texte Produktbilder verständlich beschreiben. So können Suchmaschinen Produkte besser zuordnen und Nutzer in der Bildersuche zielgenauer auf Produktdetailseiten geführt werden.

3. Technische Einordnung: Alt Text im HTML

Alt Text ist ein Attribut des <img>-Tags. Ein typisches Beispiel:

<img src="nike-air-zoom.jpg" alt="Nike Air Zoom Pegasus 40 Laufschuh in Schwarz für Herren, Seitenansicht" />

Wesentliche Punkte aus technischer Sicht:

Pflichtattribut: Aus Sicht barrierefreier Webentwicklung sollte für jedes relevante Bild ein Alt Attribut gesetzt werden.
Leere Alt Attribute: Bei rein dekorativen Bildern wird häufig alt="" genutzt, damit Screenreader das Bild überspringen.
Dateiname vs. Alt Text: Suchmaschinen berücksichtigen sowohl Dateinamen als auch Alt Texte, aber der Alt Text ist die wichtigere, semantische Beschreibung.

4. Alt Text im E-Commerce: Relevanz für Produktbilder

In Onlineshops sind Bilder zentrale Conversion-Hebel. Alt Texte spielen hier eine doppelte Rolle: Sie machen Produktbilder auffindbarer und verständlicher. Gerade bei großen Sortimentsstrukturen mit tausenden SKUs sollte die Generierung von Alt Texten als skalierbarer Prozess gedacht werden.

Produktdetailseiten mit klar beschriebenen Bildern liefern Suchmaschinen zusätzliche Signale zu Kategorie, Marke, Farbe, Variante und Einsatzzweck.
Alt Texte können Longtail-Suchanfragen wie „schwarzer Herren Laufschuh Größe 44“ gezielt adressieren.
In Bildersuchen können passende Alt Texte zu mehr qualifizierten Klicks auf deine Produktseiten führen.
Automatisierte, feedbasierte Generierung von Alt Texten ermöglicht konsistente Beschreibungen über große Produktkataloge hinweg.

Wenn dein Onlineshop bereits strukturiert gepflegte Produktdaten (z. B. in einem PIM, ERP oder Produktfeed) nutzt, lassen sich Alt Texte sehr effizient aus Attributen wie Marke, Modell, Farbe, Material und Zielgruppe ableiten.

5. Unterschied: Alt Text, Title-Attribut und Bildunterschrift

Alt Text wird häufig mit anderen Textelementen rund um Bilder verwechselt. Eine klare Abgrenzung hilft dir bei der korrekten Umsetzung.

Element	Technik	Hauptzweck	Wer sieht es?
Alt Text	`alt=""` im <img>-Tag	Beschreibung des Bildinhalts	Screenreader, Crawler, Nutzer bei Ladefehlern
Title-Attribut	`title=""` im <img>-Tag	Optionale Zusatzinfo / Tooltip	Nutzer (Mouseover), teils Crawler
Bildunterschrift	Text im Layout / CMS	Lesbare Erläuterung im Seiteninhalt	Alle Nutzer, sichtbarer Content

Für SEO und Barrierefreiheit ist vor allem der Alt Text entscheidend. Title-Attribute und Bildunterschriften können ergänzen, sollten aber nicht als Ersatz genutzt werden.

6. Best Practices: Wie sieht ein guter Alt Text aus?

Ein qualitativ hochwertiger Alt Text folgt einigen klaren Prinzipien. Er ist präzise, kontextbezogen und verständlich, ohne künstlich mit Keywords überladen zu werden.

6.1 Grundregeln für gute Alt Texte

Beschreibend: Beschreibe, was wirklich auf dem Bild zu sehen ist (Objekt, Perspektive, relevante Merkmale).
Kontextbezogen: Beziehe dich auf den Kontext der Seite (Produkt, Kategorie, Ratgeberthema).
Knapp: In der Regel 5–15 aussagekräftige Wörter; vollständige Sätze sind möglich, aber nicht Pflicht.
Natürlich: Nutze Sprache, wie ein Mensch sie verwenden würde; vermeide reines Aneinanderreihen von Keywords.
Ohne „Bild von“: Meist reicht die inhaltliche Beschreibung, anstatt „Bild von …“ oder „Foto von …“ zu schreiben.

6.2 Beispiele für gute und schlechte Alt Texte

Situation	Schlechter Alt Text	Guter Alt Text
Produktbild Laufschuh	Laufschuh, Schuh, Sport	Nike Air Zoom Pegasus 40 Herren Laufschuh schwarz, Seitenansicht
Kategorie-Banner „Sommerkleider“	Sommer, Banner, Sale	Frau im gelben Sommerkleid auf Strandpromenade, Banner der Kategorie Sommerkleider
Dekoratives Trennbild	Trennlinie zwischen Abschnitten	`alt=""` (dekorativ, keine Beschreibung nötig)

7. Häufige Fehler bei Alt Text – und wie du sie vermeidest

Viele Shops verschenken Potenzial, weil Alt Texte falsch verwendet oder komplett ignoriert werden. Typische Fehler lassen sich mit klaren Regeln leicht vermeiden.

Kein Alt Attribut: Das Bild ist für Screenreader unsichtbar, Suchmaschinen fehlt ein wichtiges Signal.
Reine Keyword-Listen: „Laufschuhe, Laufschuhe Herren, günstige Laufschuhe, Laufschuh Angebot“ wirkt unnatürlich und kann Spam-Signale senden.
Gleicher Alt Text für viele unterschiedliche Bilder: Duplicate Content auch bei Alt Attributen ist ein Qualitätsproblem.
Unklare interne Bezeichnungen: „Artikel 12345“ oder „Bild1_neu“ sind für Nutzer und Crawler wertlos.
Alt Text für dekorative Elemente: Hier stören vorgelesene Beschreibungen eher, alt="" ist zielführender.

Alt Texte sind ein relevanter Teil der Barrierefreiheit. Fehlende oder unpassende Alt Attribute können dazu führen, dass wichtige Inhalte für Menschen mit Sehbehinderung nicht zugänglich sind. Gerade für professionelle Onlineshops ist das nicht nur ein Qualitäts-, sondern auch ein Compliance-Thema.

8. SEO-Perspektive: Alt Text als Ranking-Faktor

Alt Texte sind ein klassischer Onpage-Faktor. Sie helfen Suchmaschinen, Bilder und Seiteninhalte besser zu verstehen und zu indizieren. In der Praxis wirken sie vor allem in Kombination mit anderen Elementen:

Relevante Keywords im Alt Text, die zum Content der Seite passen.
Saubere Bilddateinamen (z. B. „nike-air-zoom-pegasus-40-schwarz.jpg“ statt „IMG_1234.jpg“).
Umgebender Text (Bildunterschrift, Absatztext, Überschriften), der dasselbe Thema stützt.
Strukturierte Daten, wenn Produktbilder in Produkt-Snippets eingebunden sind.

Im E-Commerce solltest du Alt Texte strategisch einsetzen, um sowohl Produkt- als auch Kategorie- und Ratgeberseiten thematisch zu stärken. Besonders interessant sind Longtail-Kombinationen wie Modellbezeichnungen plus Attribute (Farbe, Größe, Material, Einsatzzweck).

9. Skalierung von Alt Texten im Onlineshop

Manuell gepflegte Alt Texte sind bei kleinen Websites machbar, bei Sortimentsgrößen im fünf- oder sechsstelligen SKU-Bereich aber schlicht nicht skalierbar. Hier braucht es einen strukturierten, automatisierbaren Prozess.

9.1 Datenbasis für automatisierte Alt-Texte

Die Grundlage sind saubere Produktdaten, die typischerweise in folgenden Systemen liegen:

PIM (Product Information Management)
ERP oder Warenwirtschaft
Produktfeeds (XML, CSV, TXT) für Google Shopping, Marktplätze oder interne Tools

Aus Attributen wie Marke, Modell, Farbe, Geschlecht, Kategorie, Material und ggf. Einsatzzweck lassen sich regelbasiert Alt Texte generieren, zum Beispiel nach festen Templates pro Kategorie oder Hersteller.

9.2 Template- und KI-basierte Generierung

Für große Onlineshops bietet sich eine Kombination aus Templates und KI an, um Alt Texte in großem Umfang zu erzeugen:

Template je Kategorie: z. B. „[Marke] [Modell] [Produkttyp] in [Farbe] für [Zielgruppe], [Perspektive]“.
Erweiterte Varianten pro Hersteller oder Brand, um die Tonalität anzupassen.
KI-gestützte Feinanpassung für natürlichere Sprache und bessere Lesbarkeit.
Bulk-Verarbeitung: Alt Texte für tausende Produkte werden automatisiert erstellt und in Shop- oder PIM-Systeme exportiert.

Tools, die mit Produktfeeds als Single Source of Truth arbeiten, können Alt Texte gemeinsam mit anderen SEO-Elementen (z. B. Produktbeschreibung, Überschriftenstruktur) generieren und so einen konsistenten, wiederholbaren Prozess aufsetzen.

10. Checkliste: So bewertest du deine aktuellen Alt Texte

Mit der folgenden kompakten Checkliste kannst du schnell einschätzen, ob du beim Thema Alt Text Handlungsbedarf hast:

Sind für alle wichtigen Produkt- und Content-Bilder Alt Attribute hinterlegt?
Sind die Alt Texte beschreibend und verständlich, ohne reine Keyword-Aufzählungen?
Sind dekorative Elemente konsequent mit alt="" versehen?
Nutzen Produktbilder relevante Attribute wie Marke, Modell, Farbe, Variante im Alt Text?
Vermeidest du, dass viele unterschiedliche Bilder denselben Alt Text erhalten?
Lassen sich deine Alt Texte aus strukturierten Produktdaten automatisiert ableiten?

[h2]11. Alt Text und Barrierefreiheit im rechtlichen Kontext[/h2]

Barrierefreie Webangebote sind nicht nur eine Frage der Nutzerfreundlichkeit, sondern in vielen Branchen auch rechtlich relevant (z. B. öffentliche Einrichtungen, bestimmte regulierte Sektoren). Alt Texte sind ein zentrales Kriterium in gängigen Accessibility-Standards wie den WCAG (Web Content Accessibility Guidelines).

Fehlende Alt Texte können dazu führen, dass wichtige Inhalte nicht zugänglich sind.
Unscharfe oder irreführende Alt Texte erschweren die Nutzung mit Screenreadern.
Eine saubere Umsetzung der Alt Attribute ist meist mit geringem Aufwand möglich, wenn sie früh in den Content-Prozess integriert wird.

Für professionelle Onlineshops ist es sinnvoll, Accessibility-Checks (inklusive Alt-Text-Prüfung) fest in den Qualitätsprozess aufzunehmen, insbesondere bei großen Deployments oder Relaunches.

12. Praxisleitfaden: Schritt für Schritt zu besseren Alt Texten

Um Alt Texte strukturiert zu verbessern, kannst du in deinem Shop-Projekt in Etappen vorgehen.

12.1 Bestand analysieren

Exportiere eine Stichprobe von Produktseiten (z. B. nach Umsatz-Toplisten).
Überprüfe, ob und wie Alt Texte gesetzt sind.
Identifiziere typische Muster, Fehler und Lücken.

12.2 Regeln definieren

Lege pro Seitentyp (Produkt, Kategorie, Ratgeber) klare Regeln fest.
Definiere, welche Bildarten dekorativ sind und leere Alt Attribute erhalten.
Erstelle Templates oder Guidelines für redaktionell gepflegte Alt Texte.

12.3 Automatisierung etablieren

Nutze Produktfeeds oder PIM-Daten als Grundlage.
Implementiere automatisierte Generierungsregeln (z. B. via KI-Tool mit Template-Logik).
Stelle sicher, dass Alt Texte gemeinsam mit anderen Produktinhalten exportiert werden (Shop, PIM, Marktplätze).

12.4 Qualitätssicherung und Monitoring

Führe Stichprobenprüfungen durch (Inhalt, Lesbarkeit, Barrierefreiheit).
Überwache Sichtbarkeit und Klicks in der Bildersuche über Webanalyse-Tools.
Iteriere Templates und Regeln, wenn du Muster erkennst, die besser funktionieren.

13. Häufige Fragen zu Alt Text

Was ist ein Alt Text bei Bildern?

Ein Alt Text ist ein Alternativtext im HTML-Code eines Bildes, der den Inhalt des Bildes in Worten beschreibt. Er wird im alt Attribut des img Tags hinterlegt, von Screenreadern vorgelesen, von Suchmaschinen ausgewertet und angezeigt, wenn ein Bild nicht geladen werden kann.

Warum ist Alt Text wichtig für SEO?

Alt Text hilft Suchmaschinen, den Inhalt von Bildern zu verstehen und korrekt zuzuordnen. Er stärkt die thematische Relevanz einer Seite, verbessert die Chancen auf gute Rankings in der Bildersuche und kann insbesondere im E Commerce zusätzlichen qualifizierten Traffic auf Produktseiten bringen.

Wie schreibe ich einen guten Alt Text?

Ein guter Alt Text beschreibt präzise, was auf dem Bild zu sehen ist, passt zum Kontext der Seite, ist knapp und verständlich formuliert und nutzt relevante Keywords nur natürlich. Vermeide reine Keywordlisten und interne Kürzel und setze bei rein dekorativen Bildern ein leeres alt Attribut.

Braucht jedes Bild einen Alt Text?

Nicht jedes Bild braucht einen beschreibenden Alt Text, aber jedes img Tag sollte ein alt Attribut besitzen. Inhaltlich relevante Bilder wie Produktfotos oder Schaubilder sollten eine sinnvolle Beschreibung erhalten, dekorative Elemente dagegen meist ein leeres alt Attribut, damit Screenreader sie überspringen.

Was ist der Unterschied zwischen Alt Text und Title Attribut?

Der Alt Text beschreibt den Bildinhalt für Screenreader und Suchmaschinen und wird auch bei nicht geladenen Bildern angezeigt. Das Title Attribut ist eine optionale Zusatzinformation, die häufig als Tooltip beim Mouseover erscheint und für Barrierefreiheit und SEO weniger wichtig ist als der Alt Text.

Wie lang sollte ein Alt Text sein?

In der Praxis reichen meist 5 bis 15 aussagekräftige Wörter. Der Alt Text sollte lang genug sein, um das Bild verständlich zu beschreiben, aber kurz genug, um gut vorlesbar zu bleiben. Komplette Sätze sind möglich, aber kein Muss, solange die Information klar und präzise ist.

Kann man Alt Text mit KI automatisiert erstellen?

Ja, insbesondere bei großen Onlineshops lässt sich Alt Text sinnvoll über KI und Templates automatisieren. Grundlage sind strukturierte Produktdaten wie Marke, Modell und Attribute, aus denen regelbasiert verständliche Beschreibungen erzeugt und in großem Umfang in Shop oder PIM Systeme exportiert werden können.

14. Nächste Schritte: Alt Text im E-Commerce skalieren

Wenn du viele Produkte, Varianten und Bilder im Shop hast, ist ein manueller Ansatz für Alt Texte kaum effizient. Ein datenbasierter, automatisierter Prozess, der Produktfeeds als Grundlage nutzt, sorgt für konsistente, SEO-taugliche und barrierearme Alt Texte über den gesamten Katalog hinweg.

Du möchtest feed2content.ai ® kennenlernen? Sieh dir unsere Funktionen live an und teste feed2content.ai ® kostenfrei. Auf Basis deiner Produktfeeds lassen sich neben Produkttexten auch strukturierte Alt Texte in großem Umfang generieren und direkt in deine Systeme integrieren.

Kostenlos starten

Du hast noch Fragen?

Kontakt