Was ist ein Alt-Text und warum ist er für jede professionelle Website unverzichtbar
Ein Alt-Text, auch Alternativtext oder Alt-Attribut genannt, ist eine kurze Textbeschreibung, die im HTML-Code eines Bildes hinterlegt wird. Dieser Text wird angezeigt, wenn ein Bild aus technischen Gründen nicht geladen werden kann, und wird von Screenreadern vorgelesen, die sehbehinderten und blinden Menschen den Inhalt einer Webseite zugänglich machen. Darüber hinaus nutzt Google den Alt-Text, um den Inhalt von Bildern zu verstehen und sie korrekt in der Google Bildersuche zu indexieren. Der Alt-Text erfüllt damit drei fundamentale Funktionen gleichzeitig: Er verbessert die Barrierefreiheit Ihrer Website, er stärkt Ihre Suchmaschinenoptimierung und er gewährleistet eine gute Nutzererfahrung bei technischen Problemen.
Trotz seiner enormen Bedeutung wird der Alt-Text auf vielen Websites sträflich vernachlässigt. Studien zeigen, dass über die Hälfte aller Bilder im Internet keinen oder einen unzureichenden Alt-Text haben. Das ist nicht nur ein SEO-Problem, sondern auch ein rechtliches Risiko, denn in vielen Ländern schreiben Gesetze zur digitalen Barrierefreiheit vor, dass Webangebote für Menschen mit Behinderungen zugänglich sein müssen. Die Europäische Barrierefreiheitsrichtlinie, die seit 2025 gilt, verschärft diese Anforderungen weiter. Professionelle Websites müssen Alt-Texte für alle inhaltlich relevanten Bilder bereitstellen, um sowohl rechtliche Anforderungen zu erfüllen als auch das volle SEO-Potenzial der Bilderoptimierung auszuschöpfen.
Alt-Text und SEO: Wie Bildbeschreibungen Ihre Rankings verbessern
Aus SEO-Perspektive ist der Alt-Text einer der wichtigsten On-Page-Faktoren für die Bilderoptimierung und trägt gleichzeitig zur thematischen Relevanz der gesamten Seite bei. Google kann den Inhalt von Bildern zwar zunehmend durch Computer Vision erkennen, verlässt sich aber nach wie vor stark auf den Alt-Text, um Bilder korrekt zu interpretieren, zu kategorisieren und in der Bildersuche zu ranken.
Ein gut geschriebener Alt-Text enthält relevante Keywords, die das Bild und den Seiteninhalt beschreiben, ohne dabei in Keyword-Stuffing zu verfallen. Er beschreibt präzise, was auf dem Bild zu sehen ist, und stellt den Bezug zum Kontext der Seite her. Für eine Seite über professionelles Webdesign wäre ein Alt-Text wie Professionelle Website auf Laptop und Smartphone mit modernem, responsivem Design deutlich wirkungsvoller als ein generischer Text wie Bild oder website.jpg. Die Google Bildersuche generiert erheblichen Traffic, den viele Website-Betreiber komplett ignorieren. Professionelle Websites zwischen 3.000 und 10.000 Euro integrieren eine durchdachte Bilder-SEO-Strategie mit optimierten Alt-Texten von Anfang an. Laufende SEO-Betreuung von 700 bis 2.500 Euro monatlich umfasst die kontinuierliche Optimierung aller Bild-Elemente einschliesslich der Alt-Texte.
Alt-Text und Barrierefreiheit: Ihre Website für alle Menschen zugänglich machen
Die Barrierefreiheit ist die ursprüngliche und nach wie vor wichtigste Funktion des Alt-Textes. Für Menschen, die Screenreader verwenden, sind Bilder ohne Alt-Text unsichtbare Lücken im Seiteninhalt. Der Screenreader überspringt das Bild entweder vollständig oder liest den Dateinamen des Bildes vor, was für den Nutzer keinerlei Informationswert hat. Ein guter Alt-Text vermittelt die visuelle Information des Bildes in Textform und ermöglicht es sehbehinderten Nutzern, den vollständigen Inhalt Ihrer Seite zu erfassen.
Die Web Content Accessibility Guidelines, kurz WCAG, definieren klare Anforderungen an Alt-Texte. Jedes inhaltlich relevante Bild muss einen Alt-Text haben, der den Inhalt oder die Funktion des Bildes beschreibt. Dekorative Bilder, die keinen inhaltlichen Mehrwert bieten, sollten einen leeren Alt-Text haben, damit Screenreader sie überspringen. Bilder, die als Links fungieren, sollten einen Alt-Text haben, der das Linkziel beschreibt, nicht den Bildinhalt. Komplexe Bilder wie Infografiken oder Diagramme benötigen eine ausführlichere Beschreibung, die alle relevanten Informationen vermittelt. Die Einhaltung dieser Richtlinien ist nicht nur ethisch geboten, sondern wird auch von Suchmaschinen als Qualitätssignal gewertet und in einigen Rechtsräumen gesetzlich gefordert.
Machen Sie Ihre Website barrierefrei und SEO-optimiert
Best Practices für das Schreiben effektiver Alt-Texte
Das Verfassen guter Alt-Texte ist eine Fertigkeit, die klaren Regeln folgt und sich mit etwas Übung leicht meistern lässt. Die folgenden Best Practices helfen Ihnen, Alt-Texte zu schreiben, die sowohl die Barrierefreiheit als auch die SEO Ihrer Website optimal unterstützen.
Beschreiben Sie den Bildinhalt präzise und konkret. Statt allgemeiner Formulierungen wie Team bei der Arbeit schreiben Sie Webdesign-Team bespricht die Wireframes für ein neues Website-Projekt am Whiteboard. Verwenden Sie relevante Keywords natürlich und kontextbezogen, aber vermeiden Sie Keyword-Stuffing. Ein Alt-Text wie Webdesign SEO Marketing Agentur beste Preise günstig schadet mehr als er nützt. Halten Sie den Alt-Text kurz und informativ, idealerweise zwischen 5 und 15 Wörtern. Längere Beschreibungen sind für komplexe Bilder akzeptabel, aber vermeiden Sie unnötige Füllwörter. Beginnen Sie den Alt-Text nicht mit Bild von oder Foto von, da Screenreader bereits mitteilen, dass es sich um ein Bild handelt. Berücksichtigen Sie den Kontext der Seite: Derselbe Bildinhalt kann je nach Seitenkontext unterschiedliche Alt-Texte erfordern.
Alt-Text für verschiedene Bildtypen: Produktfotos, Infografiken und dekorative Bilder
Verschiedene Bildtypen erfordern unterschiedliche Ansätze bei der Alt-Text-Formulierung. Die Unterscheidung zwischen inhaltlich relevanten und dekorativen Bildern ist dabei der wichtigste erste Schritt, weil er bestimmt, ob ein Alt-Text notwendig ist und welche Form er annehmen sollte.
Produktfotos und Dienstleistungsbilder sollten das Gezeigte konkret beschreiben und relevante Attribute wie Farbe, Material, Grösse oder Anwendungskontext nennen. Für eine Webdesign-Agentur könnte das ein Alt-Text wie Responsive Website-Design für einen Finanzdienstleister dargestellt auf Desktop, Tablet und Smartphone sein. Infografiken und Diagramme stellen eine besondere Herausforderung dar, weil sie oft komplexe Informationen visuell vermitteln. Hier sollte der Alt-Text die Kernaussage zusammenfassen und gegebenenfalls auf eine ausführlichere Beschreibung im umgebenden Text oder in einer Longdesc verweisen. Screenshots und Interface-Darstellungen sollten beschreiben, was der Screenshot zeigt und welche relevante Information er vermittelt. Teamfotos und Porträts sollten die abgebildeten Personen benennen, sofern relevant. Dekorative Bilder wie Hintergrundmuster, Trennlinien oder rein ästhetische Elemente erhalten einen leeren Alt-Text, um den Lesefluss von Screenreadern nicht zu stören.
Kostenlose Bilder-SEO-Analyse: Sind Ihre Alt-Texte optimiert?
Wir analysieren die Alt-Texte und Bildoptimierung Ihrer Website und zeigen Ihnen, wie Sie durch professionelle Bildbeschreibungen mehr Traffic aus der Google Bildersuche generieren.
Häufige Fragen zu Alt-Texten und Bildoptimierung
Wie lang sollte ein Alt-Text maximal sein
Es gibt keine technische Zeichenbegrenzung für Alt-Texte, aber in der Praxis haben sich 125 Zeichen als sinnvolle Obergrenze etabliert. Manche Screenreader schneiden Alt-Texte nach etwa 125 Zeichen ab oder machen an dieser Stelle eine Pause, was den Lesefluss stören kann. Für die meisten Bilder reichen 5 bis 15 Wörter aus, um den Inhalt präzise zu beschreiben. Komplexe Bilder wie Infografiken oder Datenvisualisierungen können längere Alt-Texte erfordern. In solchen Fällen ist es besser, die Kernaussage im Alt-Text zusammenzufassen und eine ausführlichere Beschreibung im umgebenden Text oder in einer separaten Longdesc-Referenz bereitzustellen.
Soll ich Keywords in den Alt-Text aufnehmen
Ja, relevante Keywords gehören in den Alt-Text, aber nur wenn sie den Bildinhalt natürlich und zutreffend beschreiben. Der Alt-Text soll primär das Bild beschreiben, nicht als zusätzlicher Platz für Keyword-Optimierung dienen. Wenn ein Bild tatsächlich das Thema zeigt, für das Sie ranken möchten, ist die Integration des Keywords organisch und sinnvoll. Wenn das Keyword keinen Bezug zum Bildinhalt hat, sollten Sie es nicht erzwingen. Google erkennt Keyword-Stuffing in Alt-Texten und kann dies negativ bewerten. Ein guter Ansatz ist, den Alt-Text so zu formulieren, wie Sie das Bild einem Freund am Telefon beschreiben würden, und dabei natürlicherweise relevante Begriffe zu verwenden.
Brauchen dekorative Bilder einen Alt-Text
Dekorative Bilder, die keinen inhaltlichen Mehrwert bieten und rein ästhetische Funktionen erfüllen, sollten einen leeren Alt-Text erhalten, also alt=”” im HTML-Code. Ein leerer Alt-Text signalisiert Screenreadern, dass das Bild ignoriert werden kann, was den Lesefluss für sehbehinderte Nutzer verbessert. Ohne Alt-Attribut würden viele Screenreader stattdessen den Dateinamen des Bildes vorlesen, was störend und uninformativ ist. Typische dekorative Bilder sind Hintergrundmuster, Trennlinien, Ziergrafiken und Bilder, die lediglich die visuelle Gestaltung der Seite ergänzen, ohne eigene Informationen zu vermitteln.
Wie überprüfe ich die Alt-Texte meiner bestehenden Website
Die Überprüfung aller Alt-Texte Ihrer Website lässt sich mit verschiedenen Tools effizient durchführen. Crawling-Tools wie Screaming Frog oder Sitebulb erfassen alle Bilder Ihrer Website und zeigen an, welche Bilder keinen, einen leeren oder einen unzureichenden Alt-Text haben. Browser-Erweiterungen wie WAVE oder axe zeigen die Alt-Texte direkt auf der Seite an und markieren fehlende oder problematische Beschreibungen. Die Google Search Console gibt im Bereich Bilder Hinweise auf Optimierungspotenziale. Für eine umfassende Überprüfung empfiehlt sich ein professionelles SEO-Audit, das die Bildoptimierung als Teil der gesamten On-Page-Analyse abdeckt.
Die drei grössten Fehler bei Alt-Texten
Fehler Nummer eins: Alt-Texte komplett weglassen
Der häufigste und gravierendste Fehler besteht darin, Alt-Texte einfach wegzulassen. Viele Website-Betreiber und auch einige Webentwickler vergessen oder ignorieren Alt-Texte, weil sie für sehende Nutzer unsichtbar sind. Das Ergebnis sind Bilder ohne jegliche Textbeschreibung, die von Suchmaschinen nicht korrekt indexiert werden können und für Screenreader-Nutzer nicht existieren. Jedes inhaltlich relevante Bild auf Ihrer Website braucht einen beschreibenden Alt-Text. Bei einem Website-Relaunch oder einer umfassenden SEO-Optimierung sollte die Nachrüstung fehlender Alt-Texte eine der ersten Massnahmen sein, da sie mit vergleichsweise geringem Aufwand messbare SEO-Verbesserungen und eine deutlich bessere Barrierefreiheit liefert.
Fehler Nummer zwei: Keyword-Stuffing im Alt-Text
Der zweite schwerwiegende Fehler besteht darin, den Alt-Text als Fläche für exzessives Keyword-Stuffing zu missbrauchen. Alt-Texte wie Webdesign Zürich günstig Webdesign Agentur Webdesign Schweiz professionelles Webdesign schaden nicht nur der Barrierefreiheit, weil sie für Screenreader-Nutzer unverständlich sind, sondern können auch von Google als Spam gewertet werden und negative SEO-Konsequenzen haben. Der Alt-Text sollte das Bild beschreiben, nicht eine Liste von Suchbegriffen sein. Ein natürlicher, beschreibender Alt-Text, der relevante Keywords organisch integriert, ist sowohl für die Barrierefreiheit als auch für die SEO die beste Lösung.
Fehler Nummer drei: Generische und nichtssagende Alt-Texte verwenden
Der dritte kritische Fehler besteht darin, generische, nichtssagende Alt-Texte zu verwenden, die weder den Bildinhalt beschreiben noch SEO-Wert bieten. Formulierungen wie Bild, Foto, Image, bild1.jpg oder unbenannt tragen nichts zur Barrierefreiheit bei und verschenken SEO-Potenzial. Ebenso problematisch sind automatisch generierte Alt-Texte, die lediglich den Dateinamen des Bildes wiedergeben. Jeder Alt-Text sollte eine individuelle, beschreibende Formulierung sein, die den konkreten Inhalt des spezifischen Bildes im Kontext der spezifischen Seite wiedergibt. Diese Arbeit lohnt sich, weil sie gleichzeitig die Barrierefreiheit, die Bildersuche-Rankings und die thematische Relevanz Ihrer Seiten verbessert.
