Contact
What are you interested in?
Alt-Text (Alternativtext).
Der Alt-Text ist eine Textbeschreibung, die im HTML einem Bild zugeordnet wird. Er hilft blinden Menschen über Screenreader, dient als Ersatz, wenn ein Bild nicht lädt, und gibt Suchmaschinen den Bildinhalt zu verstehen.
Alt-Text (Alternativtext) — Explained in Detail
Der Alt-Text (Attribut alt im <img>-Tag) beschreibt in Worten, was auf einem Bild zu sehen ist. Sein wichtigster Zweck ist die Barrierefreiheit: Screenreader lesen den Text blinden und sehbehinderten Menschen vor, sodass sie den Bildinhalt erfassen. Lädt ein Bild nicht, zeigt der Browser den Alt-Text als Ersatz an.
Für SEO ist der Alt-Text das zentrale Signal, mit dem Google den Inhalt eines Bildes einordnet — die Grundlage für Rankings in der Google-Bildersuche, einem oft unterschätzten Traffic-Kanal. Ein guter Alt-Text ist konkret und beschreibend: «Frau joggt bei Sonnenaufgang am Zürichsee» statt bloss «Bild» oder «IMG_2043».
Gute Praxis: kurz und präzise (meist unter 125 Zeichen), das relevante Keyword natürlich einbauen statt stumpf aneinanderreihen (Keyword-Stuffing schadet), und rein dekorative Bilder mit einem leeren alt=«» versehen, damit Screenreader sie überspringen. Text, der bereits im Bild steht, gehört sinngemäss in den Alt-Text.
Beispiel aus der Praxis: Ein Handwerksbetrieb, der jedes Referenzbild mit einem sauberen Alt-Text wie «Renovierte Altbauküche mit Eichenparkett in Winterthur» versieht, wird sowohl für Menschen mit Screenreader zugänglich als auch in der Bildersuche für lokale Anfragen auffindbar.
Related Page
Digitale BarrierefreiheitFrequently Asked Questions About Alt-Text (Alternativtext)
In der Regel unter 125 Zeichen, denn manche Screenreader schneiden längere Texte ab. Er sollte das Bild präzise beschreiben, ohne auszuufern. Wichtig ist der Kontext: Derselbe Sonnenuntergang kann auf einer Reiseseite anders beschrieben werden als in einem Artikel über Fotografie. Rein dekorative Bilder erhalten einen leeren Alt-Text.
Jedes inhaltlich relevante Bild ja — sowohl aus Gründen der Barrierefreiheit als auch fürs SEO. Rein dekorative Bilder (etwa Trennlinien oder Hintergrundmuster) erhalten hingegen bewusst ein leeres alt-Attribut (alt=«»), damit Screenreader sie überspringen und den Nutzer nicht mit belanglosen Beschreibungen aufhalten.
More Terms Starting with "A"
Agent-Ready Website
An agent-ready website is built so that AI agents can not only read its content but also perform act...
ai.txt
ai.txt is a text file in the style of robots.txt that specifically signals to AI crawlers and agents...
AEO (Answer Engine Optimization)
AEO is the optimization of website content so that it appears as direct answers in AI-powered search...
Ready for Your Project?
Apply this knowledge to your website — DLM Digital will help you.