Immer wieder taucht die Frage auf, ob man neben dem Alt-Text bei Bildern auch das Title-attribut angeben sollte – und falls ja, was man dann hineinschreiben soll? Den Alt-Text kopieren oder etwas anderes? Nun hat John Müller die Frage in einem Webmaster-Video beantwortet, aber leider etwas missverständlich. Daher möchte ich das hier noch einmal kurz aufgreifen. Zunächst die entsprechende Passage im Video:

Hier das Transskript:

Thema: Title und Alt-Attribute bei Bildern

Frage: Wenn sich nur einer der beiden setzen lässt, welchen würdest Du vorrangig empfehlen?

Antwort: Schwierig zu sagen, weil Title ist an und für sich etwas, was man bei einem Link dazunimmt, und Alt ist etwas, was man bei einem Bild, bei der Bildeinbindung quasi verwendet. Das heißt, wenn ich jetzt nur Bilder auf einer Seite einbinde, dann nehme ich die Alt-Attribute, wenn ich die Bilder als Anker nehme zu vielleicht einer größeren Bilder-Landingpage, dann kann man mit dem Title-Attribut arbeiten. … Ich würde von dem her gerade für die Bildersuche eher mit dem Alt-Attribut arbeiten, weil das wirklich direkt mit dem Bild verbunden ist und nicht quasi kombiniert wird mit einem Link, der dann noch zusätzlich dabei ist.

Aber ich denke, dass muss man halt schauen, wie man das machen kann auf dem eigenen CMS. Es ist ja dann nicht so, dass ein CMS (Hinweis: Content-Management-System, z.B. WordPress) einfach sagt, Du darfst einen von beiden wählen, aber nicht beide. Sondern man hat entweder die Möglichkeit, diese zu setzen oder nicht zu setzen und dann nimmt man halt das, was man machen kann.

Ich halte das, wie gesagt, für missverständlich und möchte es noch mal klarstellen.

Der Alt-Text (Inhalt des Alt-Attributs eines Bildes, Alt = Alternativ) MUSS immer (!) angegeben werden, unabhängig vom Thema Suchmaschinenoptimierung. Denn Menschen mit Sehbehinderung sind darauf angewiesen. Daher ist der Alt-Text nach den Richtlinien des W3C zwingend! Wenn ein Bild der Dekoration dient und nichts mit dem Inhalt zu tun hat, sollte der Alt-Text leer sein (alt=““) – oder noch besser: das Deko-Bild via CSS einfügen.

Für alles andere sollte man vier Dinge unterscheiden.
Die ersten beiden betreffen ein Bild ohne Link.

<img src="tiere/schwarze-katze.jpg"
  width="800" height="1000"
  alt="Schwarze Katze"
  title="Schwarze Katze" />

• Das Bild muss einen Alt-Text haben.

• 

  Das Bild kann ein Title-Attribut haben (das Title-Attribut ist ein sog. Universal-Attribut, dass in vielen HTML-Elememnten verwendet werden kann). Es erzeugt einen Tooltip für die User, das heißt beim Überrollen des Bildes öffnet sich ein kleines Fenster, dass den Text des Title-Attributs zeigt (gilt für fast alle Browser außer den älteren Explorer-Versionen). Dieser Tooltip macht dann Sinn, wenn es keine Bildunterschrift gibt (sog. Caption). Ansonsten ist der Tooltip / das Title-Attribut überflüssig, weil man den entsprechenden Bild-Text ja eh unter dem Bild lesen kann.

Die anderen beiden Fälle betreffen ein Bild mit Link. Hier sind Johns Hinweise etwas verwirrend. Ist das Title-Attribut erforderlich, wenn ein Bild, z.B. ein Thumbnail, auf ein größeres Bild verlinkt? Das Ganze ist in diesem Zusammenhang auch deshalb verwirrend, weil es zwei Möglichkeiten gibt, es zu setzen:

• Title-Attribut des Bildes
• Title-Attribut des Links

<a href="schwarze-katze.jpg" title="Schwarze Katze">
  <img src="tiere/schwarze-katze-thumbnail.jpg"
    width="100" height="150"
    alt="Schwarze Katze" />
</a>

• Das Title-Attribut des Bildes ist im Falle eines verlinkten Bildes überflüssig.
• Das Title-Attribut des Links ist optional. Wenn ein Bild verlinkt ist, dann ist der Alt-Text der Ankertext des Links. Und wie man als Seo weiß, ist der Ankertext entscheidend. Nur wenn der Ankertext unsinnig ist oder kein Alt-Text angegeben wurde, käme das Title-Attribut ins Spiel. Achtung! Wenn das Title-Attribut des Bild-Links gesetzt wird, sollte man unbedingt auf Konsistenz achten. Denn es steht so nahe am Bild, dass es wahrscheinlich auch herangezogen wird, um den Bildinhalt zu interpretieren. Das ist insbesondere dann der Fall, wenn es sich um eine Lightbox-Lösung handelt.

Hier die Übersicht als Grafik:

Abschließend noch ein Wort zu der Frage aus dem Video: „Was, wenn man sich für eines entscheiden muss?“ Die Antwort lautet folglich: immer den Alt-Text setzen! Das Titel-Attribut ist nur dann relevant, wenn es keine Bildunterschrift gibt, aber man dem User noch weitere Text-Informationen anbieten möchte. Seo-technisch ist nur wichtig, dass sich die Text-Informatioenn von Alt-Text, Title-Attribut, Bildunterschrift und umliegenden Text nicht widerspricht.

Wenn man ein CMS benutzt, das keinen Alt-Text zulässt, dann sollte man die Website vergessen (oder ein anderes CMS anschaffen).