Alt oder Title bei Bildern?
Wir alle kennen bestimmt den alt=”…” Tag bei der Einbindung eines Links.
Und, dass er sowohl für Suchmaschinen, als auch für Besucher ohne bildfähigen Browser oder bei nicht geladenen Bildern sehr nützlich ist.
Dennoch erlaubt mir eine kleine Erklärung für alle die nicht wissen warum der alt-Tag für Suchmaschinen wichtig ist.
Eine Suchmaschine kann keine Bilder sehen und weis auch nicht was darauf zu sehen ist. Der alt-Tag sagt ihr genau was auf dem Bild dargestellt wird, falls nicht vorhanden versuchen die Sumas mit neuen Techniken, über den Kontext, in dem das Bild steht, heraus zu finden was denn dargestellt ist. Und das muss ja nicht unbedingt passen, mal davon abgesehen sehen es sie es nicht gern wenn namenlose bilder auf der Seite sind, dann kann es z.B. bei Google recht schnell eine geringe Abwertung der Seite geben. Diese ist natürlich nicht sonderlich relevant aber muss ja nicht sein, da der Arbeitsaufwand ja nur ein Paar Sekunden beträgt.
Aber das nur mal am Rande, zurück zum Thema.
Wenn man so ein bischen in der Webseitenwelt des internets rumtingelt bekommt man in einigen Quelltexten auch ein title-Tag in der Bild-Einbindung zu sehen. Und dann fragt man sich “warum macht der Typ ein alt- und ein title-Tag da rein”. Der Unterschied zwischen den beiden liegt nur in den strengen Regeln des HTML. Der alt-Tag ist klar definiert, als alternativer Text für ein nichtgeladenes Bild, der title-Tag ist streng genommen eben ein Titel / Beschreibung des Bildes.
Eigentlich ist es ja egal ob ALT oder TITLE, beide erzeugen den selben Tooltip mit Bildbeschreibung, dabei zeigt der IE nur den Inhalt des alt-Tags an und der Firefox ignoriert ihn gänzlich wenn das Bild geladen wurde und zeigt nur den Tooltip des title-Tags an.
Wozu also sich die Arbeit machen wenn doch eins der beiden ausreicht?
Was auf den ersten Blick wie unnötiger Aufwand aussieht, ist auf der anderen Seite aber sehr schlau.
Die Suchmaschinencrawler, lesen nur den alt-Tag aus.
Aus Usability Gründen sollte man aber beide Tags angben, so werden die Informationen browserübergreifend angezeigt und auch die Suchmaschinen sind bedient.



Alles kurz und knapp auf den Punkt gebracht… Danke!
Leave your response!