Alt-Text

Alt-Text ist eine textliche Beschreibung eines Bildes, die Sie in den HTML-Code einer Webseite einfügen. Dieser Text erscheint, wenn ein Bild nicht geladen werden kann, und wird von Bildschirmlesegeräten für Menschen mit Sehbehinderungen vorgelesen. Suchmaschinen wie Google verwenden den Alt-Text, um zu verstehen, was in einem Bild enthalten ist, da sie Bilder selbst nicht interpretieren können. Für KMU ist der Alt-Text eine praktische Möglichkeit, die Barrierefreiheit und die Auffindbarkeit ohne zusätzliche Kosten zu verbessern.

Wie funktioniert der Alt-Text in der Praxis?

Der Alt-Text wird als HTML-Attribut zu einem Bild hinzugefügt: <img src="product.jpg" alt="Esstisch aus Holz mit Stahlbeinen">. Wenn ein Besucher Ihre Website mit einem Bildschirmlesegerät aufruft, liest die Software diesen Text vor, anstatt nur "Bild" zu melden. Wenn das Bild aufgrund einer langsamen Verbindung nicht geladen wird, sieht der Besucher den alt-Text an der Stelle, wo das Bild stehen würde. Google durchsucht diesen Text und verwendet die Informationen, um Bilder in Google Images zu indizieren und den Kontext Ihrer Seite besser zu verstehen. Auf einer gut gestalteten Website ist der Alt-Text ein Standardbestandteil des Inhaltsprozesses und keine nachträglich hinzugefügte Formalität.

Wie der Alt-Text entstanden ist und warum er heute wichtig ist

Alt-Text wurde in den frühen 1990er Jahren als Teil der HTML 2.0-Spezifikation eingeführt und war für Situationen gedacht, in denen Bilder nicht angezeigt werden konnten. Mit dem Aufkommen von Screenreadern und der zunehmenden Bedeutung der digitalen Barrierefreiheit erhielt der Alt-Text eine soziale Funktion: Er macht das Web für Menschen mit Sehbehinderungen nutzbar. Seit Inkrafttreten der europäischen Rechtsvorschriften zur Barrierefreiheit sind viele Organisationen verpflichtet, ihre Websites barrierefrei zu gestalten. Gleichzeitig entdeckten SEO-Spezialisten, dass Alt-Text Google hilft, Bilder zu verstehen und zu bewerten. Für einen Online-Shop mit Hunderten von Produktbildern kann dies den Unterschied ausmachen, ob er über Google Bilder gefunden wird oder nicht.

Was Alt-Text für KMUs bringt

Für ein KMU bietet der Alt-Text drei konkrete Vorteile. Erstens erhöht er Ihre Reichweite: Besucher mit Sehbehinderungen können Ihre Inhalte vollständig verstehen, was Ihren Kundenstamm vergrößert und Ihr Markenimage stärkt. Zweitens verbessert er Ihre Auffindbarkeit: Google indexiert Ihre Bilder besser, was zusätzlichen organischen Traffic über Google Images erzeugt. Ein Möbelgeschäft, das jedes Produktbild mit einem beschreibenden Alt-Text versieht, rangiert bei Suchbegriffen wie "Couchtisch aus Eiche" schneller als Konkurrenten, die dies nicht tun. Drittens vermeiden Sie rechtliche Risiken: In Deutschland gilt für viele kommerzielle Websites die europäische Zugänglichkeitsrichtlinie, und ein fehlender Alt-Text kann zu Beschwerden oder Geldstrafen führen. Eine durchdachte SEO-Strategie integriert den Alt-Text von Anfang an, so dass Barrierefreiheit und Auffindbarkeit Hand in Hand gehen.

Alt-Text funktioniert in verschiedenen Situationen und erfüllt jedes Mal eine andere Rolle. Für Webshops ist er ein Conversion-Tool, für Content-Marketer ein SEO-Tool und für Organisationen mit einem öffentlichen Auftrag eine rechtliche Verpflichtung. Im Folgenden lesen Sie über vier konkrete Anwendungen und darüber, wann Sie den Alt-Text priorisieren oder nicht.

Produktfotos in Webshops und Katalogen

In einem Webshop beschreibt der Alt-Text das Produkt auf dem Bild: Farbe, Material, Form und manchmal auch die Verwendung. Ein guter Alt-Text für ein Produktbild lautet zum Beispiel "schwarze Leder-Laptoptasche mit verstellbarem Schulterriemen", nicht "Tasche" oder "Produkt-12345". Google verwendet diese Informationen, um Ihr Produkt in Google Images anzuzeigen, wenn jemand nach "black leather laptop bag" sucht. Besucher mit einem Bildschirmlesegerät verstehen sofort, was sie da sehen, was die Wahrscheinlichkeit erhöht, dass sie sich zur Produktseite durchklicken. Ein Webshop mit Hunderten von Artikeln erfordert einen strukturierten Ansatz: Verwenden Sie Produktattribute aus Ihrer Datenbank, um Alt-Text automatisch zu generieren, aber überprüfen Sie manuell, dass der Text logisch lesbar bleibt. Vermeiden Sie Keyword-Stuffing: "schwarze Leder-Laptoptasche günstig kaufen Amsterdam" schadet Ihrem Ranking mehr als es nützt.

Infografiken und Datenvisualisierungen im Content Marketing

Eine Infografik enthält oft eine Menge Informationen, die verloren gehen, wenn Sie nur "Infografik" als Alttext verwenden. Beschreiben Sie stattdessen die Kernaussage: "Balkendiagramm, das ein Umsatzwachstum von 12 % in Q1 2024 im Vergleich zu Q4 2023 zeigt". Besucher, die das Bild nicht sehen können, verstehen auf diese Weise trotzdem das Wesentliche. Bei komplexen Diagrammen sollten Sie in Erwägung ziehen, zusätzlich zum Alt-Text eine längere Textbeschreibung auf der Seite selbst zu platzieren, zum Beispiel in einem strukturierten Artikel mit Schema-Markup. Google schätzt diese Art von Kontext und stuft Ihre Inhalte bei informativen Suchen höher ein. Ein häufiger Fehler ist das Weglassen von Alt-Text für dekorative Grafiken: Verwenden Sie in diesem Fall einen leeren Alt-Text(alt=""), um Bildschirmlesern mitzuteilen, dass das Bild keinen inhaltlichen Wert hat.

Logos und Markenidentität in Kopf- und Fußzeilen

Das Logo in Ihrer Kopfzeile verdient einen einfachen, wiedererkennbaren Alt-Text:"Monkey Vision logo" oder einfach"Monkey Vision". Vermeiden Sie "Klicken Sie hier für die Homepage" oder "Logo", da dies keine zusätzlichen Informationen enthält. Bildschirmlesegeräte lesen den Alt-Text, wenn ein Besucher durch die Navigation navigiert, so dass eine klare Benennung die Benutzerfreundlichkeit verbessert. Für eine starke Markenidentität ist Konsistenz wichtig: Verwenden Sie auf jeder Seite denselben Alt-Text für Ihr Logo. Dekorative Symbole, wie z. B. Symbole für soziale Medien in der Fußzeile, können mit einem leeren Alt-Text versehen werden, wenn der Link selbst bereits eine Textbeschriftung hat, z. B. "Folgen Sie uns auf LinkedIn". Auf diese Weise werden doppelte Informationen vermieden und der Bildschirmleser wird nicht überfordert.

Wann ist Alt-Text die richtige Wahl und wann nicht?

Alt-Text ist für Inhaltsgrafiken unerlässlich: Produktfotos, Teamfotos, Illustrationen von Blogartikeln, Grafiken und Screenshots. Für dekorative Elemente wie Hintergrundmuster, Trennlinien oder rein visuelle Akzente sollten Sie einen leeren Alt-Text(alt="") verwenden. Dies signalisiert den Bildschirmlesern, dass das Bild keine Informationen enthält und übersprungen werden sollte. Ein häufig anzutreffender Fehler ist die Verwendung des alt-Textes als versteckter SEO-Trick, bei dem Keywords eingefügt werden, die nichts mit dem Bild zu tun haben. Google erkennt dies und straft es ab. Alt-Text ist kein Ersatz für guten Ankertext in Links oder für strukturierten Inhalt auf der Seite selbst. Verwenden Sie ihn nur dort, wo er hingehört: als ehrliche Beschreibung dessen, was visuell zu sehen ist.