Eine der einfachsten Methoden, um Ihre Website leichter zugänglich zu machen, ist die Verwendung eines alt-Attributs in Ihren Bild-Tags. Es ist erstaunlich, wie viele Leute vergessen, dieses einfache Attribut zu verwenden. Wenn Sie jetzt gültige XHTML schreiben möchten, ist das alt-Attribut für das img-Tag erforderlich. Und trotzdem machen die Leute es immer noch nicht.
Das ALT-Attribut
Das alt-Attribut ist ein Attribut des img-Tags und soll ein alt für nicht-visuelle Browser, wenn sie auf Bilder stoßen. Das bedeutet, dass der Text verwendet werden soll, wenn das Bild auf der Seite nicht sichtbar ist. Stattdessen wird der alternative Text angezeigt (oder gelesen).
Viele Browser zeigen auch den Alternativtext an, wenn der Kunde die Maus auf dem Bild ruht. Dies bedeutet, dass der Text klar und leicht lesbar sein sollte und keinen riesigen Popup-Albtraum für jeden Leser erzeugen sollte, der die Maus auf Ihrer Seite anhält. Das Hinzufügen von altem Text ist einfach. Verwenden Sie einfach das alt-Attribut für Ihr Bild. Hier sind einige Tipps zum Schreiben von Alt-Tags:
Fasse dich kurz
Einige Browser werden tatsächlich beschädigt, wenn der Alternativtext zu lang ist. Und obwohl es schön erscheinen mag, zu beschreiben, was genau im Bild ist, ist dies nicht der Zweck des alt-Tags. Stattdessen sollte es genau mit den Wörtern gefüllt werden, die erforderlich sind, um das Bild in Kontext zu setzen, und nicht mehr
Klar sein
Seien Sie nicht so kurz, dass der Kontext verwirrend ist. Denken Sie daran, dass manche Leute NUR den Text in Ihren alt-Tags sehen. Wenn sie zu kurz sind, können sie möglicherweise nicht verstehen, was Sie ihnen zeigen wollen. Zum Beispiel:
- Ein Baum: Gut
- Ein Platanenbaum: Besser
- Ein 10 Fuß hoher Platanenbaum mit meist braunen Blättern und möglicherweise etwas mit seiner Rinde: zu viel
Sei kontextuell
Beschreibe das Bild nicht, wenn es im Kontext betrachtet werden soll. Zum Beispiel: Wenn Sie ein Image des Firmenlogos haben, sollten Sie "Firmenname" und nicht "Firmennamenlogo" schreiben.
Zeigen Sie nicht die inneren Abläufe Ihrer Site an
Wenn Sie Platzhalterbilder einfügen, verwenden Sie einfach ein Leerzeichen für den Alt-Text. Wenn Sie "spacer.gif" schreiben, wird nur die Aufmerksamkeit auf die Website gelenkt, anstatt nützliche Informationen bereitzustellen. Und wenn Sie versuchen, gültiges XHTML zu schreiben, sollten Sie CSS anstelle von Spacer-Images verwenden. Sie können also den Alt-Text auch von diesen Images lassen.
Seien Sie suchmaschinenbewusst
Wenn Sie einen guten, prägnanten, klaren Alternativtext haben, kann dies tatsächlich den Ranglisten Ihrer Suchmaschinen helfen, da die Bilder auf Ihrer Seite Ihre Keywords fördern und verbessern.
Verwenden Sie es nicht nur für die Suchmaschinenoptimierung
Viele Websites glauben, dass sie, wenn sie alt text als SEO-Tool verwenden, die Suchmaschinen dazu bringen können, ihre Website für ein Keyword zu optimieren, das sie dort nicht haben. Dies kann jedoch nach hinten losgehen, wenn die Suchmaschine entscheidet, dass Sie versuchen, Ihre Ergebnisse zu fälschen, und Sie vollständig von den Ergebnissen entfernt wird.
