Zuerst verstehen, was der Kunde sieht
Viele betrachten "Bildlinks" als technisches Problem, aber Kunden sehen den Linkcode überhaupt nicht. Auf der Seite sehen sie drei Dinge: das Bild selbst, den Text daneben und den Alternativtext, der erscheint, wenn das Bild nicht geladen werden kann. Die Verständniskosten zu senken bedeutet, dass diese drei Dinge auf dasselbe hinweisen, sodass der Kunde nicht raten muss, wohin das Bild führt.
Ein typisches Negativbeispiel: Das Bild zeigt eine Produktverpackung, der Dateiname ist IMG_2043.jpg, der Alt-Text lautet "banner" und daneben steht "Mehr erfahren". Der Kunde weiß vor dem Klick nicht, was ihn erwartet, und probiert es nur nach Gefühl aus. Das ist ein klassischer Fall von hohen Verständniskosten.
Dateiname: Zuerst für das eigene Team auffindbar
Der Dateiname wird zwar nicht direkt auf der Seite angezeigt, beeinflusst aber zwei Dinge: Zum einen ist er ein Kriterium für Suchmaschinen beim Crawlen von Bildern, zum anderen können Teammitglieder das Bild später in der Medienbibliothek wiederfinden. Empfohlen wird eine Kombination aus "Inhaltsthema + Verwendungszweck oder Position", verbunden mit Bindestrichen, z. B. valve-product-cover.jpg oder factory-workshop-01.jpg. Vermeiden Sie Kamera-Standardnummern, chinesische Zeichen mit Leerzeichen oder eine Reihe von Unterstrichen.
Die Prüfung ist einfach: Wenn Sie den Dateinamen an eine Kollegin senden, kann sie ungefähr sagen, was das Bild zeigt? Wenn nicht, hat die Benennung ihren Zweck verfehlt. Für eine Bilderserie sollte ein einheitlicher Stil verwendet werden – nicht teils Englisch, teils Pinyin, teils Nummern, sonst wird die spätere Organisation sehr mühsam.
Alt-Text: Eine Erklärung für diejenigen, die das Bild nicht sehen
Alt ist der Alternativtext für ein Bild. Er wird angezeigt, wenn das Bild nicht geladen werden kann, und von Screenreadern vorgelesen. Seine Aufgabe ist zu erklären, was das Bild ausdrückt, nicht Keywords anzuhäufen. Empfohlen wird ein Satz, der den Bildinhalt klar beschreibt, bei Bedarf mit dem Thema der verlinkten Seite, z. B. "Schematische Darstellung des Qualitätsprüfungsprozesses in der Werkstatt" statt "Werkstatt Qualitätsprüfung Prozess Hersteller Preis" als Keyword-Liste.
Wenn das Bild selbst ein Link-Einstieg ist, kann der Alt-Text beschreiben, was der Kunde nach dem Klick sieht, z. B. "Qualitätsprüfungsprozess ansehen". Hier ist eine Grenze zu beachten: Die Formulierung von Alt-Texten gehört zur Erfahrung auf der Ebene der Inhaltsorganisation. Wie Suchmaschinen Alt-Texte genau nutzen und ob sie das Ranking beeinflussen, ist eine Frage der Mechanismen, die überprüft werden müsste – darauf geht dieser Artikel nicht ein. Für den Betrieb gilt: Stellen Sie zunächst sicher, dass Kunden und Hilfsmittel es verstehen – diese Richtung ist sicher.
Umgebender Text: Bild und Text dürfen nicht unterschiedliche Dinge sagen
Kunden verstehen ein Bild oft nicht durch das Bild selbst, sondern durch den Text daneben. Wenn das Bild ein Produkt zeigt und daneben "Klicken für detaillierte Parameter" steht, weiß der Kunde, dass er auf eine Parameterseite gelangt. Steht daneben "Willkommen zur Beratung", erwartet der Kunde ein Beratungsfenster. Diese beiden Erwartungen sind völlig unterschiedlich.
Beim Schreiben des umgebenden Textes sollte zuerst klar sein, auf welcher Seite der Klick landet, und dann in einem Satz erklärt werden, was diese Seite bietet. Bild, Alt-Text und umgebender Text sollten auf denselben Inhalt verweisen – so sinken die Verständniskosten automatisch. Umgekehrt: Wenn die drei nicht übereinstimmen, fühlt sich der Kunde unwohl, selbst wenn er richtig klickt.
Klickbereich und Position: Der Kunde muss erkennen, dass hier geklickt werden kann
Manche Bildlinks werden nicht als klickbar wahrgenommen, weil sie wie normale Abbildungen aussehen. Mögliche Anpassungen: klickbaren Bildern einen klaren visuellen Zustand geben, z. B. eine leichte Veränderung beim Hover; klickbare Bilder dort platzieren, wo Kunden sie erwarten, z. B. in Produktlisten; vermeiden, ein klickbares Bild mitten in einen Textabsatz einzufügen, damit der Kunde nicht zwischen Bild- und Textklick unterscheiden muss.
Außerdem sollte dasselbe Bild nicht zwei verschiedene Ziele haben. Auf manchen Seiten führt ein Klick links zum Produkt und rechts zur Beratung – das ist schwer zu unterscheiden und führt leicht zu Fehlklicks. Wenn zwei Einstiege nötig sind, verwenden Sie zwei Bilder oder zwei Textbuttons.
Prüfreihenfolge vor der Veröffentlichung
- Listen Sie alle Bildlinks der Seite auf und prüfen Sie für jedes Bild, auf welcher Seite es landet.
- Prüfen Sie, ob die Dateinamen auffindbar sind und ob der Stil innerhalb einer Bilderserie einheitlich ist.
- Prüfen Sie, ob der Alt-Text den Bildinhalt klar beschreibt und keine Keywords anhäuft.
- Prüfen Sie, ob der Text neben dem Bild mit dem Inhalt der verlinkten Seite übereinstimmt.
- Öffnen Sie die Seite auf dem Smartphone und prüfen Sie, ob klickbare Bilder deutlich sichtbar und leicht zu treffen sind.
- Blenden Sie die Bilder testweise aus oder laden Sie die Seite ohne Netzwerk, um zu sehen, ob der Alternativtext noch verständlich macht, worum es geht.
Diese Prüfung erfordert keine speziellen Tools – das Betriebsteam kann sie selbst durchführen. Danach werden Bildlinks von "Kunde klickt nach Gefühl" zu "Kunde weiß, was ihn erwartet" – das ist der praktische Effekt der Senkung von Verständniskosten.
