Sehen Sie sich so ziemlich jede Website im Internet an, und Sie werden feststellen, dass eines der Dinge, die sie gemeinsam haben, Bilder sind. Bilder können auf Websites verwendet werden, um visuelles Flair zu erzeugen, Ideen zu veranschaulichen und zum Gesamtinhalt der Seite beizutragen. Sie müssen nicht nur die richtigen Bilder auswählen und sie ordnungsgemäß für die Webbereitstellung vorbereiten, sondern auch, dass alle Bilder Ihrer Website ordnungsgemäß verwendet werden. Alt-Text ist ein sehr wichtiger Bestandteil der ordnungsgemäßen Verwendung dieser Bilder für das Web.
Was ist Alttext?
Alternativtext ist der alternative Text, der von Textbrowsern und anderen Webbenutzeragenten verwendet wird, die keine Bilder anzeigen können. Es ist auch eines der einzigen Attribute, die das Image-Tag benötigt. Indem Sie effektiven Alternativtext schreiben, stellen Sie sicher, dass Ihre Webseiten für Personen zugänglich sind, die möglicherweise einen Bildschirmleser oder ein anderes unterstütztes Gerät verwenden, um auf Ihre Website zuzugreifen. Sie stellen außerdem sicher, dass etwas anstelle eines Bildes angezeigt wird, falls es aus irgendeinem Grund nicht geladen wird (falscher Pfad, Übertragungsfehler usw.). Dies ist der eigentliche Zweck von Alt-Text, aber dieser Inhalt kann Ihnen auch mehr Orte geben, um SEO-freundlichen Text hinzuzufügen, für den Sie von Suchmaschinen nicht bestraft werden (mehr dazu in Kürze).
Alt-Text sollte Text im Bild wiederholen
Jedes Bild, das Text enthält, sollte diesen Text als alternativen Text enthalten. Sie können andere Wörter in den alternativen Text einfügen, aber es sollte mindestens das gleiche wie das Bild bedeuten. Wenn Sie beispielsweise ein Logo für Ihre Bilder haben, sollte der Alt-Text den Firmennamen wiederholen, der von Ihrem grafischen Logo geschrieben wurde.
Denken Sie auch daran, dass Bilder wie Logos auch Text enthalten können. Wenn Sie beispielsweise das rote Ballsymbol auf der Dotdash-Website sehen, bedeutet dies "Dotdash.com". Der alternative Text für dieses Symbol könnte also "Dotdash.com" und nicht nur "Firmenlogo" bedeuten.
Halten Sie den Text kurz
Je länger Ihr Alternativtext ist, desto schwieriger wird das Lesen von Textbrowsern sein. Es kann verlockend sein, lange Sätze aus alternativem Text zu schreiben (normalerweise geschieht dies, weil jemand versucht, das Tag mit Schlüsselwörtern zu füllen), aber wenn Sie Ihre Alt-Tags kurz halten, bleiben Ihre Seiten kleiner und der Download kleinerer Seiten wird schneller.
Eine gute Faustregel für alternativen Text ist, dass er insgesamt 5 bis 15 Wörter enthält.
Verwendung Ihrer SEO-Keywords in Alt-Tags
Die Leute denken oft irrtümlich, dass alternativer Text dazu dient, Suchbegriffe für Suchmaschinen zu setzen. Ja, das ist ein Vorteil, den Sie nutzen können, aber nur, wenn der hinzugefügte Text für den eigentlichen Zweck des alt-Tags sinnvoll ist - intelligenten Text anzuzeigen, der das Bild angibt, falls jemand es nicht sehen kann!
Das heißt, Alt-Text, der nicht als SEO-Tool gedacht ist, bedeutet nicht, dass Sie Ihre Keywords nicht in diesem Text verwenden können. Da alternativer Text für Bilder wichtig und erforderlich ist, ist es unwahrscheinlich, dass Suchmaschinen Sie für das Platzieren von Keywords bestrafen, wenn der hinzugefügte Inhalt sinnvoll ist. Denken Sie daran, dass Ihre Leser vorrangig Ihre Priorität haben. Keyword-Spamming im alternativen Text kann erkannt werden, und Suchmaschinen ändern ihre Regeln ständig, um Spammer zu verhindern.
Eine gute Faustregel ist, die Suchbegriffe Ihrer Suchmaschine so zu verwenden, dass sie zur Beschreibung des Bildes passen und nicht mehr als ein Stichwort in Ihrem alternativen Text verwenden.
Halten Sie Ihren Text sinnvoll
Denken Sie daran, dass der Sinn des alternativen Texts darin besteht, die Bilder für Ihre Leser zu definieren. Viele Webentwickler verwenden den alternativen Text für sich selbst, z. B. Bildgröße, Bilddateinamen usw. Das mag für Sie nützlich sein, tut aber nichts für Ihre Leser und sollte daher in diesen Tags weggelassen werden.
Verwenden Sie leeren Alttext nur für Symbole und Aufzählungszeichen
In regelmäßigen Abständen verwenden Sie Bilder, die keinen nützlichen beschreibenden Text enthalten, z. B. Aufzählungszeichen oder einfache Symbole. Am besten verwenden Sie diese Bilder in CSS, wo Sie keinen alternativen Text benötigen. Wenn Sie sie jedoch unbedingt in Ihrem HTML-Code enthalten müssen, verwenden Sie ein leeres alt-Attribut, anstatt es ganz zu lassen.
Es kann verlockend sein, ein Zeichen wie ein Sternchen (*) zu setzen, um eine Kugel darzustellen. Dies kann jedoch verwirrender sein, als es einfach leer zu lassen. Und wenn Sie den Text "Aufzählungszeichen" setzen, wird er in einem Textbrowser noch merkwürdiger dargestellt.
Bearbeitet von Jeremy Girard am 03.03.17
