Zum Hauptinhalt springen

Leitfaden für Best Practices bei Alternativtext

Lernen Sie, wie Sie effektiven Alternativtext schreiben, der die Zugänglichkeit und SEO verbessert. Möchten Sie Ihr Content-Writing verbessern? Schauen Sie sich ReachWriter für KI-gestützte Content-Erstellung an und bewerten Sie die Lesbarkeit in Sekunden mit ReadabilityPro.

Was Macht Guten Alternativtext Aus?

Guter Alternativtext erfüllt zwei Zwecke: Er hilft Screenreader-Nutzern, Ihre Bilder zu verstehen, und bietet Kontext für Suchmaschinen. Der beste Alternativtext ist:

Descriptive:Beschreibt klar, was im Bild zu sehen ist
Concise:Typischerweise unter 125 Zeichen (Screenreader-Limit)
Contextual:Relevant für den Seiteninhalt und -zweck
Meaningful:Fügt Wert für Nutzer hinzu, die das Bild nicht sehen können
Natural:Klingt wie normale menschliche Sprache, nicht wie Keyword-Stuffing

Dos und Don'ts

Dos

  • ✓Spezifisch und beschreibend sein
  • ✓Relevante Details einbeziehen (Farben, Personen, Aktionen)
  • ✓Dem Zweck des Bildes auf der Seite entsprechen
  • ✓Unter 125 Zeichen halten, wenn möglich
  • ✓Dekorative Bilder mit leerem alt verwenden (alt="")
  • ✓Sichtbaren Text im Bild einbeziehen, wenn wichtig

Don'ts

  • ✗Mit "Bild von" oder "Foto von" beginnen
  • ✗Keywords für SEO stopfen
  • ✗Alternativtext bei bedeutungsvollen Bildern leer lassen
  • ✗Dateinamen verwenden (IMG_1234.jpg)
  • ✗Romane schreiben (kurz halten)
  • ✗Umgebenden Textinhalt wiederholen

Beispiele

Schlecht
alt="Geschäftstreffen"
Gut
alt="Fünf vielfältige Fachleute, die um einen Konferenztisch zusammenarbeiten und Marketing-Charts überprüfen"
Schlecht
alt="produkt.jpg"
Gut
alt="Blaue kabellose Kopfhörer mit Geräuschunterdrückung und faltbarem Design"

Dekoratives Bild (Rand, Symbol, usw.):

Korrekt
alt=""

Leeres alt teilt Screenreadern mit, dekorative Bilder zu überspringen

E-Commerce-Produkt:

Schlecht
alt="Laufschuhe"
Gut
alt="Nike Air Zoom Pegasus 40 Herren-Laufschuhe in Schwarz und Weiß"

Blog-Post-Foto:

Schlecht
alt="Rezeptbild"
Gut
alt="Frisch gebackene Schoko-Cookies auf Kühlgitter mit sichtbaren geschmolzenen Schokostücken"

Social-Media-Post:

Schlecht
alt="Sonnenuntergangsfoto"
Gut
alt="Orangefarbener und rosa Sonnenuntergang über Berggipfeln mit silhouettierten Kiefern im Vordergrund"

Dokumentations-Screenshot:

Schlecht
alt="Screenshot"
Gut
alt="Einstellungsmenü mit Ein/Aus-Schalter für Benachrichtigungen in Ein-Position"

Infografik mit Daten:

Schlecht
alt="Statistiken"
Gut
alt="Balkendiagramm zeigt, dass Website-Traffic im Q4 2024 um 45% von 10K auf 14,5K monatliche Besucher gestiegen ist"

WCAG 2.1 Zugänglichkeitsrichtlinien

Die Web Content Accessibility Guidelines (WCAG) bieten Standards für zugängliche Webinhalte. Für Bilder:

Level A (Required):Alle nicht-dekorativen Bilder müssen Alternativtext haben
Decorative Images:Verwenden Sie leeres alt (alt=""), um anzuzeigen, dass das Bild rein dekorativ ist
Complex Images:Bieten Sie längere Beschreibungen mit aria-describedby oder longdesc bei Bedarf
Text in Images:Vermeiden Sie Bilder von Text; falls unvermeidbar, fügen Sie den Text im alt-Attribut hinzu
Functional Images:Beschreiben Sie die Funktion/Aktion, nicht das Bild selbst (z.B. "Suchen" nicht "Lupensymbol")

Alternativtext für SEO

Alternativtext hilft Suchmaschinen, Ihre Bilder zu verstehen und kann Ihr SEO verbessern:

1
Include Target Keywords Naturally:Verwenden Sie relevante Keywords, aber erzwingen Sie sie nicht
2
Be Descriptive:Detaillierte Beschreibungen helfen Google Images, Ihren Inhalt zu indexieren
3
Context Matters:Passen Sie Alternativtext an das Seitenthema und den umgebenden Inhalt an
4
Avoid Keyword Stuffing:Google bestraft unnatürliche Keyword-Wiederholung
5
File Names Also Matter:Verwenden Sie beschreibende Dateinamen wie "blaue-kabellose-kopfhoerer.jpg"

Balance is Key

Guter Alternativtext dient SOWOHL Zugänglichkeit ALS AUCH SEO. Priorisieren Sie Nutzer zuerst, Suchmaschinen zweitens.

Häufige Fehler zu Vermeiden

1 1. Keyword-Stuffing

Schlecht

"Kaufen Sie blaue Kopfhörer beste Kopfhörer kabellose Kopfhörer Verkauf Rabatt"

Gut

"Blaue kabellose Kopfhörer mit Geräuschunterdrückung"

2 2. Zu Vage Sein

Schlecht

"Eine Person"

Gut

"Lächelnde Frau, die an einem Laptop in einem Café arbeitet"

3 3. Kontext Wiederholen

Schlecht

""Bild eines blauen Autos" hinzufügen, wenn die Bildunterschrift bereits "Unser neues blaues Automodell" sagt"

Gut

"Fügen Sie einzigartige Details hinzu wie "Elegante Limousine mit Chromakzenten im Ausstellungsraum geparkt""

4 4. "Bild von" oder "Foto von" Verwenden

Schlecht

"Bild eines Sonnenuntergangs über dem Ozean"

Gut

"Sonnenuntergang über ruhigem Ozean mit orangefarbenem und violettem Himmel"

Bereit, Perfekten Alternativtext zu Generieren?

Verwenden Sie unseren KI-gestützten Generator, um zugänglichen, SEO-optimierten Alternativtext in Sekunden zu erstellen.

Generator Ausprobieren