So schreiben Sie Alt-Text, der wirklich hilft
Nicht „das Bild beschreiben“ – das ist zwar richtig, aber nutzlos als Ratschlag. Hier ist, was tatsächlich ins Feld gehört.
Alt-Text hat zwei echte Zielgruppen – einen Screenreader, der die Seite jemandem beschreibt, der sie nicht sehen kann, und eine Suchmaschine, die sie ebenfalls nicht sehen kann – und beide brauchen dasselbe: eine schlichte, korrekte, angemessen kurze Beschreibung dessen, was das Bild ist oder tut. Keine Keywords. Kein „Bild von“. Was es tatsächlich ist. (Prüfen Sie eine ganze Seite statt nur ein Bild? Die On-Page-SEO-Checkliste ist die umfassendere Liste.)
Inhaltsbilder versus Dekoration
Was Sie tatsächlich eingeben
Beschreiben Sie, was eine sehende Besucherin beim Betrachten mitbekommt – spezifisch genug, um nützlich zu sein, kurz genug, um lesbar zu bleiben. „Produktfoto“ sagt einer Screenreader-Nutzerin nichts; „matte blaue Keramiktasse, 350 ml, mit seitlichem Henkel“ sagt ihr, was tatsächlich zum Verkauf steht. Eine übliche praktische Obergrenze liegt bei etwa 125 Zeichen. Darüber hinaus trennen sechs Gewohnheiten nützlichen Alt-Text von Füllmaterial:
„Bild von“ weglassen Der Screenreader kündigt bereits an, dass es sich um ein Bild handelt – diese Worte sind reiner Ballast, wiederholt bei jedem einzelnen.
Ein Bild, das zugleich Link ist, beschreibt die Aktion „Suchen“ schlägt „Lupensymbol“ für einen Suchbutton: Was ein Klick bewirkt, ist das, was eine Screenreader-Nutzerin braucht, um zu entscheiden, ob sie klickt.
Ein Diagramm beschreibt den Befund, nicht die Form „Balkendiagramm zeigt monatliche Umsätze steigend von 2.000 € im Januar auf 9.500 € im Juni“ ist nützlich; „ein Diagramm mit sechs Balken“ ist es nicht.
Die Bildunterschrift nicht wiederholen Wenn der sichtbare Text neben dem Bild bereits alles sagt, sollte der Alt-Text etwas hinzufügen, das die Bildunterschrift nicht bietet, oder sich ihr unterordnen – sonst liest ein Screenreader denselben Satz zweimal hintereinander.
Meinungswörter weglassen „Wunderschön“ und „atemberaubend“ beschreiben Ihre Reaktion, nicht das Bild – sie ergeben nur Sinn für jemanden, der bereits hinsieht.
Das Keyword nicht erzwingen Wenn das Bild wirklich das ist, was das Keyword beschreibt, enthält eine ehrliche Beschreibung es bereits; wenn nicht, macht das Erzwingen den Text nur ungenauer.
Vergessen Sie nicht, es ebenfalls zu übersetzen
Dieser Text muss in den Alt-Text, Wort für Wort (oder nahezu): Ein Screenreader kann keine Pixel lesen, wenn „20% Rabatt an diesem Wochenende“ also nur als Teil des Bildes existiert, erfährt ein Besucher, der es nicht sehen kann, nie davon. Das ist ein starkes Argument dafür, echten Text überall dort als echten Text zu belassen, wo es geht, statt ihn in eine Grafik einzubacken.
Es ist eines von vielen Signalen und für sich genommen recht unbedeutend — aber eine Seite voller fehlender Alt-Texte ist meist ein Symptom dafür, dass die Seite auch an anderer Stelle mit heißer Nadel gestrickt wurde; die Korrelation mit schwächeren Seiten ist also real, auch wenn die direkte Kausalität gering ist. Wie der Gesamt-SEO-Score einer Seite ihn gewichtet gegenüber den anderen 17 Prüfungen, ist ein eigener Leitfaden, falls Sie das ganze Bild möchten.
Beschreiben Sie es so, wie Sie es jemandem am Telefon laut beschreiben würden, der fragt, was auf der Seite zu sehen ist – konkret genug, dass er es wiedererkennen würde, kurz genug, dass Sie nicht einen ganzen Absatz lang weiterreden. Wenn Ihnen nicht einmal das gelingt, ist das oft ein Zeichen dafür, dass das Bild seinen Platz auf der Seite nicht verdient.
Jedes Bild, das Inhalt transportiert, ja; rein dekorative Bilder werden in der Regel ausgeschlossen statt abgewertet, sofern sie tatsächlich als dekorativ ausgezeichnet und nicht bloß versehentlich leer gelassen wurden. Eine Seite ohne jedes inhaltstragende Bild besteht diese Prüfung normalerweise ohnehin – es gibt nichts, was durchfallen könnte.
Halten Sie den Alt-Text selbst kurz – eine Zusammenfassung in ein bis zwei Sätzen, was insgesamt zu sehen ist – und schreiben Sie die vollständigen Details stattdessen in sichtbaren Text in der Nähe des Bildes: eine Bildunterschrift, einen Absatz, eine Tabelle, was immer zum Inhalt passt. Alt-Text soll eine kurze, gleichwertige Beschreibung sein und kein Ort, um eine ganze Infografik Zeile für Zeile abzutippen.