Was macht einen guten Bilder alt-Text aus?

Was ist Alt-Text und warum ist er wichtig?

Alt-Text (Alternativtext) ist eine kurze Beschreibung eines Bildes, die im HTML-Code hinterlegt wird. Er erfüllt zwei wichtige Funktionen: Er macht Ihre Website barrierefrei für Menschen mit Sehbehinderungen und hilft Suchmaschinen, Ihre Bilder zu verstehen und besser zu ranken.

Für einen Blog wie unseren, der sich mit Gesundheitsthemen beschäftigt, ist guter Alt-Text besonders wichtig – sowohl aus ethischen als auch aus SEO-Gründen.

Die 7 goldenen Regeln für guten Alt-Text

1. Sei beschreibend und konkret

Beschreiben Sie, was auf dem Bild zu sehen ist, als würden Sie es jemandem am Telefon erklären.

Beispiele:

• ❌ Schlecht: "Bild"
• ❌ Schlecht: "foto123"
• ✅ Gut: "Patient bei Physiotherapie-Übung"
• ✅ Gut: "Medikamentendosierer auf Nachttisch"

2. Achte auf die richtige Länge

Ideal sind 100-125 Zeichen. Screenreader schneiden oft danach ab. Zu kurz hilft niemandem, zu lang wird abgeschnitten.

Beispiele:

• ❌ Zu kurz: "Therapie"
• ❌ Zu lang: "Ein Patient mittleren Alters führt unter professioneller Anleitung einer erfahrenen Therapeutin in einem modernen Behandlungsraum eine spezielle Übung durch"
• ✅ Gut: "Patient führt Bewegungsübung mit Therapeutin durch"

3. Verwende Keywords natürlich

Integrieren Sie relevante Suchbegriffe, aber übertreiben Sie es nicht. Der Alt-Text sollte sich natürlich lesen.

Beispiele:

• ❌ Keyword-Stuffing: "Medikament Medikamente Therapie Behandlung Patient Patienten"
• ✅ Gut: "Medikamentenpumpe zur kontinuierlichen Therapie"
• ✅ Gut: "Tagesdosierung von Medikamenten in Pillenbox"

4. Beschreibe die Funktion, nicht nur das Aussehen

Bei Diagrammen, Grafiken oder funktionalen Bildern ist wichtig, was sie aussagen – nicht nur, wie sie aussehen.

Beispiele:

• ❌ Schlecht: "Buntes Diagramm"
• ✅ Gut: "Diagramm zeigt Symptomverbesserung über 6 Monate"
• ✅ Gut: "Infografik mit 5 Tipps für besseren Schlaf"

5. Passe den Alt-Text an den Kontext an

Dasselbe Bild kann je nach Artikel unterschiedlichen Alt-Text brauchen.

Beispiel – gleiches Bild, verschiedene Artikel:

• Im Artikel über Herbst: "Spaziergang im herbstlichen Park"
• Im Artikel über Mobilität: "Person nutzt Gehstock beim Outdoor-Training"
• Im Artikel über Soziales: "Zwei Personen im Gespräch während gemeinsamen Spaziergangs"

6. Vermeide redundante Formulierungen

Screenreader sagen automatisch "Bild" oder "Grafik" an. Sie müssen das nicht wiederholen.

Beispiele:

• ❌ "Bild von einer Person beim Sport"
• ❌ "Foto zeigt eine Tablette"
• ✅ "Person macht Dehnübungen"
• ✅ "Einzelne Tablette auf Handinnenfläche"

7. Lass dekorative Bilder leer

Wenn ein Bild rein dekorativ ist und keine Information liefert, verwenden Sie leeren Alt-Text: alt=""

Dekorativ sind zum Beispiel:

• Dekorative Trennlinien
• Hintergrundmuster
• Rein ästhetische Illustrationen ohne Inhaltsbezug

Praktische Beispiele für Gesundheitsblogs

Produktbilder

• ❌ "Pumpe"
• ✅ "Medizinische Infusionspumpe mit Bedienfeld"

Infografiken

• ❌ "Infografik"
• ✅ "Infografik: Anleitung zur Medikamenteneinnahme in 5 Schritten"

Symptom-Darstellungen

• ❌ "Hand"
• ✅ "Zitternde Hand greift nach Wasserglas"

Lifestyle-Bilder

• ❌ "Familie"
• ✅ "Mehrgenerationen-Familie beim gemeinsamen Mittagessen"

Medizinische Illustrationen

• ❌ "Körperteil"
• ✅ "Anatomische Darstellung des menschlichen Gehirns im Querschnitt"

Checkliste: So prüfen Sie Ihren Alt-Text

Stellen Sie sich bei jedem Alt-Text diese Fragen:

1. ✓ Würde jemand ohne das Bild zu sehen verstehen, was darauf ist?
2. ✓ Ist die Beschreibung präzise und auf das Wesentliche reduziert?
3. ✓ Habe ich relevante Keywords natürlich eingebaut?
4. ✓ Passt der Alt-Text zum Thema des Artikels?
5. ✓ Ist er zwischen 100-125 Zeichen lang?
6. ✓ Habe ich "Bild von" oder "Foto zeigt" vermieden?
7. ✓ Bei Diagrammen: Habe ich die Aussage beschrieben, nicht nur das Aussehen?

Bonus-Tipp: Dateinamen optimieren

Kombinieren Sie guten Alt-Text mit aussagekräftigen Dateinamen für maximale SEO-Wirkung:

Beispiel:

• ❌ IMG_5847.jpg mit Alt: "Übung"
• ✅ bewegungsuebung-therapie.jpg mit Alt: "Patient bei therapeutischer Bewegungsübung"

Fazit

Guter Alt-Text ist keine Raketenwissenschaft, aber er macht einen großen Unterschied – sowohl für die Barrierefreiheit Ihrer Website als auch für Ihr Suchmaschinenranking. Nehmen Sie sich die Zeit, bei jedem Bild kurz nachzudenken: Was ist wirklich darauf zu sehen, und wie würde ich es jemandem beschreiben?

Mit diesen Tipps sind Sie bestens gerüstet, um Ihre Bilder optimal zu beschriften. Ihre Leser – und Google – werden es Ihnen danken!

Haben Sie Fragen zum Thema Alt-Text oder SEO? Schreiben Sie uns gerne einen Kommentar!