Was ist Alt-Text?

Veröffentlicht: 17. Oktober 2025

Aktualisiert: 25. Oktober 2025

9 Minuten Lesezeit

Was ist Alt-Text?

Alt-Text, oder Alternativtext, ist eine schriftliche Beschreibung eines Bildes auf einer Webseite, die im HTML-Code eingebettet ist.

Alt-Text bietet eine textliche Beschreibung für Bilder, die potenziell die Barrierefreiheit der Website für sehbehinderte Nutzer verbessert und Suchmaschinen Kontext zum Bildinhalt liefert.

Berücksichtigen Sie die Benutzererfahrung während des Schreibprozesses.

Profi-Tipp:
Für komplexe Bilder wie Infografiken verwenden Sie den Alt-Text, um auf eine separate Seite oder eine längere Beschreibung, die den Inhalt (insbesondere die Datenpunkte) darstellt, zu verlinken.
Die wichtigsten Punkte:
  • Alt-Text sollte das Bild für Barrierefreiheitszwecke beschreiben, unabhängig von SEO-Überlegungen.
  • Beschreibungen kurz halten (unter 125 Zeichen) und Schlüsselwörter natürlich integrieren.
  • Verwenden Sie alt="" für dekorative Bilder, aber beschreibenden Alt-Text für alle anderen.

Wo wird Alt-Text verwendet?

Alt-Text wird im alt-Attribut des HTML-Bild-Tags verwendet. Diese Platzierung ist erforderlich, da das alt-Attribut das standardmäßige Code-Element ist, nach dem Screenreader und Suchmaschinen-Crawler bei der Bildverarbeitung suchen. Es ist ein unsichtbares Metadatum.

Tiefer Einblick:
Die Einbindung von Alt-Text in Hocoos erfordert keine Code- oder HTML-Manipulation. Klicken Sie einfach im Editor auf ein Bild, suchen Sie das Feld „Alt-Text“ und geben Sie Ihre Beschreibung ein. Die restlichen Schritte werden von Hocoos automatisiert.

Was sind die Best Practices für effektiven Alt-Text?

Effektiver Alt-Text ist prägnant, beschreibt das Bild kurz und ist relevant für den umgebenden Inhalt. Diese Methode soll sicherstellen, dass Informationen für Barrierefreiheitstools verständlich sind und relevanter Kontext für die Suchmaschinenindizierung bereitgestellt wird.

•   Detailliert beschreiben: Das Hauptmotiv, die Handlung und der Ort sollten im Mittelpunkt Ihrer Beschreibung stehen.

•   Fassen Sie sich kurz: Ihr Ziel sollte es sein, kurze, klare Erklärungen zu verfassen.

•   Redundanz berücksichtigen: Es kann bedeuten, die Häufigkeit von Phrasen wie „Bild von“ oder „Abbildung von“ in Beschreibungen zu reduzieren.

•   Fokus auf die Funktion: Bei interaktiven Elementen sollte die Beschreibung die Aktion sein (z.B. „Link zur Startseite.“)

•   Natürlich formulieren: Die Beschreibung sollte primär für menschliche Leser erstellt werden.

Wie hilft Alt-Text bei SEO?

Alt-Text ist unerlässlich für SEO, da er Suchmaschinen-Crawlern Informationen liefert, die sie allein durch die Betrachtung des Bildes nicht erhalten können. Das Alt-Attribut dient als Textanker, der visuelle Inhalte mit dem Thema der Seite verbindet, was sich auf dessen Ranking in der Web- und Bildersuche auswirken kann.

Profi-Tipps: 
• Das Vorhandensein von effektivem Alt-Text kann mit der Sichtbarkeit von Bildern im Bereich „Bilder“ der Google-Suche korrelieren, was sich auf die Besucherzahlen auswirken könnte.

•   Die Implementierung von Keyword-Variationen wird dringend empfohlen. Angenommen, Ihr Haupt-Keyword ist „Elektroroller“, können Sie „E-Scooter für Pendler“ in den Alt-Text eines zugehörigen Bildes einfügen, damit eine größere Vielfalt an Suchanfragen erfasst wird.

Wie lang sollte Alt-Text sein?

Der Alt-Text muss prägnant und, wenn möglich, weniger als 125 Zeichen lang sein. Der Grund für diese Länge ist, dass die meisten Screenreader dem Benutzer nur die ersten 125 Zeichen des Alt-Textes anzeigen werden, und kürzerer Text für einen Benutzer schneller zu erfassen ist.

Sollte ich Keywords im Alt-Text verwenden?

Es ist richtig, dass Sie Alt-Text für das Bild mit Keywords verwenden sollten, die zum Bild passen, aber nur, wenn diese natürlich in die Beschreibung passen. Keywords spielen eine wichtige Rolle für SEO, aber der Hauptzweck von Alt-Text ist die Verbesserung der Barrierefreiheit. Die Verwendung zahlreicher Keywords im Alternativtext ist relevant für die Benutzererfahrung und das Suchmaschinenranking.

Benötigen alle Bilder einen Alt-Text?

Ein beschreibender Alternativtext ist nicht für jedes Bild erforderlich; die Entscheidung, ihn bereitzustellen, hängt von der Bildfunktion ab. Diese Unterscheidung ist ein entscheidender Punkt für die Barrierefreiheit. Bilder, die zur Botschaft beitragen, können von Beschreibungen profitieren, und rein dekorative Bilder können von der Screenreader-Erkennung ausgeschlossen werden, um auditive Störungen zu reduzieren.

Tiefer Einblick:
Bei funktionalen Bildern (z.B. Absende-Buttons) kann der Alt-Text die beabsichtigte Aktion angeben, wie zum Beispiel „E-Mail senden“, anstatt sich auf den visuellen Aspekt des Bildes zu konzentrieren.

Wie sollte Alternativtext für dekorative Bilder geschrieben werden?

Bilder, die nur dekorativen Zwecken dienen, können ein leeres oder null alt-Attribut verwenden: alt=””. Das Vorhandensein oder Fehlen eines alt-Attributs kann beeinflussen, wie ein Screenreader ein Bild interpretiert und dessen Inhalt möglicherweise als ergänzend einstuft.

Beispiel: Linientrenner oder Hintergrundtexturen, die hauptsächlich zur Dekoration gedacht sind, könnten alt=”” verwenden.

Fazit

Alt-Text ist ein unverzichtbares Element moderner Webentwicklung, das als Brücke zwischen visuellen Inhalten und universeller Barrierefreiheit dient. Das Implementieren von Bildbeschreibungen kann sich auf eine Website-SEO und deren Ansatz zur Benutzererfahrung auswirken.

Inhaltsverzeichnis

BEREIT, IHR KLEINUNTERNEHMEN ZU STARTEN?

Wichtiger Hinweis: Die Informationen unseres Expertenteams sollen Ihnen ein allgemeines Verständnis des Prozesses der Webseitenerstellung und der Ihnen zur Verfügung stehenden Funktionen vermitteln. Es ist wichtig zu beachten, dass diese Informationen keine professionelle Beratung ersetzen, die auf Ihre spezifischen Bedürfnisse und Ziele zugeschnitten ist.
Lesen Sie unsere redaktionelle Standards für Answers-Inhalte.
Unser Ziel ist es, Sie in die Lage zu versetzen, eine großartige Webseite zu erstellen. Wenn Sie Fragen haben oder Unterstützung während des Erstellungsprozesses benötigen, zögern Sie nicht, Kontaktieren Sie uns. Wir helfen Ihnen gerne und weisen Ihnen den richtigen Weg.