Home » SEO

Alt oder Title bei Bildern?

23 März 2009 One Comment

SEOWir 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.

One Comment »

  • Steve said:

    Alles kurz und knapp auf den Punkt gebracht… Danke!

Leave your response!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

This is a Gravatar-enabled weblog. To get your own globally-recognized-avatar, please register at Gravatar.