1. Bevor Sie starten: So lesen Sie die Beispiele
Jedes Beispiel zeigt drei Stufen – von schlecht bis optimal. Die Farbcodes:
❌ Schlecht – WCAG-Verstoß oder nutzlos
⚠️ Mittel – funktioniert, aber verschenkt SEO-Potenzial
✅ Optimal – barrierefrei UND SEO-optimiert
Tipp: Alle ✅-Beispiele können als Vorlage für Ihre eigenen Bilder dienen. Ersetzen Sie einfach Produktnamen, Farben und Details.
2. E-Commerce-Beispiele nach Branche
1. Mode & Bekleidung
Bild: Rotes Sommerkleid mit V-Ausschnitt, getragen von Model, weißer Hintergrund
alt="Kleid"alt="kleid rot damen sommer kaufen günstig online sale"alt="Rotes Kleid"alt="Summer Breeze Kleid in Rot – Leichtes Chiffon-Sommerkleid mit V-Ausschnitt, am Model"✅ enthält: Produktname, Farbe, Material, Schnitt, Kontext. Natürlich lesbar, kein Stuffing.
Bild: Schwarze Lederjacke, Produktfoto auf Bügel, weißer Hintergrund
alt="IMG_4521.jpg"alt="Schwarze Jacke"alt="Rebel Classic Bikerjacke in Schwarz – Echtes Lammleder mit Reißverschluss und Nieten"Bild: Nahaufnahme eines T-Shirt-Etiketts mit Materialangabe
alt="Detail"alt="Etikett des Essential T-Shirts zeigt 100% Bio-Baumwolle, Made in Portugal"Text im Bild (Etikett) wird im Alt-Text wiedergegeben – WCAG-Pflicht.
2. Schuhe & Accessoires
Bild: Weiße Leder-Sneaker, seitliche Ansicht
alt="Bild von Schuhen"alt="Weiße Sneaker"alt="Urban Flow Sneaker in Weiß – Glattleder mit kontrastierender Sohle, seitliche Ansicht"Bild: Goldene Armbanduhr am Handgelenk
alt="Uhr"alt="Chrono Heritage Armbanduhr in Gold – 42mm Gehäuse mit schwarzem Zifferblatt, am Handgelenk getragen"3. Elektronik & Technik
Bild: Laptop aufgeklappt auf Schreibtisch, Bildschirm zeigt Desktop
alt="laptop computer notebook günstig kaufen"alt="Silberner Laptop"alt="ProBook 15 Laptop in Space Grey – 15,6-Zoll Display, aufgeklappt auf Schreibtisch"Bild: Kabellose Kopfhörer mit Ladecase
alt=""alt="SoundPure ANC Kopfhörer in Schwarz mit geöffnetem Ladecase – kabellos, Over-Ear"❌ Ein leeres alt=““ bei einem Produktbild ist ein Fehler – das ist für dekorative Bilder reserviert.
Bild: Smartphone mit geöffneter Kamera-App, Rückansicht zeigt Triple-Kamera
alt="PixelMax 8 Pro Smartphone – Rückansicht mit Triple-Kamera-System und LED-Blitz"4. Möbel & Einrichtung
Bild: Grünes Samtsofa in einem hellen Wohnzimmer
alt="Sofa"alt="Grünes Sofa im Wohnzimmer"alt="Velvet Cloud 3-Sitzer-Sofa in Waldgrün – Samtbezug mit goldenen Holzfüßen, im Wohnzimmer-Setting"Bild: Esstisch-Set, 6 Stühle, von oben fotografiert
alt="Nordic Dining Esstisch in Eiche mit 6 passenden Stühlen – Set von oben, Tisch ist gedeckt"5. Lebensmittel & Getränke
Bild: Honig-Glas mit Holzlöffel, Honig tropft
alt="Foto von Honig"alt="Schwarzwald Bio-Honig im 500g-Glas – goldener Blütenhonig tropft vom Holzlöffel"„Foto von“ ist redundant – Screenreader kündigt bereits „Grafik:“ an.
Bild: Weinflasche mit Etikett, daneben ein gefülltes Glas
alt="Château du Soleil Merlot 2021 – Rotweinflasche neben gefülltem Weinglas, dunkle Rubinfarbe"6. Beauty & Kosmetik
Bild: Lippenstift in Rot, ausgedreht, vor weißem Hintergrund
alt="lippenstift makeup kosmetik rot beauty"alt="Velvet Kiss Lippenstift in Cherry Red – cremige Textur, ausgedreht, matt-glänzend"Bild: Gesichtscreme-Tiegel, geöffnet, Textur sichtbar
alt="HydraGlow Feuchtigkeitscreme 50ml – geöffneter Tiegel zeigt reichhaltige, weiße Textur"7. Sport & Outdoor
Bild: Laufschuh in Aktion, Person rennt auf Waldweg
alt="Laufschuh auf Waldweg"alt="TrailMax Pro Laufschuh in Neon-Grün – getragen beim Trailrunning auf nassem Waldweg"Bild: Yogamatte ausgerollt, darauf zwei Hanteln.
alt="Zen Flow Yogamatte in Blaugrau – rutschfeste Oberfläche, ausgerollt neben 2kg-Hanteln"8. Tourismus & Hotels
Bild: Hotelzimmer mit Doppelbett und Bergblick
alt="Zimmer"alt="Hotelzimmer mit Bett und Aussicht"alt="Deluxe Doppelzimmer mit King-Size-Bett und Panorama-Bergblick auf die Tiroler Alpen"Für Hotels besonders wichtig: Zimmertyp, Ausstattung und Aussicht nennen – das sind die Buchungsentscheidungs-Kriterien.
Bild: Hotel-Pool mit Sonnenschirmen bei Sonnenuntergang
alt="Infinity-Pool des Hotel Seeleiten mit Blick auf den Kalterer See bei Sonnenuntergang"9. Immobilien
Bild: Wohnzimmer einer 3-Zimmer-Wohnung mit Holzboden
alt="wohnung_wien_01_003.jpg"alt="Helles Wohnzimmer mit Eichen-Parkettboden und bodentiefen Fenstern – 3-Zimmer-Wohnung Wien Mariahilf"10. B2B & Industrie
Bild: CNC-Fräsmaschine in einer Fertigungshalle
alt="Maschine"alt="PrecisionMill 5000 CNC-Fräsmaschine – 5-Achsen-Bearbeitungszentrum in der Fertigungshalle"Bild: Karton mit Versandlabel auf Fließband
alt="Versandkarton mit DHL-Label auf automatisiertem Förderband im Logistikzentrum"3. Nicht-Produkt-Bilder
11. Blog-Bilder & Stockfotos
Bild: Frau am Laptop in einem Café (Stockfoto in einem Blog über Remote Work)
alt="stock-photo-woman-laptop-cafe-2024.jpg"alt="Frau am Laptop"alt="Junge Frau arbeitet konzentriert am Laptop in einem hellen Café – Remote Work"Kontext des Artikels einbauen – „Remote Work“ ist das Thema des Blog-Posts.
12. Infografiken & Diagramme
Bild: Kreisdiagramm mit E-Commerce-Marktanteilen
alt="Diagramm"alt="Kreisdiagramm E-Commerce"alt="Kreisdiagramm: E-Commerce-Marktanteile 2025 – Amazon 28%, Otto 8%, Zalando 5%, Rest 59%"Kernaussage + wichtigste Datenpunkte im Alt-Text. Vollständige Daten im Fließtext oder in einer HTML-Tabelle bereitstellen.
Bild: Balkendiagramm zum Wachstum des Online-Handels
alt="Balkendiagramm: Umsatz im deutschen Online-Handel, Anstieg von €72 Mrd. (2020) auf €98 Mrd. (2025)"13. Screenshots & Tutorials
Bild: Screenshot der WordPress-Mediathek mit markiertem Alt-Text-Feld
alt="screenshot.png"alt="Screenshot: WordPress-Mediathek mit rot markiertem Alt-Text-Eingabefeld auf der rechten Seite"Bei Screenshots: „Screenshot:“ am Anfang ist erlaubt (anders als „Bild von“) – der Bildtyp ist hier informativ.
14. Team & Porträtfotos
: Geschäftsführerin auf der About-Seite
alt="portrait-ceo.jpg"alt="Anna Müller"alt="Anna Müller, Geschäftsführerin der webAufstieg GmbH, lächelt in die Kamera"Bei bekannten Personen: Name + Funktion + kurze visuelle Beschreibung. Blinde Menschen freuen sich über Details, die helfen, sich die Person vorzustellen.
15. Logos & Icons
Bild: Firmenlogo im Header (verlinkt auf Startseite)
alt="logo.svg"alt=""alt="AutoAlt.ai Logo – zur Startseite"Logo ist verlinkt → Alt-Text beschreibt das Linkziel. Leeres alt=““ wäre hier falsch, weil das Logo ein funktionales Element ist.
Bild: Warenkorb-Icon im Header
alt="Warenkorb (3 Artikel)"Icons mit Funktion brauchen Alt-Text oder ARIA-Label, der die Aktion beschreibt – nicht das Bild.
16. Banner & Hero-Bilder
Bild: Sale-Banner mit Text „Summer Sale – 30% auf alles“
alt="Banner"alt="Summer Sale Banner: 30% Rabatt auf alle Sommerkollektionen, gültig bis 31. August 2026"Text im Bild MUSS im Alt-Text stehen – sonst geht die Information für Screenreader-Nutzer verloren.
17. Dekorative Bilder (kein Alt-Text nötig)
Bilder: Farbverlauf als Trenner, Hintergrundmuster, atmosphärisches Stockfoto ohne Informationsgehalt.
alt="Schöner blauer Farbverlauf mit Wolken"(kein alt-Attribut vorhanden)alt=""Leeres alt=““ ≠ fehlendes alt-Attribut! Leeres Attribut → Screenreader überspringt das Bild (korrekt). Fehlendes Attribut → Screenreader liest den Dateinamen vor (nervig).
18. Variationsbilder (Farben/Größen)
Bild: Dasselbe Kleid in 4 Farben – Rot, Blau, Schwarz, Weiß
alt="Kleid" (für alle 4 Bilder identisch)Richtig: Jede Farbvariante braucht einen eigenen Alt-Text:
alt="Summer Breeze Kleid in Rot – Chiffon mit V-Ausschnitt"alt="Summer Breeze Kleid in Königsblau – Chiffon mit V-Ausschnitt"alt="Summer Breeze Kleid in Schwarz – Chiffon mit V-Ausschnitt"alt="Summer Breeze Kleid in Weiß – Chiffon mit V-Ausschnitt"Jede Farbe ist ein eigenes Keyword in der Bildersuche. „Rotes Kleid Chiffon“ und „Schwarzes Kleid Chiffon“ sind verschiedene Suchanfragen.
4. Sonderfälle & die universelle Formel
19. Sonderfälle
🔗 Verlinktes Bild (Bild als Link)
Bild: Produktbild verlinkt auf die Produktseite
alt="Rotes Kleid" (beschreibt nur das Bild, nicht das Linkziel)alt="Summer Breeze Kleid in Rot – zur Produktseite"📝 Text im Bild
Bild: Infografik mit dem Text „5 Schritte zu besserer SEO“
alt="Infografik"alt="Infografik: 5 Schritte zu besserer SEO – 1. Keywords, 2. Alt-Texte, 3. Ladezeit, 4. Backlinks, 5. Content"🖱️ Bild als Button / CTA
Bild: „Jetzt kaufen“-Button als Grafik
alt="Button grün"alt="Jetzt kaufen"Bei Bild-Buttons: Alt-Text = Aktion, nicht Aussehen. „Jetzt kaufen“, nicht „grüner Button mit weißem Text“.
📸 Bild MIT Bildunterschrift (caption)
Bild: Teamfoto bei einer Konferenz. Bildunterschrift darunter: „Unser Team auf der DMEXCO 2025″
alt="Unser Team auf der DMEXCO 2025" (identisch mit Caption)alt="Zehn Teammitglieder der webAufstieg GmbH posieren vor dem AutoAlt.ai Messestand."Alt-Text ≠ Caption. Der Alt-Text beschreibt das Bild, die Caption gibt Kontext. Nicht doppeln.
5. Die universelle Alt-Text-Formel
Aus den 30+ Beispielen oben lässt sich eine einfache Formel ableiten, die für 90% aller Bilder funktioniert:
[Produktname/Hauptmotiv] in [Farbe] – [Typ/Material], [Ansicht/Kontext]Angewandt:
Mode: [Summer Breeze Kleid] in [Rot] – [Chiffon mit V-Ausschnitt], [am Model]
Elektronik: [ProBook 15 Laptop] in [Space Grey] – [15,6-Zoll Display], [aufgeklappt auf Schreibtisch]
Möbel: [Velvet Cloud 3-Sitzer-Sofa] in [Waldgrün] – [Samt mit Holzfüßen], [im Wohnzimmer-Setting]
Hotel: [Deluxe Doppelzimmer] mit [King-Size-Bett] – [Panorama-Bergblick auf die Tiroler Alpen]
Die Formel enthält automatisch die wichtigsten SEO-Keywords (Produktname + Farbe + Material + Typ) und ist gleichzeitig ein natürlicher Satz für Screenreader. Win-Win.
Oder lassen Sie die KI schreiben
Bei Hunderten oder Tausenden von Bildern ist manuelles Schreiben unpraktisch – selbst mit Formel. AutoAlt.ai generiert Alt-Texte per KI, die automatisch der Formel folgen: Produktname, Farbe, Material, Kontext – alles aus dem CMS-Kontext extrahiert. 1.000 Bilder in 30 Minuten statt 80 Arbeitsstunden.
30+ Beispiele gesehen – jetzt automatisch umsetzen
AutoAlt.ai generiert Alt-Texte nach der optimalen Formel – per KI, direkt in WordPress, WooCommerce, Shopware, Joomla und Drupal. 50 Credits/Monat dauerhaft kostenlos
6. SEO-Power, häufige Fehler & KI in der Praxis
21. Alt-Texte als SEO-Turbo: Warum sie Rankings boosten
Alt-Texte sind nicht nur für Barrierefreiheit da – sie sind einer der stärksten On-Page-SEO-Hebel, den die meisten Shops komplett ignorieren. Hier die Fakten:
📊 22,6% aller Google-Suchen sind Bildersuchen
Die Google-Bildersuche ist die zweitgrösste Suchmaschine der Welt – grösser als YouTube und Bing zusammen. Wer keine Alt-Texte hat, ist dort unsichtbar. Wer sie hat, erscheint in einem Kanal den 83% der Konkurrenz ignorieren.
🏆 Alt-Text ist Googles #1 Signal für Bilder-Ranking
Google nutzt 5 Signale um Bilder zu verstehen: Alt-Text (stärkstes), umliegender Text, Dateiname, Seiten-Title und visuelle KI. Googles John Mueller: „Alt text is extremely helpful for Google Images.“ Ohne Alt-Text fehlt das wichtigste Signal.
🛍️ Produktbilder in den regulären SERPs (Rich Snippets)
Google zeigt zunehmend Produktbilder direkt in den regulären Suchergebnissen – mit Thumbnail, Preis und Bewertungssternen. Voraussetzung: Product-Schema + optimierter Alt-Text. Das steigert die Klickrate (CTR) Ihrer Suchergebnisse gegenüber reinen Text-Listings signifikant.
📈 Alt-Text-SEO Checkliste (Kurzversion)
✓ Alt-Text beschreibend + natürliche Keywords (kein Stuffing)
✓ Dateiname beschreibend: rotes-kleid-chiffon.jpg statt IMG_2024.jpg
✓ Dateigrösse komprimiert (WebP, unter 200KB)
✓ Responsive Bilder (srcset-Attribut)
✓ Lazy Loading aktiviert
✓ Product-Schema mit image-Attribut für Rich Snippets
✓ Bilder-Sitemap vorhanden
→ Ausführlicher SEO-Guide: Alt-Text und SEO (Sektion 7 im Pillar Guide)
22. So klingt ein Alt-Text im Screenreader
Um zu verstehen warum Alt-Texte so wichtig sind, muss man hören was passiert wenn ein blinder Nutzer Ihre Website besucht. Screenreader wie JAWS, NVDA oder VoiceOver lesen Bildelemente so vor:
❌ Ohne Alt-Text – was der Screenreader sagt:
🔊 „Grafik: IMG_20240315_142037_HDR.jpg“
Der Nutzer hört einen kryptischen Dateinamen. Keine Ahnung was das Bild zeigt. Frustration.
⚠️ Mit schlechtem Alt-Text:
🔊 „Grafik: Kleid“
Welches Kleid? Welche Farbe? Welche Marke? Hilft kaum bei der Kaufentscheidung.
✅ Mit optimalem Alt-Text:
🔊 „Grafik: Summer Breeze Kleid in Rot, leichtes Chiffon-Sommerkleid mit V-Ausschnitt, am Model“
Der Nutzer weiss genau was er „sieht“ – Produktname, Farbe, Material, Schnitt. Kann eine Kaufentscheidung treffen.
Pro-Tipp: Testen Sie Ihre eigene Website mit einem Screenreader. NVDA (Windows) ist kostenlos, VoiceOver ist auf jedem Mac vorinstalliert. Schliessen Sie die Augen und navigieren Sie durch Ihre Produktseite. Das ändert Ihre Perspektive auf Alt-Texte fundamental.
23. Die 7 häufigsten Alt-Text-Fehler (und wie Sie sie vermeiden)
Alt-Attribut komplett fehlt
Häufigster Fehler. Screenreader liest den Dateinamen vor. WCAG-Verstoß. BFSG-Bussgeld-Risiko. Lösung: Jedes <img>Tag braucht ein alt-Attribut – entweder beschreibend oder leer ( alt="").
Keyword-Stuffing
„kleid rot damen sommer kaufen günstig online sale“ – das ist kein Alt-Text, das ist eine Keyword-Liste. Schadet sowohl SEO als auch Barrierefreiheit. Google erkennt Stuffing und wertet ab.
„Bild von…“ oder „Foto eines…“
Screenreader sagt bereits „Grafik:“. „Bild von einem Hund“ wird zu „Grafik: Bild von einem Hund“ – doppelt. Verschwendet 10-15 wertvolle Zeichen.
Identischer Alt-Text für alle Bilder
5 Produktbilder mit 5× „Rotes Kleid“ – Google sieht 4 Duplikate, Screenreader-Nutzer hören 5× dasselbe. Jedes Bild braucht einen individuellen Alt-Text der die jeweilige Perspektive beschreibt..
Zu vage / zu allgemein
„Sofa“ statt „Velvet Cloud 3-Sitzer-Sofa in Waldgrün“. Kein Produktname, keine Farbe, kein Material. Verschenkt SEO-Potenzial und hilft blinden Nutzern nicht bei der Kaufentscheidung.
Dekorative Bilder mit beschreibendem Alt-Text
Ein Hintergrundmuster braucht keinen Alt-Text – „Schöner blauer Farbverlauf“ nervt Screenreader-Nutzer. Dekorative Bilder: alt="" (leeres Attribut).
Alt-Texte nur in einer Sprache bei mehrsprachigem Shop
Deutsche Alt-Texte im französischen Storefront? Macht keinen Sinn für französischsprachige Screenreader-Nutzer und schadet dem französischsprachigen SEO. Jede Sprachversion braucht eigene Alt-Texte.
24. Manuell vs. AutoAlt.ai: Praxis-Vergleich
Theorie ist schön – aber wie sieht es in der Praxis aus, wenn ein KI-Tool Alt-Texte generiert? Hier ein realistischer Vergleich am Beispiel eines Mode-Shops mit 500 Produkten:
| Kriterium | Manuell schreiben | AutoAlt.ai Plugin |
|---|---|---|
| Zeitaufwand (2.000 Bilder) | ~Arbeitsstunden (2-3 Min/Bild) | ~45 Minuten (Bulk-Generierung) |
| Kosten | €6.000-8.000 (Agentur, €100/h) | €90 (2× Profi-Pack à €45) |
| Produktname im Alt-Text? | Wenn der Texter daran denkt | Automatisch aus WooCommerce/Shopware extrahiert |
| Konsistenz | Variiert je nach Texter/Tag | Einheitlicher Stil über alle Bilder |
| Mehrsprachig (DE+EN+FR) | 3× der Aufwand + Übersetzer nötig | 1 credit = alle Sprachen inklusive |
| Nachbearbeitung möglich? | Ja | Ja, ohne zusätzliche Credits. |
| CMS-Integration | Copy-Paste in jedes Bildfeld | Direkt in WordPress/WooCommerce/Shopware |
| BFSG Documentation | Manuell erstellen | Verarbeitungshistorie als Nachweis |
Konkretes Praxis-Beispiel: Was AutoAlt.ai generiert
Sie laden ein Produktbild hoch – die KI analysiert das Bild visuell, liest den Produktnamen und die Kategorie aus Ihrem Shop und generiert:
// Input: Produktbild + WooCommerce-Kontext
Produktname: „Summer Breeze Kleid“
Kategorie: „Damen > Kleider > Sommerkleider“
Attribute: Farbe=Rot, Material=Chiffon
// Output (DE):
alt=“Summer Breeze Kleid in Rot – Leichtes Chiffon-Sommerkleid mit V-Ausschnitt, getragen von Model“
// Output (EN):
alt=“Summer Breeze Dress in Red – Lightweight chiffon summer dress with V-neck, worn by model“
// Output (FR):
alt=“Robe Summer Breeze en rouge – Robe d’été légère en mousseline avec décolleté en V, portée par un mannequin“
Die KI kombiniert automatisch: visuelle Analyse (erkennt Kleid, Farbe, V-Ausschnitt, Model) + CMS-Kontext (Produktname, Kategorie, Attribute) + SEO-Keywords (natürlich integriert). Das Ergebnis folgt exakt der universellen Formel aus Sektion 20 – in allen Sprachen gleichzeitig.
25. Mehrsprachige Alt-Texte: So geht's richtig
Besonders relevant für Shops im DACH-Raum: Wenn Ihre Website mehrere Sprachversionen hat (DE, EN, FR, IT), braucht jede Version eigene Alt-Texte in der jeweiligen Sprache. Hier ein Beispiel für dasselbe Produktbild in 4 Sprachen:
🇩🇪 Deutsch:
alt="Summer Breeze Kleid in Rot – Leichtes Chiffon-Sommerkleid mit V-Ausschnitt"
🇬🇧 English:
alt="Summer Breeze Dress in Red – Lightweight chiffon summer dress with V-neckline"
🇫🇷 Français:
alt="Robe Summer Breeze en rouge – Robe d'été légère en mousseline avec décolleté en V"
🇮🇹 Italiano:
alt="Abito Summer Breeze in rosso – Leggero abito estivo in chiffon con scollo a V"
💡 Kosten-Vergleich bei 4 Sprachen (1.000 Bilder):
Manuell: 1.000 × 4 Sprachen × 3 Min × €100/h = €20.000
AutoAlt.ai: 1.000 Credits × €0,045/Credit = €45 (alle Sprachen inklusive)
→ Ersparnis: 99,8%. AutoAlt.ai berechnet 1 Credit pro Bild, nicht pro Sprache – das ist einzigartig im Markt. Kompatibel mit WPML und Polylang.
26. 5 Pro-Tipps für fortgeschrittene Alt-Text-Optimierung
🎯 Tipp 1: Kontext vor Inhalt
Dasselbe Bild braucht je nach Seite verschiedene Alt-Texte. Ein Eiffelturm-Foto auf einer Architektur-Seite: „Eiffelturm, Eisenfachwerk-Konstruktion von Gustave Eiffel“. Auf einer Reise-Seite: „Eiffelturm bei Sonnenuntergang vom Trocadéro“. Der Kontext bestimmt, welche Details relevant sind.
🔍 Tip 2: Prüfen Sie die Top-10 Traffic-Seiten zuerst
80% Ihres Traffics kommt von 20% Ihrer Seiten. Prüfen Sie zuerst die Top-10-Seiten in Google Analytics → optimieren Sie dort die Alt-Texte → dann den Rest per Bulk. Maximaler Impact bei minimalem Aufwand.
📱 Tip 3: Alt-Texte in E-Mails nicht vergessen
Viele E-Mail-Clients blockieren Bilder standardmässig. Ohne Alt-Text sieht der Empfänger nur leere Boxen. Newsletter-Bilder mit Alt-Texten versehen = höhere Öffnungsrate und Klickrate, weil der Empfänger die Inhalte versteht, auch ohne Bilder zu laden.
🏷️ Tip 4: Artikelnummer bei technischen Produkten
Bei Elektronik, Ersatzteilen oder B2B: Die Artikelnummer/SKU im Alt-Text kann ein SEO-Vorteil sein. Nutzer suchen oft nach Modellnummern. „ProBook 15 Laptop (PB15-2026) in Space Grey“ fängt die Suche nach „PB15-2026″ auf.
🔄 Tip 5: Alt-Texte regelmässig aktualisieren
Alt-Texte sind kein „set and forget“. Wenn sich Produktnamen ändern, Saison-Collections wechseln oder Sie neue Keywords identifizieren – aktualisieren Sie die Alt-Texte. Mit AutoAlt.ai können Sie per Bulk alte Alt-Texte überprüfen und bei Bedarf neu generieren.
7. Häufige Fragen (FAQ)
Wie lang sollte ein Alt-Text sein?
Idealerweise 80-125 Zeichen. Screenreader lesen den Text am Stück vor – zu lang ist ermüdend. Die meisten ✅-Beispiele in diesem Artikel liegen im Bereich 70-110 Zeichen
Darf ich Keywords im Alt-Text verwenden?
Ja – wenn sie natürlich in die Beschreibung passen. „Summer Breeze Kleid in Rot“ enthält automatisch Keywords (Kleid, Rot) ohne Stuffing. Was NICHT geht: „kleid rot damen sommer kaufen günstig online sale“ – das ist eine Keyword-Liste, kein Alt-Text.
Was ist der Unterschied zwischen alt="" und einem fehlenden Alt-Attribut?
alt="" (leeres Attribut) sagt dem Screenreader: „Dieses Bild ist dekorativ, überspringe es.“ Das ist korrekt für Hintergründe und Trennlinien. Ein fehlendes alt-Attribut dagegen bedeutet: Der Entwickler hat vergessen, etwas einzutragen. Der Screenreader liest dann oft den Dateinamen vor (z.B. „IMG_20240315_142037_HDR.jpg“).
Brauchen alle Galeriebilder eines Produkts verschiedene Alt-Texte?
Ja! Jedes Bild zeigt etwas anderes (Frontalansicht, Rückseite, Detail, getragen). Jedes braucht einen individuellen Alt-Text der die jeweilige Perspektive beschreibt. Identische Alt-Texte für verschiedene Bilder sind ein SEO- und Barrierefreiheits-Fehler.
Kann KI gute Alt-Texte nach dieser Formel schreiben?
Ja. AutoAlt.ai nutzt GPT-4o und Google Gemini, um Bilder visuell zu analysieren und den CMS-Kontext (Produktname, Kategorie, Attribute) automatisch zu integrieren. Die generierten Alt-Texte folgen der Formel aus Sektion 20 und können jederzeit manuell nachbearbeitet werden – ohne zusätzliche Credits.
Alt-Texte nach der optimalen Formel – automatisch generiert
AutoAlt.ai generiert SEO-optimierte Alt-Texte per KI für WordPress, WooCommerce, Shopware, Joomla und Drupal. BFSG-konform. Made in Germany.
50 Credits/Monat dauerhaft kostenlos • Keine Kreditkarte • 2 Min. Setup